Les propriétés de style CSS

bottom clear border border-
radius
back
ground
box-
shadow
content font
left float box-
sizing
clip color opacity letter-
spacing
line-
height
position right cursor display text-
shadow
text-align text-
decoration
text-
indent
z-index top height margin max-
height
text-
overflow
white-
space
word-
break
break-
after
break-
before
max-
width
min-
height
min-
width
align-
content
align-
items
word-
spacing
break-
inside
column-
count
outline resize overflow align-
self
flex-
direction
animation
column-
fill
column-
gap
padding visibility width flex-
grow
flex-
shrink
transform
column-
rule
column-
span
border-
collapse
border-
spacing
caption-
side
flex-
basis
flex-
wrap
transform
-origin
column-
width
list-style empty-
cells
table-
layout
vertical-
align
justify-
content
order transition
Position Boîte Couleur Texte
propriété raccourcis
Animation Flex box Tableau Multicolonne
propriété héritée

A B C D E F H J L M O P Q R T U V W Z

A

w3cMDNalign-content
Définit comment les lignes d'une boîte flexible avec plusieurs lignes sont alignés le long de l'axe transversal de la boîte
flex-start | flex-end | center | space-between | space-around | stretch
Boîtes flexibles.
w3cMDNalign-items
Définit comment les items d'une boîte flexible sont alignés le long de l'axe transversal de la boîte
flex-start | flex-end | center | baseline | stretch
Boîtes flexibles.
w3cMDNalign-self
Définit comment un item d'une boîte flexible s'aligne sur l'axe transversal de la boîte
auto | flex-start | flex-end | center | baseline | stretch
Items d'une boîte flexible.
w3cMDNanimation-delay
Délai avant le début de l'animation
<durée> [ , <durée> ]+
Par défaut : 0
Tous les éléments.
w3cMDNanimation-direction
Sens de l'animation
normal | reverse | alternate | alternate-reverse [ , normal | reverse | alternate | alternate-reverse ]+
Tous les éléments.
w3cMDNanimation-duration
Durée de l'animation
<durée> [ , <durée> ]+
Par défaut : 0
Tous les éléments.
w3cMDNanimation-fill-mode
Aspect initial et final de l'élément
none | forwards | backwards | both [ , ... ]+
Tous les éléments.
w3cMDNanimation-iteration-count
nombre de répétitions de l'animation
infinite | <nombre> [ , infinite | <nombre> ]
Par défaut : 1
Tous les éléments.
w3cMDNanimation-name
nom de l'animation
none | <nom> [ , none | <nom> ]+
Tous les éléments.
w3cMDNanimation-playstate
Etat de l'animation
running | paused [ , running | paused ]+
Tous les éléments.
w3cMDNanimation-timing-function
vitesse de transition
ease | linear | ease-in | ease-out | ease-in-out | step-start | stepend | steps(nombre[ , start | end ]) | cubic-bezier(x1,y1,x2,y2) [ , ... ]+
Tous les éléments.

B

