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

23px 5px 23px 5px
(haut, droite, bas, gauche)
10px 20px 30px;
(haut à 10px, droit et gauche à 20px, bas à 30px)
10px 20px
(haut et bas à 10px, gauche et droit à 20px)

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
(haut, droite, bas, gauche)
10px 20px 30px;
(haut ŕ 10px, droit et gauche ŕ 20px, bas ŕ 30px)
10px 20px
(haut et bas à 10px, gauche et droit à 20px)

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
(horizontale, verticale, fondu, couleur)

Ombre de boîte