Ajoute un style à un lien visité
La propriété de feuille de style css margin-top css permet de gérer la marge extérieure du haut d'un élément HTML
..........
La propriété de feuille de style css margin-top css permet de gérer la marge extérieure du haut d'un élément HTML
La propriété CSS margin-top permet de définir la marge supérieure d'un élément HTML. Cette marge est l'espace vide situé entre le bord supérieur de l'élément et les éléments qui l'entourent. Il est possible de définir la marge en utilisant des valeurs en pixels (px), en pourcentage (%) ou en utilisant les valeurs de marge automatique (auto).
Note: Les valeurs négatives sont autorisées.
Voici quelques exemples d'utilisation de la propriété margin-top :
p { margin-top: 20px; }img { margin-top: 5%; }button { margin-top: auto; }Exemple : Copier le code
p
{
margin-top:5px;
}
| Valeurs par défaut | 0 |
|---|---|
| Inherited: | non |
| Animable : | oui En savoir plus sur l'animable |
| Version: | CSS1 |
| Syntaxe JavaScript: | object.style.marginTop="10px" |
| Valeur | Description |
|---|---|
| auto | l'explorateur calcule la marge automatiquement |
| nombre | définie la marge en px ou cm |
| % | un pourcentage de la largeur de lélément parent |
| inherit | Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur |
Il est également possible de définir des marges pour les quatre côtés d'un élément en utilisant la propriété margin. Par exemple, pour ajouter une marge de 10 pixels sur tous les côtés d'un paragraphe, on peut utiliser la syntaxe suivante : p { margin: 10px; }.
Il est également possible de définir des marges séparément pour chaque côté en utilisant les propriétés margin-top, margin-right, margin-bottom et margin-left.