w3cMDNbackground-attachment
Défilement de l'arrière plan
[ scroll | fixed | local ]+ | inherit
Tous les éléments.
w3cMDNbackground-clip
Arrière-plan sous la bordure ou non
border-box | padding-box | content-box
Tous les éléments.
w3cMDNbackground-color
Couleur de l'arrière plan
<couleur> | transparent | inherit
Tous les éléments.
w3cMDNbackground-image
Image de fond
[ none | url()[ , url() ]* | inherit
Tous les éléments.
w3cMDNbackground-origin
Origine pour la position de l'arrière plan
padding-box | border-box | content-box
Tous les éléments.
w3cMDNbackground-position
Position de l'arrière plan
[ [ <longueur> | <pourcentage> ]{1,2} | [ [ top | center | bottom ] || [ left | center | right ] ]+ | inherit
Par défaut : 0 0
Tous les éléments.
w3cMDNbackground-repeat
Répétition de l'arrière plan
[ repeat | repeat-x | repeat-y | no-repeat ]+ | inherit
Tous les éléments.
w3cMDNbackground-size
Dimension de l'arrière plan
auto | <longueur>{1,2} | <pourcentage>{1,2} | contain | cover
Tous les éléments.
w3cMDN border-bottom-color
Couleur de la bordure en bas
<couleur> | inherit
Tous les éléments.
w3cMDN border-bottom-image
Image de la bordure en bas
none | url() <pourcentage> [ <stretch | repeat | round> ]
Eléments de bloc.
w3cMDNborder-bottom-left-radius
Arrondi coin inférieur gauche
none | <longueur> | <pourcentage>
Par défaut : 0
Eléments de bloc.
w3cMDNborder-bottom-right-radius
Arrondi coin inférieur droit
none | <longueur> | <pourcentage>
Par défaut : 0
Eléments de bloc.
w3cMDN border-bottom-style
Style de la bordure en bas
none | dot-dash | dot-dot-dash | wave | hidden | solid | dotted | dashed | double | groove | ridge | inset | outset | inherit
Tous les éléments.
w3cMDN border-bottom-width
Epaisseur de la bordure en bas
thin | medium | thick | <longueur> | inherit
Tous les éléments.
w3cMDNborder-collapse
Fusion des bordures
collapse | separate | inherit
Eléments avec display: table ou display: inline-table.
Héritée.
w3cMDNborder-color
Couleur des bordures - raccourci
<couleur>{1,4} | transparent | inherit
Tous les éléments.
w3cMDNborder-image
Bordure avec une image - raccourci
none | url() <pourcentage>{1,4} [ <stretch | repeat | round> ]
Eléments de bloc.
w3cMDN border-left-color
Couleur de la bordure gauche
<couleur> | inherit
Tous les éléments.
w3cMDN border-left-image
Image de la bordure gauche
none | url() <pourcentage> [ <stretch | repeat | round> ]
Eléments de bloc.
w3cMDN border-left-style
Style de la bordure gauche
none | dot-dash | dot-dot-dash | wave | hidden | solid | dotted | dashed | double | groove | ridge | inset | outset | inherit
Tous les éléments.
w3cMDN border-left-width
Epaisseur de la bordure gauche
thin | medium | thick | <longueur> | inherit
Tous les éléments.
w3cMDNborder-radius
Arrondi des coins - raccourci
[ none | <longueur> | <pourcentage> ]{1,4}
Par défaut : 0
Eléments de bloc.
w3cMDN border-right-color
Couleur de la bordure droite
<couleur> | inherit
Tous les éléments.
w3cMDN border-right-image
Image de la bordure droite
none | url() <pourcentage> [ <stretch | repeat | round> ]
Eléments de bloc.
w3cMDNborder-right-style
Style de la bordure droite
none | dot-dash | dot-dot-dash | wave | hidden | solid | dotted | dashed | double | groove | ridge | inset | outset | inherit
Tous les éléments.
w3cMDNborder-right-width
Epaisseur de la bordure droite
thin | medium | thick | <longueur> | inherit
Tous les éléments.
w3cMDNborder-spacing
Espace entre les bordures
<longueur> <longueur>? | inherit
Par défaut : 0
Eléments avec display: table ou display: inline-table.
Héritée.
w3cMDNborder-style
Style de bordure - raccourci
<style-bordure>{1,4}
ou <style-bordure> peut être :
none |dot-dash | dot-dot-dash | wave | hidden | solid | dotted | dashed | double | groove | ridge | inset | outset | inherit
Tous les éléments.
w3cMDNborder-top-color
Couleur de la bordure en haut
<couleur> | inherit
Tous les éléments.
w3cMDNborder-top-image
Image de la bordure en haut
none | url() <pourcentage> [ <stretch | repeat | round> ]
Eléments de bloc.
w3cMDNborder-top-left-radius
Arrondi coin supérieur gauche
none | <longueur> | <pourcentage>
Par défaut : 0
Eléments de bloc.
w3cMDNborder-top-right-radius
Arrondi coin supérieur droit
none | <longueur> | <pourcentage>
Par défaut : 0
Eléments de bloc.
w3cMDN border-top-style
Style de la bordure en haut
none | dot-dash | dot-dot-dash | wave | hidden | solid | dotted | dashed | double | groove | ridge | inset | outset | inherit
Tous les éléments.
w3cMDN border-top-width
Epaisseur de la bordure en haut
thin | medium | thick | <longueur> | inherit
Tous les éléments.
w3cMDNborder-width
Epaisseur des bordures - raccourci
[ thin | medium | thick | <longueur> ]{1,4} | inherit
Tous les éléments.
w3cMDNbottom
Position du bas du bloc par rapport au bas de son parent
<longueur> | <pourcentage> | auto | inherit
Eléments positionnés.
w3cMDNbox-shadow
Ombre d'un bloc
none | <ombre> [ ,<ombre> ]*
<ombre> est defini par :
inset? && [ <offset-x> <offset-y> <flou>? <grandeur>? <couleur>? ]
Eléments de bloc.
w3cMDNbox-sizing
Dimensions du bloc calculées en incluant ou non les marges internes et les bordures
content-box | padding-box | border-box
Eléments de bloc.
w3cMDNbreak-after
Définit le comportement du saut de colonne après un bloc de contenu dans un élément multicolonne.
auto | always | avoid | left | right | page | column | avoid-page | avoid-colum
Eléments de bloc.
w3cMDNbreak-before
Définit le comportement du saut de colonne avant un bloc de contenu dans un élément multicolonne.
auto | always | avoid | left | right | page | column | avoid-page | avoid-colum
Eléments de bloc.
w3cMDNbreak-inside
Définit le comportement du saut de colonne dans un bloc de contenu dans un élément multicolonne.
auto | avoid | avoid-page | avoid-colum
Eléments de bloc.

C

w3cMDNcaption-side
Emplacement du titre (tableau)
top | bottom | left | right | inherit
Eléments avec display: table ou display: inline-table.
Héritée.
w3cMDNclear
Pas de boîtes flottantes à côté
none | left | right | both | inherit
Eléments de bloc.
w3cMDNclip
Partie visible du bloc
rect(<top>, <right>, <bottom>, <left>) | auto | inherit
Eléments de bloc.
w3cMDNcolor
Couleur du texte (et des bordures si pas précisée)
<couleur> | inherit
Tous les éléments.
Héritée.
w3cMDNcolumn-count
Nombre colonnes d'un élément multicolonne.
<Nombre entier> | auto
Eléments de bloc, cellules, bloc en-ligne.
w3cMDNcolumn-fill
Répartition du contenu des colonnes d'un élément multicolonne.
balance | auto
Eléments multicolonnes.
w3cMDNcolumn-gap
Largeur entre 2 colonnes dans un élément multicolonne.
<longueur> | normal
Eléments multicolonnes.
w3cMDNcolumn-rule-color
Couleur de la ligne entre 2 colonnes dans un élément multicolonne.
<couleur>
Eléments multicolonnes.
w3cMDNcolumn-rule-style
Style de la ligne entre 2 colonnes dans un élément multicolonne.
<border-style>
Eléments multicolonnes.
w3cMDNcolumn-rule-width
Largeur de la ligne entre 2 colonnes dans un élément multicolonne.
<border-width>
Eléments multicolonnes.
w3cMDNcolumn-span
Etendue de l'élément par rapport aux colonnes d'un élément multicolonne.
none | all
Eléments de bloc.
w3cMDNcolumn-width
Largeur suggérée des colonnes d'un élément multicolonne.
auto | <longueur>
Eléments de bloc, cellules, bloc en-ligne.
w3cMDNcontent
Contenu à ajouter dans un pseudo élément ::before ou ::after
[ <chaîne> | url()| counter(compteur) | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
Par défaut : chaîne vide
Pseudo éléments :before et :after.
w3cMDNcounter-increment
Incrémentation de compteur
[ <identifiant> <entier>? ]+ | none | inherit
Par défaut : 1
Tous les éléments.
w3cMDNcounter-reset
Remise à zéro de compteur
[ <identifiant> <entier>? ]+ | none | inherit
Par défaut : 0
Tous les éléments.
w3cMDNcursor
Type de curseur
[ [ url() [ <x> <y> ]?, ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll ] ] | inherit
Tous les éléments.
Héritée.

D

w3cMDNdirection
Sens de lecture
ltr | rtl | inherit
Tous les éléments.
Héritée.
w3cMDNdisplay
Type d'affichage d'un élément
inherit | none | inline | block | inline-block | list-item | compact | run-in | table-header-group | table-footer-group | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group | flex | inline-flex
Tous les éléments.

E

w3cMDNempty-cells
Bordure des cellules vides
show | hide | inherit
Eléments avec display: table-cell.
Héritée.

F

w3cMDNflex-basis
Largeur des items dans une boîte flexible
<longueur> | <pourcentage> | auto | initial
Items d'une boîte flexible.
w3cMDNflex-direction
Définit comment les items sont placés dans une boîte flexible
row | row-reverse | column | column-reverse
Boîtes flexibles.
w3cMDNflex-grow
Définit comment un item d'une boîte flexible s'accroît par rapport aux autres items du conteneur
<entier positif>
Items d'une boîte flexible.
w3cMDNflex-shrink
Définit comment un item d'une boîte flexible rétrécit par rapport aux autres items du conteneur
<entier positif>
Items d'une boîte flexible.
w3cMDNflex-wrap
Indique si les items d'une boîte flexible sont agencés sur une seule ou plusieurs lignes/colonnes d'un conteneur
nowrap | wrap | wrap-reverse
Boîtes flexibles.
w3cMDNfloat
Bloc flottant
left | right | none | inherit
Tous les éléments.
w3cMDNfont-family
Police de caractères
[ [ <nom police> | <famille-générique> ] [, <nom police> | <famille-générique> ]*] | inherit
ou <famille-générique> peut être :
serif, sans-serif, cursive, fantasy, monospace
Tous les éléments.
Héritée.
w3cMDNfont-size
Taille des caractères
<longueur> | <pourcentage> | xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | inherit
Tous les éléments.
Héritée.
w3cMDNfont-stretch
Largeur des lettres
ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
Tous les éléments.
Héritée.
w3cMDNfont-style
Italique
normal | italic | oblique | inherit
Tous les éléments.
Héritée.
w3cMDNfont-variant
Petites majuscules
normal | small-caps | inherit
Tous les éléments.
Héritée.
w3cMDNfont-weight
Graisse des caractères
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Tous les éléments.
Héritée.

H

w3cMDNheight
Hauteur
<longueur> | <pourcentage> | auto | inherit
Eléments de bloc.

J

w3cMDNjustify-content
Définit comment les items d'une boîte flexible sont alignés le long de l'axe principal de la boîte
flex-start | flex-end | center | space-between | space-around
Boîtes flexibles.

L

w3cMDNleft
Position de la gauche du bloc par rapport à la gauche de son parent
<longueur> | <pourcentage> | auto | inherit
Eléments positionnés.
w3cMDNletter-spacing
Espacement entre les lettres
normal | <longueur> | inherit
Héritée.
w3cMDNline-height
Hauteur de ligne
normal | <nombre> | <longueur> | <pourcentage> | inherit
Tous les éléments.
Héritée.
w3cMDNlist-style-image
Image à utiliser comme puce de la ligne de la liste
url() | none | inherit
Eléments avec display: list-item
Héritée.
w3cMDNlist-style-position
Position de la puce dans la ligne de la liste
inside | outside | inherit
Eléments avec display: list-item
Héritée.
w3cMDNlist-style-type
Type de puce ou de numérotation de la ligne de la liste
disc | circle | square | decimal | decimal-leading-zero | lowerroman | upper-roman | lowergreek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit
Eléments avecdisplay: list-item
Héritée.

M

w3cMDNmargin
Marges extérieures - raccourci
[ <longueur> | <pourcentage> ]{1,4} | inherit | auto
Tous les éléments.
w3cMDNmargin-bottom
Marge extérieure en bas
<longueur> | <pourcentage> | inherit | auto
Par défaut : 0
Tous les éléments.
w3cMDNmargin-left
Marge extérieure de gauche
<longueur> | <pourcentage> | inherit | auto
Par défaut : 0
Tous les éléments.
w3cMDNmargin-right
Marge extérieure à droite
<longueur> | <pourcentage> | inherit | auto
Par défaut : 0
Tous les éléments.
w3cMDNmargin-top
Marge extérieure en haut
<longueur> | <pourcentage> | inherit | auto
Par défaut : 0
Tous les éléments.
w3cMDNmax-height
Hauteur maximale
<longueur> | <pourcentage> | none | inherit
Eléments de bloc.
w3cMDNmax-width
Largeur maximale
<longueur> | <pourcentage> | none | inherit
Eléments de bloc.
w3cMDNmin-height
Hauteur minimale
<longueur> | <pourcentage> | inherit
Par défaut : 0
Eléments de bloc.
w3cMDNmin-width
Largeur minimale
<longueur> | <pourcentage> | inherit
Eléments de bloc.

O

w3cMDNopacity
Opacité : 0 totalement transparent, 1 totalement opaque
<nombre entre 0 et 1> | inherit
Par défaut : 1
Tous les éléments.
w3cMDNorder
Rédéfinit l'ordre d'affichage des items d'une boîte flexible
<entier>
Items d'une boîte flexible.
w3cMDNoutline-color
Couleur de la bordure extérieure
<couleur> | invert | inherit
Tous les éléments.
w3cMDNoutline-offset
Espacement entre bordure interne et bordure externe
<longueur> | inherit
Par défaut : 0
Tous les éléments.
w3cMDNoutline-style
Style de la bordure extérieure
none | dot-dash | dot-dot-dash | wave | hidden | solid | dotted | dashed | double | groove | ridge | inset | outset | inherit
Tous les éléments.
w3cMDNoutline-width
Epaisseur de la bordure extérieure
<longueur> | inherit
Par défaut : 0
Tous les éléments.
w3cMDNoverflow
Affichage des débordements
visible | hidden | scroll | auto | inherit
Eléments de bloc.

P

w3cMDNpadding
Raccourci pour la marge intérieure
<longueur>{1,4} | inherit
Tous les éléments.
w3cMDNpadding-bottom
Marge intérieure en bas
<longueur> | inherit
Par défaut : 0
Tous les éléments.
w3cMDNpadding-left
Marge intérieure à gauche
<longueur> | inherit
Par défaut : 0
Tous les éléments.
w3cMDNpadding-right
Marge intérieure à droite
<longueur> | inherit
Par défaut : 0
Tous les éléments.
w3cMDNpadding-top
Marge intérieure en haut
<longueur> | inherit
Par défaut : 0
Tous les éléments.
w3cMDNposition
Type de positionnement
static | relative | absolute | fixed | inherit
Tous les éléments.

Q

w3cMDNquotes
Caractères pour guillemets
[ <chaîne> <chaîne> ]+ | none | inherit
Tous les éléments.
Héritée.

R

w3cMDNresize
Bloc redimensionnable
none | both | horizontal | vertical | inherit
Elements de bloc avec overflow hidden ou scroll

T

w3cMDNtable-layout
Largeur des colonnes fixe ou variable
auto | fixed | inherit
Eléments avec display: table ou display: inline-table.
w3cMDNtext-align
Alignement horizontal du texte
left | right | center | justify | inherit
Eléments de bloc.
Héritée.
w3cMDNtext-decoration
Décoration du texte
none | [ underline || overline || line-through || blink ] | inherit
Tous les éléments.
w3cMDNtext-indent
Indentation de la première ligne
<longueur> | <pourcentage> | inherit
Par défaut : 0
Eléments de bloc.
Héritée.
w3cMDNtext-overflow
Signalement de texte coupé
clip | ellipsis | inherit
Eléments de bloc.
w3cMDNtext-shadow
Ombrage du texte
none | <ombre> [ ,<ombre> ]*
<ombre> est defini par : inset? && [ <offset-x> <offset-y> <flou>? <grandeur>? <couleur>? ]
Tous les éléments.
w3cMDNtext-transform
Majuscules minuscules
capitalize | uppercase | lowercase | none | inherit
Tous les éléments.
Héritée.
w3cMDNtop
Position du haut du bloc par rapport au haut de son parent
<longueur> | <pourcentage> | auto | inherit
Eléments positionnés.
w3cMDNtransform
Transformation par une fonction géométrique
none | translateX() | translateY() | translate() | scaleX() | scaleY() | scale() | rotate() | skewX() | skewY() | skew()
Tous les éléments.
w3cMDNtransform-origin
Origine de l'opération de transformation
[ <pourcentage> | <longueur> | left | center | right ] [ <pourcentage> | <longueur> | top | center | bottom ] ?
ou [ left | center | right ] [ top | center | bottom ]
Par défaut : 50% 50%
Tous les éléments.
w3cMDNtransition-delay
Délai avant le début de la transition
<durée> [ , <durée> ]+
Par défaut : 0
Tous les éléments.
w3cMDNtransition-duration
Durée de la transition
<durée> [ , <durée> ]+
Par défaut : 0
Tous les éléments.
w3cMDNtransition-property
Propriétés pour lesquelles il y aura une transition
none | all | <propriété> [ , <propriété> ]+
Tous les éléments.
w3cMDNtransition-timing-function
vitesse de transition
ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(nombre[ , start | end ]) | cubic-bezier(x1,y1,x2,y2) [ , ... ]+
Tous les éléments.

U

w3cMDNunicode-bidi
Gestion du texte bidirectionnel
normal | embed | bidi-override | inherit

V

w3cMDNvertical-align
Alignement vertical
baseline | sub | super | top | text-top | middle | bottom | text-bottom | <pourcentage> | <longueur> | inherit
Eléments en ligne
ou avec display: table-cell.
w3cMDNvisibility
Elément visible ou pas
visible | hidden | collapse | inherit
Tous les éléments.

W

w3cMDNwhite-space
Garder espaces et sauts de ligne
normal | pre | nowrap | inherit
Eléments de bloc.
Héritée.
w3cMDNwidth
Largeur de l'élément
<longueur> | <pourcentage> | auto | inherit
Eléments de bloc.
w3cMDNword-break
Coupure des mots longs
normal | break-all | keep-all
Tous les éléments.
Héritée.
w3cMDNword-spacing
Espacement entre les mots
normal | <longueur> | inherit
Tous les éléments.
Héritée.

Z

w3cMDNz-index
Ordre de superposition d'un élément et de ses descendants
auto | <nombre entier> | inherit
Eléments positionnés.
a b c a est suivi de b qui est suivi de c
a | b a ou b
a || b a ou b ou les deux
[ a b ] groupement
a? a est optionnel
a* a est répété 0 ou plusieurs fois
a+ a est répété 1 ou plusieurs fois