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

manuel de référence CSS

rules @rule CSS

大全 des propriétés CSS

CSS marge-Méthode d'utilisation et exemple de la propriété bottom

marge-La propriété bottom CSS définit la marge inférieure de l'élément. Cependant, dans de nombreux cas, commemargeCes propriétés CSS abrégées sont plus faciles à utiliser et plus recommandées.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans le script JavaScript.

Valeur par défaut :0
Appliqué à :Tous les éléments, mais table displayLes éléments de type autre que table-caption table inline-table. Il est également applicable à ::first-letter
Héritage :Non
Animable :Est-ce que.Veuillez consulter Animation propriété
Version :CSS 1,2,3
JavaScript syntaxe :object.style.marginBottom="20px"

marge-Syntaxe d'utilisation de bottom

La syntaxe de cette propriété est la suivante :

marge-bottom: length | percentage | auto | initial | inherit

Les exemples suivants montrent comment utiliser la marge-propriété bottom.

  h1 {
   marge-bottom: 25px;
  }
  p {
   marge-bottom: 50px;
  }
Voyons voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
lengthSpécifier une valeur de marge extérieure inférieure spécifique en unités, telles que px, pt, cm, em, etc., et peut être négatif.
percentageSpécifier une marge extérieure inférieure en pourcentage de la largeur du parent.
autoLe navigateur calcule la marge de l'élément spécifié.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la marge de son élément parent-Valeur de la propriété bottom.

Compatibilité du navigateur

marge-Compatibilité du navigateur pour la propriété bottom, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :Marge CSSModèle de boîte CSS

Propriétés associées :margemarge-leftmarge-rightmarge-top