Propriétés CSS

Propriétés CSS#

Propriété

Description

Exemple de valeur

color

Couleur du texte

red, rgb(255, 0, 0)

background-color

Couleur de fond de l'élément

yellow, lightblue, antiquewhite

font-family

Police de caractères

Arial, verdana, fantasy

font-size

Taille de la police

20px, 1.5em, 120%

font-weight

Graisse du texte (épaisseur)

bold, normal, 600

font-style

Style de la police

italic, normal

text-align

Alignement horizontal du texte

left, center, right, justify

vertical-align

Alignement vertical dans une cellule

top, middle, bottom

text-decoration

Décoration du texte

underline, none, line-through

text-transform

Transformation de la casse

uppercase, lowercase, capitalize

line-height

Hauteur de ligne (interligne)

1.5, 24px

letter-spacing

Espacement entre les lettres

2px, 0.1em

border

Bordure (épaisseur style couleur)

2px solid black, 1px dashed red

border-radius

Arrondi des coins

10px, 50%

border-collapse

Fusion des bordures de tableau

collapse, separate

margin

Marge extérieure (autour de l'élément)

10px, 0 auto

padding

Marge intérieure (entre contenu et bordure)

5px, 10px 20px

width

Largeur de l'élément

300px, 100%, 50%

height

Hauteur de l'élément

200px, auto

list-style-type

Style des puces de liste

none, disc, square

top

Distance de l'élément par rapport au haut de la page

0, 4em, 10%

display

Type d'affichage d'un élément

flex, block, grid

scroll-padding-top

Région en haut de la page qui ne sera pas scrollée

0, 20px, 3.5rem

position

Positionnement de l'élément sur la page

sticky, static, relative