Propriété CSS

• Les sélecteurs CSS
• Propriétés

Principales propriétés

Texte

Blocs

Positionnement

Tableaux

Listes

On liste ici les propriétés CSS ainsi que les différentes valeurs possibles

Légende :

Propriété non supportée

Propriété supportée partiellement

Propriété supportée complètement

A

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
azimuth	Désigne la direction du son émis lors de la lecture	Valeur d'angle ou (['left-side', 'far-left', 'left', 'center-left', 'center', 'center-right', 'right', 'far-right', 'right-side' puis 'behind'] ou 'leftwards', 'rightwards', 'inherit')	'center'	Oui				Vocal

B

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
background	Propriété raccourcie de fond.	[valeur de : 'background-color' puis 'background-image' puis 'background-repeat' puis 'background-attachment' puis 'background-position'] ou inherit		Non				Visuel
background-attachment	Désigne si l'image d'arrière plan défile ou est fixe lors du défilement de la page	'scroll' ou 'fixed' ou 'inherit'	'scroll'	Non				Visuel
background-color	Couleur d'arrière plan	Valeur ou mot-clé de couleur	'transparent'	Non				Visuel
background-image	Image d'arrière plan	'url(URI de l'image)' ou 'none' ou 'inherit'	'none'	Non				Visuel
background-position	Définit la position de l'image d'arrière plan	Deux distances (au bord supérieur et au bord gauche) ou { [ 'top', 'center' ou 'bottom'] puis/ou ['left', 'center' ou 'right'] }	0 0	Non				Visuel
background-image	Définit la manière dont se répète l'image d'arrière plan si elle est plus petite que l'élément dont elle est l'arrière-plan	'no-repeat' ou 'repeat-x' ou 'repeat-y' ou 'repeat' ou 'inherit'	'repeat'	Non				Visuel
border	Propriété raccourcie de bordure, si toutes les bordures sont identiques	Les valeurs de [ 'border-width' puis 'border-style' puis 'border-color' ]		Non				Visuel
border-top, border-bottom, border-left, border-right	Propriété raccourcie de bordure, pour une bordure particulière.	Les valeurs de [ 'border-width' puis 'border-style' puis 'border-color' ]		Non				Visuel
border-collapse	Propriétés de bordures d'un tableau : bordures séparées ou jointes.	'collapse' ou 'separate' ou 'inherit'	'separate'	Oui				Visuel
border-color	Propriétés raccourcie de couleur de bordures.	Couleurs (4 valeurs) de [haut, droite, bas puis gauche] ou (3 valeurs) de [haut et bas, droite puis gauche] ou (2 valeurs) de [haut et bas puis droite et gauches] ou (1 valeurs) de [toutes les bordures]	'transparent'	Non				Visuel
border-top-color, border-bottom-color, border-left-color, border-right-color,	Couleur de la bordure	1 couleur	'transparent'	Non				Visuel
border-spacing	Distance séparant les bordures de 2 cellules adjacentes d'un tableau	Valeurs de distances pour (2 valeurs) [ haut et bas puis gauche et droite] ou (1 valeur) [toutes les bordures]	separate	Oui				Visuel
border-style	Propriété raccourcie de style de bordure	Valeurs de types de bordures pour(4 valeurs) [haut, droite, bas puis gauche] ou (3 valeurs)[haut et bas, droite puis gauche] ou (2 valeurs) [haut et bas puis droite et gauches] ou (1 valeurs) [toutes les bordures]	separate	Non				Visuel
border-top-style, border-bottom-style, border-left-style, border-right-style	Propriétés de style de bordure	'none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset' ou 'inherit'	none	Non				Visuel
border-width	Propriété raccourcie de largeur de bordure	Valeurs de largeurs de bordures pour(4 valeurs) [haut, droite, bas puis gauche] ou (3 valeurs)[haut et bas, droite puis gauche] ou (2 valeurs) [haut et bas puis droite et gauches] ou (1 valeurs) [toutes les bordures]	0	Non				Visuel
border-top-width, border-bottom-width border-left-width, border-right-width	Propriétés de largeur de bordure	Valeurs d'épaisseur ou [thin, medium ou thick]	medium	Non				Visuel
bottom	Positionnement de l'élément par rapport à la bordure basse de l'élément de référence.	Valeurs de distance	auto	Non				Visuel

C

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
caption-side	Position du texte légende d'un tableau (caption) par rapport au tableau.	left', 'right', 'bottom', 'none' ou 'inherit'	top	Non				Visuel
clear	Spécifie le côté de la boîte qui ne doit pas être en contact d'une boîte flottante	'left', 'right', 'bottom', 'none' ou 'inherit'	none	Oui				Visuel
clip	Pour les éléments dont la propriété "overflow" est différente de "visible". Définit la distance de la zone de rognage au bord de la boîte.	rect(dhaut,ddroite,dbas,dgauche), auto ou inherit	auto	Non				Visuel
color	Couleur du texte contenu dans l'élément.	Valeur de couleur ou 'inherit'	Dépend de l'élément	Oui				Visuel
content	Utilisé pour les pseudo-éléments :before et :after : texte à placer avant ou après.	une chaîne, une URI, 'attr(attribut)', un compteur, 'open-quote', 'close-quote', 'no-open-quote', 'no-close-quote' ou inherit	"" (Chaîne vide)	Non				Visuel
counter-increment	Incrémente le compteur de la valeur spécifiée	[identifiant puis entier] ou/et 'inherit' ou 'none'		Non				Visuel
counter-reset	Initialise le compteur à la valeur spécifiée	[identifiant puis entier] ou/et 'inherit' ou 'none'		Non				Visuel
cue	Sons à jouer avant et après un élément	valeurs de (2 valeurs) ['cue-before' puis de 'cue-after'] ou de (1 valeur) ['cue-before' et de 'cue-after'] ou 'inherit'	'none'	Non				Auditif
cue-after, cur-before	Sons à jouer après/avant un élément	'url(URI du son)', 'none', ou 'inherit'	'none'	Non				Auditif
cursor	Type de curseur à utiliser	'url(URI du curseur)' ou [auto, crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help] ou 'inherit'	'auto'	Oui				Visuel

D

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
direction	Sens d'écriture du texte	'ltr', 'rtl' ou 'inherit'	'ltr'	Oui				Visuel
display	Change le comportement d'un élément (par exemple transformer un élément bloc en élément en ligne)	'inline', 'block', 'list-item', 'run-in', 'compact', 'marker', 'table', 'inline-table', 'table-row-group', 'table-header-group', 'table-footer-group', 'table-row', 'table-column-group', 'table-column', 'table-cell', 'table-caption', 'none', 'inherit'	'inline'	Non				Visuel

E

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
elevation	Direction verticale du son émit par un lecteur vocal.	angle', 'below', 'level', 'above', 'higher', 'lower', 'inherit'	'inline'	Oui				Auditif
empty-cells	Règle l'affichage de cellules vides d'un tableau	'show', 'hide' ou 'inherit'	'show'	Oui				Visuel

F

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
float	Positionnement flottant d'un élément.	'left', 'right', 'none' ou 'inherit'	'none'	Non				Visuel
font	Propriété raccourcie de fontes	Valeurs de [ 'font-style' puis 'font-variant' puis 'font-weight' puis (facult) 'font-size' puis (facult) 'line-height' puis (facult) 'font-family' ] ou [caption', 'icon', 'menu', 'message-box', 'small-caption' ou 'status-bar', 'inherit']	Dépend de l'élément	Non				Visuel
font-family	Nom de la police/famille de police à utiliser	Liste de noms de polices/familles de polices séparées par des virgules. Familles : 'serif', 'sans-serif', 'cursive', 'fantasy', 'monospace' ou 'inherit'	Dépend de l'utilisateur	Oui				Visuel
font-size	Taille de la police à utiliser	Valeur de taille ou mot-clé. Mots-clé : xx-small', 'x-small', 'small', 'medium', 'large', 'x-large' ou 'xx-large'	'medium'	Oui				Visuel
font-size-adjust	Ajuste la valeur d'aspect d'une police (rapport ex/em)	Nombre, 'none' ou 'inherit'	'none'	Oui				Visuel
font-stretch	Condense ou élargit les polices	'normal', 'wider', 'narrower', 'ultra-condensed', 'extra-condensed', 'condensed', 'semi-condensed', 'semi-expanded', 'expanded', 'extra-expanded', 'ultra-expanded' ou 'inherit'	'normal'	Oui				Visuel
font-style	Type de police	'normal', 'italic', 'oblique' ou 'inherit'	'normal'	Oui				Visuel
font-variant	Permet d'afficher les minuscules en majuscules de petite taille	'normal', 'small-caps' ou 'inherit'	'normal'	Oui				Visuel
font-weight	Graisse de la police	'normal', 'bold', 'bolder', 'lighter', '100', '200', '300', '400', '500', '600', '700', '800', '900' ou 'inherit'	'normal'	Oui				Visuel

H

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
height	Hauteur d'un élément bloc.	Valeur de taille, 'auto', 'inherit'	'auto'	Non				Visuel

L

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
left	Position d'un élément par rapport au bord gauche de l'élément de référence	Valeur de taille, 'auto', 'inherit'	'auto'	Non				Visuel
letter-spacing	Espacement des caractères du texte	Valeur de taille, 'normal' ou 'inherit'	'normal'	Oui				Visuel
line-height	Espacement des lignes du texte	Valeur de taille, 'normal', nombre ou 'inherit'	'normal'	Oui				Visuel
list-style	Propriété raccourcie de style de listes	Les valeurs de [['list-style-type' puis 'list-style-position' puis 'list-style-image' ] ou 'inherit'		Oui				Visuel
list-style-image	Image qui servira de puce aux listes ordonnées	url() ou 'none' ou 'inherit'	'none'	Oui				Visuel
list-style-position	Définit si le texte d'un élément de liste (en cas de retour à la ligne) doit s'aligner avec la puce ou avec le texte de la première ligne	'inside', 'ouside' ou 'inherit'	'outside (aligné avec le texte)'	Oui				Visuel
list-style-type	Style de puce des listes ordonnées ou de la numérotation des listes numérotées	'disc', 'circle', 'square', 'decimal', 'decimal-leading-zero', 'lower-roman', 'upper-roman', 'lower-greek', 'lower-alpha', 'lower-latin', 'upper-alpha', 'upper-latin', 'hebrew', 'armenian', 'georgian', 'cjk-ideographic', 'hiragana', 'katakana', 'hiragana-iroha', 'katakana-iroha', 'none' ou 'inherit'	'disc' pour les ul et 'decimal' pour les ol	Oui				Visuel

M

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
margin	Propriété raccourcie pour régler la marge extérieure à un élément.	Valeurs de distance (4 valeurs) de [haut, droite, bas puis gauche] ou (3 valeurs) de [haut et bas, droite puis gauche] ou (2 valeurs) de [haut et bas puis droite et gauches] ou (1 valeurs) de [toutes les bordures]	Suivant l'élément	Non				Visuel
margin-top,margin-bottom, margin-left, margin-right	Marges extérieures à un élément	Valeur de distance	Suivant l'élément	Non				Visuel
marker-offset	Appliqué aux éléments de type "marker" : distance entre le marquer et l'élément associé	Valeur de distance, 'auto' ou 'inherit'	'auto'	Non				Visuel
marks	Pour l'impression : marques de découpage ou d'alignement	'crop' puis 'cross' ou 'none' ou 'inherit'	'none'	Non				Visuel paginé
max-height, max-width, min-height, min-width	Valeurs max et min de la hauteur/largeur d'une boîte	Valeur de longueur	'none' (pour les max), 0 (pour les min)	Non				Visuel

O

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
orphans	Pour les blocs rendus sur des pages, spécifie le nombre minimum de lignes restant en bas d'une page lorsqu'un paragraphe est coupé entre deux pages. Voir "widows"	entier ou 'inherit'	2	Non				Visuel paginé
outline	Propriété raccourcie de contour d'élément, n'influe pas sur la mise en forme de la page. Le contour est identique de tous les côtés de la boîte.	valeurs de : [ 'outline-color' puis 'outline-style' puis 'outline-width' ] ou 'inherit'		Non				Visuel
outline-color	Couleur du contour	Valeur de couleur, 'invert' ou 'inherit'	'invert'	Non				Visuel
outline-style	Style du contour (voir style de bordure)	(voir style de bordure) : 1 seule valeur	'none'	Non				Visuel
outline-width	Largeur du contour	valeurs d'épaisseur ou 'inherit'	'medium'	Non				Visuel
overflow	Sécifie si le contenu dépassant d'une boîte doit-être rogné.	'visible', 'hidden', 'scroll', 'auto' ou 'inherit'	'visible'	Non				Visuel

P

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
padding	Propriété raccourcie de marge intérieure.	Valeur de longueur (4) [haut, droite, bas puis gauche] (3) [haut et bas, droite puis gauche] (2) [ haut et bas puis droite et gauche] 1 [padding identique partout]	Selon l'objet	Non				Visuel
padding-top, padding-bottom, padding-left, padding-right	Propriétés de marge intérieure.	Valeur de longueur	Selon l'objet	Non				Visuel
page	Indique le type particulier de page devant s'appliquer au bloc. Il faut ensuite créer une règle pour @page identifiant.	Un identifiant ou 'auto'	'auto'	Oui				Visuel paginé
page-break-after, page-break-before	Force/évite un saute de page avant/après un bloc	'auto', 'always', 'avoid', 'left', 'right' ou 'inherit	'auto'	Oui				Visuel paginé
page-break-inside	Permet d'éviter un saut de page à l'intérieur d'un bloc.	'avoid', 'auto', 'inherit'	'auto'	Oui				Visuel paginé
pause	Propriété raccourcie permettant d'ajouter une pause lors de la lecture du texte.	Valeurs de durée ou pourcentage pour (2) [avant puis après] ou (1) [avant et après]	Selon l'élément	Non				Auditif
pause-before, pause-after	Propriété permettant d'ajouter une pause lors de la lecture du texte.	Valeur de durée ou pourcentage	Selon l'élément	Non				Auditif
pitch	Spécifie la tonalité de la voix qui doit lire le texte	Fréquence, x-low', 'low', 'medium', 'high', 'x-high' ou 'inherit'	'medium'	Oui				Auditif
pitch-range	Spécifie la variation de tonalité de la voix qui lira le texte	Un nombre ou 'inherit'	'50'	Oui				Auditif
play-during	Spécifie le son à jouer en arrière plan durant la lecture	url('URI du son'), 'auto', 'none' ou 'inherit' avec les valeurs 'mix' et/ou 'repeat'	'auto'	Non				Auditif
position	Spécifie le type de positionnement d'un élément dans la page	'static', 'relative', 'absolute', 'fixed' ou 'inherit'	'static'	Non				Visuel

Q, R

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
quotes	Spécifie les guillemets à utiliser	[chaine1 puis chaine2] ou 'none' ou 'inherit'	Dépend de l'utilisateur	Oui				Visuel
richness	Spécifie l'ampleur d'une voix	Un nombre ou 'inherit'	'50'	Oui				Auditif
right	Pour les éléments positionnés, spécifie la position du l'élément par rapport au bord droit de référence.	Valeur de longueur, 'auto' ou 'inherit'	'auto'	Non				Visuel

S

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
size	Pour la taille et l'orientation de la feuille	Valeurs de longueurs (2) [largeur puis hauteur] ou (1) [largeur et hauteur à la fois] puis 'auto', 'portrait', 'landscape' ou 'inherit'	'auto'					Visuel paginé
speak	Spécifie si l'objet aura un rendu auditif ou non	'normal', 'none', 'spell-out' ou 'inherit'	'normal'	Oui				Auditif
speak-header	Spécifie les en-tête de table (th) sont lues avant chaque cellule ou seulement lors du changement d'en-tête lors de la lecture	'once', 'always' ou 'inherit'	'once'	Oui				Auditif
speak-numeral	Spécifie la façon de lire les nombres	'digits', 'continuous', 'inherit'	'continuous'	Oui				Auditif
speak-ponctuation	Spécifie comment lire la ponctuation	'code', 'none' ou 'inherit	'none'	Oui				Auditif
speech-rate	Spécifie la vitesse de lecture	Un nombre, 'x-slow', 'slow', 'medium', 'fast', 'x-fast', 'faster', 'slower' ou 'inherit'	'medium'	Oui				Auditif
stress	Spécifie l'accentuation lors de la lecture des mots	Un nombre, ou 'inherit'	'50'	Oui				Auditif

T

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
table-layout	Spécifie la façon d'afficher un tableau	'auto', 'fixed' ou 'inherit'	'auto'	Oui				Visuel
text-align	Spécifie l'alignement du texte dans un bloc.	Une chaine (pour les tableaux uniquement), 'left', 'right', 'center', 'justify' ou 'inherit'	Dépend du sens d'écriture	Oui				Visuel
text-decoration	Spécifie le soulignement/surlignement ou le clignotement d'un texte .	'none' ou [underline' et/ou 'overline' et/ou 'line-through' et/ou 'blink' ] ou 'inherit'	'Dépend de l'élément'	Oui				Visuel
text-indent	Spécifie le retrait de première ligne dans un bloc	Une longueur ou 'inherit'	'0'	Oui				Visuel
text-shadow	Spécifie l'ombrage d'un texte.	'none' ou 'inherit' ou plusieurs valeurs séparées par une virgule : [couleur et/ou longueur1 longueur2 longueur3]	'none'	Oui				Visuel
text-transform	permet de transformer un texte en majuscules/minuscules.	'capitalize', 'uppercase', 'lowercase', 'none' ou 'inherit'	'none'	Oui				Visuel
top	Pour les éléments positionnés, spécifie la position du l'élément par rapport au bord haut de référence.	Valeur de longueur, 'auto' ou 'inherit'	'auto'	Non				Visuel

U, V

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
unicode-bidi	Utilisée avec la propriété 'direction'. Permet de définir si le sens d'écriture doit changer ou non lors de la restitution de textes comportant plusieurs sens de lecture.	'normal', 'embed', 'bidi-override' ou 'inherit'	'normal'	Non				Visuel
vertical-align	Définit l'alignement vertical du texte dans les cellules d'un tableau.	Une longueur, 'baseline', 'sub', 'super', 'top', 'text-top', 'middle', 'bottom', 'text-bottom' ou 'inherit'	'baseline'	Non				Visuel
visibility	Définit l'affichage ou non des boites : leur place dans le flux du texte n'est pas enlevée.	'visible', 'hidden', 'collapse' ou 'inherit'	'inherit'	Non				Visuel
voice-family	Spécifie la voix à utiliser pour lire le texte. Comparable à "font-family" mais pour la voix.	Suite de voix spécifiques et génériques séparées par des virgules, inherit.	Selon l'utilisateur	Oui				Auditif
volume	Spécifie le volume du son lors de la lecture.	Un nombre ou silent', 'x-soft', 'soft', 'medium', 'loud', 'x-loud' ou 'inherit'	'medium' ou '50' (équivalents)	Oui				Auditif

X, Y, Z

Propriétés	But	Valeurs possibles	Valeur par défaut	Héritage	Support par les navigateurs			Média
					IE6	Firefox	Opera
white-space	Définit la gestion des blancs dans le texte d'un élément	'normal', 'pre', 'nowrap' ou 'inherit'	'normal'	Oui				Visuel
widows	Spécifie le nombre minimum de lignes d'un même paragraphe devant se trouver en haut d'une page, séparées du reste du paragraphe. Voir 'orphans'.	Un entier ou 'inherit'	'2'	Oui				Visuel paginé
width	Spécifie la largeur d'un bloc.	Une longueur, 'auto' ou 'inherit'	'auto'	Non				Visuel
word-spacing	Spécifie l'espacement entre les mots.	Une longueur, 'normal' ou 'inherit'	'normal'	Oui				Visuel
z-index	Pour les éléments positionnés qui pourraient se chevaucher, indique le niveau d'une boîte dans l'empilement.	Un entier, 'auto' ou 'inherit'	'auto'	Oui				Visuel