Propriété |
Valeurs (exemples) |
Description |
---|---|---|
width |
150px, 80%... |
Largeur |
height |
150px, 80%... |
Hauteur |
min-width |
150px, 80%... |
Largeur minimale de l'élément HTML |
max-width |
150px, 80%... |
Largeur maximale de l'élément HTML |
min-height |
150px, 80%... |
Hauteur minimale de l'élément HTML |
max-height |
150px, 80%... |
Hauteur maximale de l'élément HTML |
margin-top |
23px |
Marge extérieure du haut |
margin-left |
23px |
Marge extérieure gauche |
margin-right |
23px |
Marge extérieure droite |
margin-bottom |
23px |
Marge extérieure du bas |
margin |
|
Marge extérieure - raccourci plus rapide que margin-left, margin-top, margin-right, margin-bottom mais plus difficile à lire et source d'erreurs et de confusion. |
padding-left |
23px |
Marge intérieure à gauche |
padding-right |
23px |
Marge intérieure à droite |
padding-bottom |
23px |
Marge intérieure en bas |
padding-top |
23px |
Marge intérieure en haut |
padding |
23px 5px 23px 5px |
Marge intérieure - raccourci plus rapide que padding-left, padding-top, padding-right, padding-bottom mais plus difficile à lire et source d'erreurs et de confusion. |
border-width |
3px |
Épaisseur de bordure |
border-color |
nom, rgb(rouge,vert,bleu), rgba(rouge,vert,bleu,transparence), #CF1A20... |
Couleur de bordure |
border-style |
solid, dotted, dashed, double, groove, ridge, inset, outset |
Type de bordure |
border |
3px solid black |
Raccourci de bordure. Combine border-width, border-color, border-style. |
border-radius |
5px |
Bordure arrondie |
box-shadow |
6px 6px 0px black |
Ombre de boîte |