English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel CSS de base

Modèle de boîte CSS

CSS3Tutoriel de base

Guide de référence CSS

Règles CSS (RULES)

Marge CSS (Marge)

Les marges nettoient l'espace autour de la bordure, le séparant des autres cadres.

Propriété marge CSS

La propriété marge CSS vous permet de définir les marges latérales du cadre de l'élément. Les marges n'ont pasfond-couleurC'est complètement transparent.

Définir les marges des côtés individuels

Vous pouvez utiliser les propriétés marge CSS individuelles pour spécifier des marges différentes pour les différents côtés d'un élément (par exemple, le haut, la droite, le bas ou la gauche).

h1 {marge-bas: 20px;}
p {marge-gauche: 10px.marge-droite: 30px;}
Vérifiez le test‹/›

Propriété de marge abrégée

La propriété marge est une propriété de raccourci pour éviter de définir séparément chaque marge externe : marge-haut, marge-droite, marge-bas et marge-gauche.

h1 { margin: 0 10px;}
p {marge: 25px 50px 75px 100px;}
Vérifiez le test‹/›

Ce symbole de raccourci peut être utilisé avec une, deux, trois ou quatre valeurs séparées par des espaces.

  • Si configuréUne valeurSi une valeur est spécifiée

  • Si une valeur est spécifiéeDeux valeursSi une valeur est spécifiée

  • Si une valeur est spécifiéeTrois valeursSi deux valeurs sont spécifiées, la première valeur est appliquée en haut et en bas, et la deuxième valeur est appliquée à droite et à gauche.

  • Si une valeur est spécifiéeQuatre valeursSi elles sont spécifiées, appliquez-les respectivement en ordre en haut, à droite, en bas et à gauche.