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

manuel de référence CSS

règles CSS (RULES)

大全 des propriétés CSS

Marge CSS-Méthode d'utilisation et exemple de l'attribut top

marge-L'attribut top CSS définit la marge supérieure de l'élément. Cependant, dans de nombreux cas, commemargeCes attributs CSS abrégés sont plus faciles à utiliser et plus recommandés.

Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :0
Applicable à :Tous les éléments, mais table displayType (table-tableau en-tête en ligne-aux éléments autres que table) excepté. 。Il est également applicable ::first-letter
Héritage :Non
Animable :Oui.Veuillez consulter Attribut d'animation
Version :CSS 1,2,3
Syntaxe JavaScript :object.style.marginTop="20px"

marge-Syntaxe d'utilisation de top

La syntaxe de cet attribut est la suivante :

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

Les exemples suivants montrent comment utiliser la marge-Attribut top.

  h1 {
   marge-top: 25px;
  }
  p {
   marge-top: 50px;
  }
Vérifiez‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

ValeurDescription
lengthValeur de taille, en px, pt, cm, em, etc. Les valeurs négatives sont autorisées.
percentagePourcentage. Calculé en pourcentage de la largeur du conteneur de l'élément.
autoLe navigateur calcule les marges de l'élément spécifié.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la marge de son élément parent-Valeur de l'attribut top.

Compatibilité du navigateur

marge-Compatibilité du navigateur pour l'attribut top, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Lisez la suite

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

Attributs associés :margemarge-droitemarge-basmarge-left