Comment interpréter les propriétés appliqués aux attributs margin, padding, …
Exemple, quelle est la taille de la marge du haut dans les exemples ci-dessous ?
margin: 0;
margin: 1px 2px 3px 4px;
margin: 0 1px;
margin: 0 1px 2px;
Les valeurs sont indiquées dans le sens des aiguilles d’une montre en commencant par le haut.
Dans l’exemple suivant, la marge du haut fait 1 pixel, la marge de droite 2 pixels, la marge du bas 3 pixels, la marge de gauche 4 pixels.
margin: 1px 2px 3px 4px;
Ici, toutes les marges sont à 0 pixel
margin: 0px;
Lorsque seulement deux valeurs sont indiquées, il faut les répéter. Dans ce cas, on a margin: 0px 1px 0px 1px; Sinon, la première valeur correspond à la marge du haut et du bas, et la seconde correspond à la marge de droite et de gauche. La marge du haut et du bas est de 0 pixel, et la marge de gauche et de droite 1 pixel.
margin: 0px 1px;
Lorsque trois valeurs sont indiquées, il manque la valeur de gauche : elle sera identique à la valeur de droite. Ici, la marge de haut est de 0 pixel, la marge de gauche et de droite 1 pixel et la marge du bas 2 pixels.
margin: 0 1px 2px;
Pas de billet en relation.