Que signifie la marge en HTML

En HTML, margin signifie « marge », qui fait référence à la zone vide entourant la bordure d'un élément ; la définition de marges créera un « espace vide » supplémentaire à l'extérieur de l'élément, laissant un « espace vide » entre les cases. Pour définir les marges, vous devez utiliser la propriété CSS margin, qui accepte n'importe quelle unité de longueur, valeur en pourcentage ou même valeur négative.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En HTML, margin signifie « marge », qui fait référence à la zone vide entourant la bordure d'un élément.

La définition des marges créera un "espace" supplémentaire à l'extérieur de l'élément, donnant une distance "d'espace" entre les cases.

Le moyen le plus simple de définir les marges est d'utiliser la propriété margin, qui accepte n'importe quelle unité de longueur, valeur en pourcentage ou même valeur négative. La propriété

margin accepte n'importe quelle unité de longueur, qu'il s'agisse de pixels, de pouces, de millimètres ou d'ems.

margin peut être réglé sur automatique. Une approche plus courante consiste à définir une valeur de longueur pour les marges. La déclaration suivante définit des marges de 1/4 de pouce de largeur de chaque côté de l'élément h1 :

h1 {margin : 0.25in;}

L'exemple suivant définit différentes marges pour les quatre côtés de l'élément h1. L'unité de longueur utilisée est le pixel (px ):

h1 {margin : 10px 0px 15px 5px;}

.

est le même que le réglage du remplissage. L'ordre de ces valeurs commence à partir de la marge supérieure (top) et tourne dans le sens des aiguilles d'une montre autour de l'élément :

margin: top right bottom left

De plus, vous pouvez également définir une valeur en pourcentage pour la marge :

p {margin : 10%;}

Le pourcentage est calculé par rapport à la largeur de l'élément parent. L'exemple ci-dessus définit les marges de l'élément p à 10 % de la largeur de son élément parent.

La valeur par défaut de la marge est 0, donc si vous ne déclarez pas de valeur pour la marge, aucune marge n'apparaîtra. Cependant, dans la pratique, les navigateurs proposent déjà des styles prédéterminés pour de nombreux éléments, et les marges ne font pas exception. Par exemple, dans les navigateurs prenant en charge CSS, les marges créent des « lignes vides » au-dessus et en dessous de chaque élément de paragraphe. Par conséquent, si aucune marge n’est déclarée pour l’élément p, le navigateur peut en appliquer une lui-même. Bien entendu, tant que vous le déclarez spécifiquement, le style par défaut sera remplacé.

Tutoriels recommandés : "Tutoriel vidéo HTML", "Tutoriel vidéo CSS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!