À quel bord la marge fait-elle référence en HTML5 ?

En HTML5, margin est utilisé pour faire référence au "bord extérieur". Cet attribut peut également être utilisé pour définir tous les attributs de marge d'un élément. Cet attribut peut avoir 1 à 4 valeurs et est utilisé pour définir les valeurs. ​des quatre marges respectivement. Syntaxe Il s'agit de "marge : marge supérieure, marge droite, marge inférieure, marge gauche ;".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

À quel bord margin fait-il référence en HTML5 ?

L'attribut raccourci margin définit tous les attributs margin dans une seule instruction. Cet attribut peut avoir de 1 à 4 valeurs.

Explication

Cet attribut raccourci définit la largeur de toutes les marges d'un élément, ou définit la largeur des marges de chaque côté.

Les marges verticalement adjacentes des éléments au niveau du bloc seront fusionnées, tandis que les éléments en ligne n'occupent pas les marges supérieure et inférieure. Les marges gauche et droite des éléments en ligne ne sont pas fusionnées. De même, les marges des éléments flottants ne sont pas fusionnées. Il est permis de spécifier des valeurs de marge négatives, mais soyez prudent lorsque vous les utilisez.

Remarque : les valeurs négatives sont autorisées.

Exemple 1

margin:10px 5px 15px 20px;

La marge supérieure est de 10px

La marge droite est de 5px

La marge inférieure est de 15px

La marge gauche est de 20px

Exemple 2

margin:10px 5px 15px;

La marge supérieure est de 10px

Droite marge et la marge gauche est de 5px

la marge inférieure est de 15px

Exemple 3

margin:10px 5px;

les marges supérieure et inférieure sont de 10px

la marge droite et la marge gauche sont de 5px

Exemple 4

margin:10px;

les 4 Les marges sont toutes de 10px

Valeurs possibles ​​pour cet attribut :

• auto Le navigateur calcule les marges.

• length spécifie la valeur de la marge dans des unités spécifiques, telles que les pixels, les centimètres, etc. La valeur par défaut est 0px.

• % spécifie les marges en pourcentage de la largeur de l'élément conteneur.

• inherit spécifie que les marges doivent être héritées de l'élément parent.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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!