oujood.com

CSS La propriété : margin-top

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
..........

chercher |

CSS les marges extérieurs


Les propriétés CSS

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

Définition et utilisation:La propriété margin-top

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.

Exemples d'utilisation

Voici quelques exemples d'utilisation de la propriété margin-top :

  • Pour ajouter une marge de 20 pixels en haut d'un paragraphe, on peut utiliser la syntaxe suivante : p { margin-top: 20px; }
  • Pour ajouter une marge de 5% en haut d'une image, on peut utiliser la syntaxe suivante : img { margin-top: 5%; }
  • Pour ajouter une marge automatique en haut d'un bouton, on peut utiliser la syntaxe suivante : 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"

Valeurs de la propriété :margin-top

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

Astuces

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.



La méthode secrète likes sans fin sur Facebook

Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.

GAGNER DE L'ARGENT
GRÂCE À FACEBOOK 
N'A JAMAIS ÉTÉ SI FACILE


Consulter


1tpe
Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci




Hébergeur Discount - Hébergement web