CSS Référence – Propriétés CSS

CSS Référence

De référence W3Schools des CSS est testé régulièrement avec tous les principaux navigateurs.
Testé: Janvier 13, 2012.

---

Propriétés CSS

Groupes de propriétés CSS

Animation Fond Frontaliers et les grandes lignes Boîte Couleur Contenu des médias paginés Dimension Boîte flexible Fonte Le contenu généré

Grille Un lien hypertexte Linebox Liste Marge Chapiteau Plusieurs colonnes Rembourrage Les médias paginés Positionnement

Imprimer Rubis Discours Table Texte 2D/3D Transform Transition L’interface utilisateur

Le “CSS” colonne indique dans quelle version CSS la propriété est définie (CSS1, CSS2, CSS3 ou).

Propriétés de l’animation

Propriété	Description	CSS
@ Images-clés	Spécifie l’animation	3
animation	Un raccourci pour toutes les propriétés de l’animation ci-dessous, à l’exception de la propriété d’animation-jeu-Etat	3
animation-nom	Spécifie un nom pour l’animation d’images clés @	3
animation-durée	Indique combien de secondes ou millisecondes une animation nécessaire pour terminer un cycle	3
animation-calendrier-fonction	Indique la courbe de vitesse de l’animation	3
animation-retard	Indique le moment où l’animation va commencer	3
animation-itération de comptage	Indique le nombre de fois une animation devrait être joué	3
animation-direction	Indique si oui ou non l’animation devrait jouer en sens inverse sur des cycles alternés	3
animation-jeu-Etat	Indique si l’animation est en cours d’exécution ou en pause	3

Propriétés d’arrière-plan

Propriété	Description	CSS
fond	Définit toutes les propriétés d’arrière-plan dans une déclaration	1
background-attachment	Définit si une image d’arrière-plan est fixé ou rouleaux avec le reste de la page	1
background-color	Définit la couleur de fond d’un élément	1
fond d’image	Définit l’image de fond pour un élément	1
fond position	Définit la position de départ d’une image de fond	1
background-repeat	Définit la façon dont une image de fond sera répété	1
background-clip	Indique la zone de peinture de l’arrière-plan	3
background-origin	Indique la zone de positionnement des images de fond	3
fond de taille	Indique la taille des images de fond	3

Propriétés des frontières et créer un plan

Propriété	Description	CSS
frontière	Définit toutes les propriétés de bordure dans une déclaration	1
border-bottom	Définit toutes les propriétés de bordure de fond dans une déclaration	1
border-bottom-color	Définit la couleur de la bordure inférieure	1
border-bottom-style	Définit le style de la bordure inférieure	1
marge-bas de largeur	Définit la largeur de la bordure inférieure	1
border-color	Définit la couleur des quatre frontières	1
border-left	Définit toutes les propriétés de bordure gauche dans une déclaration	1
border-left-color	Définit la couleur de la bordure gauche	1
border-left-style	Définit le style de la bordure gauche	1
border-left-width	Définit la largeur de la bordure gauche	1
border-right	Définit toutes les propriétés de bordure à droite dans une déclaration	1
border-right-color	Définit la couleur de la bordure droite	1
border-right-style	Définit le style de la bordure droite	1
border-right-width	Définit la largeur de la bordure droite	1
border-style	Définit le style des quatre frontières	1
border-top	Définit toutes les propriétés de bordure top dans une déclaration	1
border-top-color	Définit la couleur de la bordure supérieure	1
border-top-style	Définit le style de la bordure supérieure	1
border-top-width	Définit la largeur de la bordure supérieure	1
border-width	Définit la largeur des quatre frontières	1
esquisser	Définit toutes les propriétés de contour dans une déclaration	2
outline-color	Définit la couleur d’un contour	2
outline-style	Définit le style d’un contour	2
contour de largeur	Définit la largeur d’un contour	2
border-bottom-left-rayon	Définit la forme de la frontière du coin en bas à gauche	3
border-bottom-right-rayon	Définit la forme de la frontière du coin en bas à droite	3
border-image	Un raccourci pour le réglage de tous les border-image-* propriétés	3
border-image-départ	Indique le montant par lequel la zone de l’image s’étend au-delà des frontières de la boîte de la frontière	3
border-image-répétition	Indique si l’image-frontière doit être répété, arrondi ou étiré	3
border-image-tranche	Indique les décalages vers l’intérieur de l’image-frontière	3
border-image-source	Spécifie une image devant être utilisé en tant que frontière	3
border-image-width	Indique la largeur de l’image-frontière	3
border-radius	Un raccourci pour le réglage de tous les quatre border-radius-* propriétés	3
border-top-left-rayon	Définit la forme de la frontière du coin en haut à gauche	3
border-top-right-rayon	Définit la forme de la frontière du coin en haut à droite	3
case-décoration-pause		3
box-shadow	Attache un ou plusieurs d’abandon des ombres à la boîte	3

Propriétés de la zone

Propriété	Description	CSS
débordement-x	Indique si oui ou non pour couper les bords gauche / droite du contenu, si elle déborde la zone de contenu de l’élément	3
débordement-y	Indique si oui ou non pour couper les bords haut / bas de la teneur, si elle déborde la zone de contenu de l’élément	3
trop-plein de style	Spécifie la méthode préférée pour le défilement des éléments qui débordent	3
rotation	Pivoter un élément autour d’un point donné défini par la propriété de rotation du point	3
la rotation du point	Définit un point comme un décalage à partir de la bordure en haut à gauche	3

Propriétés des couleurs

Propriété	Description	CSS
au profil de couleurs	Permet la spécification d’un profil de couleur source autre que le défaut	3
opacité	Définit le niveau d’opacité d’un élément	3
rendu-but	Permet la spécification d’une intention de rendu des couleurs autres que le profil par défaut	3

Contenu pour les propriétés médias paginés

Propriété	Description	CSS
signet label	Spécifie l’étiquette du signet	3
signet niveau	Indique le niveau du signet	3
bookmark-cible	Spécifie la cible du lien signet	3
flottent-offset	Pousse les éléments flottants dans le sens opposé de la où ils ont été avancées avec flotteur	3
un trait d’union-après	Indique le nombre minimum de caractères dans un mot composé d’après le personnage de césure	3
un trait d’union avant-	Indique le nombre minimum de caractères dans un mot composé avant le caractère de césure	3
Coupure caractères	Spécifie une chaîne qui est montré quand un trait d’union se produit la rupture	3
Césure des lignes	Indique le nombre maximum de lignes successives uniformisé dans un élément	3
un trait d’union-ressources	Spécifie une liste séparée par des virgules des ressources externes qui peuvent aider le navigateur de déterminer les points de césure	3
des traits d’union	Définit comment séparer les mots pour améliorer la mise en page des paragraphes	3
l’image à résolution	Indique la résolution correcte des images	3
marques	Ajoute des cultures et / ou des marques transversales au document	3
string-ensemble		3

Des propriétés de dimension

Propriété	Description	CSS
hauteur	Définit la hauteur d’un élément	1
max-hauteur	Définit la hauteur maximale d’un élément	2
max-largeur	Définit la largeur maximale d’un élément	2
min-hauteur	Définit la hauteur minimale d’un élément	2
min-largeur	Définit la largeur minimale d’un élément	2
largeur	Définit la largeur d’un élément	1

Propriétés de la zone flexibles

Propriété	Description	CSS
box-align	Indique comment aligner les éléments enfants d’une boîte	3
boîte de direction	Spécifie la direction dans laquelle les enfants d’une boîte sont affichés	3
box-flex	Indique si les enfants d’un boîte qui est flexible ou rigide de la taille	3
box-flex-groupe	Affecte les éléments flexibles de fléchir les groupes	3
box-lignes	Indique si les colonnes ira sur une nouvelle ligne chaque fois qu’il manque d’espace dans la boîte de parent	3
box-ordinal-groupe	Spécifie l’ordre d’affichage des éléments enfants d’une boîte	3
box-orient	Indique si les enfants d’une boîte devrait être posé horizontalement ou verticalement	3
box-pack	Indique la position horizontale dans des boîtes horizontales et la position verticale dans des boîtes verticales	3

Propriétés des polices

Propriété	Description	CSS
fonte	Définit toutes les propriétés de la police dans une déclaration	1
font-family	Spécifie la famille de police pour le texte	1
font-size	Spécifie la taille de police de texte	1
font-style	Indique le style de police pour le texte	1
font-variant	Indique si oui ou non un texte doit être affiché dans une police small-caps	1
font-weight	Spécifie le poids d’une police	1
@ Font-face	Une règle qui permet aux sites web de télécharger et d’utiliser des polices autres que les “Web-safe” polices	3
font-size-adjust	Préserve la lisibilité du texte lorsque la police se produit de repli	3
font-stretch	Sélectionne une normale, le visage concentré, ou élargi à partir d’une famille de polices	3

Propriétés de contenu générés

Propriété	Description	CSS
teneur	Utilisé avec le: before et: after pseudo-éléments, d’insérer du contenu généré	2
counter-increment	Incrémente un ou plusieurs compteurs	2
Compteur de réinitialisation	Crée ou réinitialise un ou plusieurs compteurs	2
citations	Définit le type de guillemets pour les citations embarqués	2
récolte	Permet à un élément remplacé pour être juste une zone rectangulaire d’un objet, au lieu de l’objet entier	3
mouvements d’	Provoque un élément d’être retiré de l’écoulement et réinséré à un moment ultérieur dans le document	3
page politique	Détermine basé sur la page occurance d’un élément donné est appliqué à un comptoir ou valeur de chaîne	3

Propriétés de la grille

Propriété	Description	CSS
grille-colonnes	Indique la largeur de chaque colonne dans une grille	3
grille-lignes	Indique la hauteur de chaque colonne dans une grille	3

Propriétés du lien hypertexte

Propriété	Description	CSS
cible	Une propriété raccourcie pour le réglage du nom de cible, cible nouvelle, et la cible de position propriétés	3
nom de cible	Indique l’emplacement où pour ouvrir les liens (destination cible)	3
cible nouvelle	Indique si des liens de destination nouvelles doivent s’ouvrir dans une nouvelle fenêtre ou dans un nouvel onglet d’une fenêtre existante	3
cible de position	Indique où les liens de destination nouvelles doivent être placés	3

Propriétés Linebox

Propriété	Description	CSS
alignement ajuster	Permet d’aligner plus précisément des éléments	3
alignement de référence	Spécifie la façon dont un élément en ligne de niveau est aligné par rapport à son parent	3
base-shift	Permet le repositionnement de la dominante par rapport à la ligne de base dominante de base	3
dominante de base	Spécifie une échelle de référence-table	3
baisse-initial-après ajustement	Définit le point d’alignement de la chute initiale pour le point de connexion primaire	3
baisse-initial-après-align	Ensembles qui alignement de la ligne dans la zone de ligne initial est utilisé au point de connexion primaire avec la boîte aux lettres initiales	3
baisse-initial-avant-ajuster	Définit le point d’alignement de la chute initiale pour le point de connexion secondaire	3
baisse-initial-avant-align	Ensembles qui alignement de la ligne dans la zone de ligne initial est utilisé au point de connexion secondaire avec la boîte aux lettres initiales	3
baisse-initial-taille	Contrôle le naufrage partiel de la lettre initiale	3
baisse-la valeur initiale	Active un effet de goutte-première	3
inline-box-align	Définit les lignes d’un bloc en ligne multi-lignes s’alignent avec les éléments précédents et suivants en ligne au sein d’une ligne de	3
la ligne d’empilage	Un raccourci pour régler la ligne d’empilage-stratégie, la ligne d’empilage-ruby, et la ligne d’empilage-quarts des propriétés	3
ligne d’empilage-ruby	Définit la méthode de ligne d’empilage des éléments de bloc contenant des éléments d’annotation ruby	3
ligne d’empilage de décalage	Définit la méthode de ligne d’empilage des éléments de bloc contenant des éléments à base de décalage	3
la ligne d’empilage-stratégie	Définit la stratégie de la ligne d’empilage pour les boîtes de ligne empilées dans un élément bloc conteneur	3
texte-hauteur	Définit la dimension bloc de progression de la zone de contenu texte d’un boîte en-ligne	3

Propriétés de la liste

Propriété	Description	CSS
list-style	Définit toutes les propriétés pour une liste dans une déclaration	1
list-style-image	Indique une image en tant que marqueur d’élément de liste	1
list-style-position de	Indique si les marqueurs list-item doit apparaître à l’intérieur ou à l’extérieur du flux de contenu	1
list-style-type de	Indique le type de liste-élément marqueur	1

Propriétés de marge

Propriété	Description	CSS
marge	Définit toutes les propriétés de marge dans une déclaration	1
margin-bottom	Définit la marge inférieure d’un élément	1
marge gauche	Règle la marge gauche d’un élément	1
margin-right	Définit la marge de droite d’un élément	1
margin-top	Définit la marge du haut d’un élément	1

Propriétés de renom

Propriété	Description	CSS
chapiteau-direction	Définit la direction de la teneur en mouvement	3
chapiteau-jeu-comte	Définit combien de fois le déplacement du contenu	3
chapiteau-vitesse	Définit la vitesse à laquelle défile le contenu	3
chapiteau de style	Définit le style du contenu mobile	3

Propriétés multi-colonnes

Propriété	Description	CSS
la colonne de comptage	Indique le nombre de colonnes d’un élément doit être divisé en	3
Colonne-remplir	Spécifie la façon de remplir les colonnes	3
Colonne-écart	Spécifie l’écart entre les colonnes	3
column-rule	Un raccourci pour le réglage de tous les column-rule-* propriétés	3
column-rule-color	Spécifie la couleur de la règle entre les colonnes	3
column-rule-style	Indique le style de la règle entre les colonnes	3
column-rule-width	Indique la largeur de la règle entre les colonnes	3
Colonne-portée	Indique le nombre de colonnes d’un élément doit s’étendre sur plusieurs	3
la colonne de largeur	Indique la largeur des colonnes	3
colonnes	Un raccourci pour la mise en largeur de colonne et la colonne de comptage	3

Propriétés de rembourrage

Propriété	Description	CSS
rembourrage	Définit toutes les propriétés de remplissage dans une déclaration	1
padding-bottom	Définit le padding-bottom d’un élément	1
padding-left	Définit l’espacement gauche d’un élément	1
padding-right	Définit la marge droite d’un élément	1
padding-top	Définit l’espacement supérieure d’un élément	1

Paginés Propriétés des médias

Propriété	Description	CSS
s’adapter	Donne un truc pour savoir comment l’échelle d’un élément remplacé si ni sa largeur ni sa propriété height est auto	3
ajustement de position	Détermine l’alignement de l’objet à l’intérieur de la boîte	3
l’orientation d’image	Spécifie une rotation dans la bonne direction ou dans le sens horaire que l’agent utilisateur s’applique à une image	3
page	Indique un type particulier de page où un élément doit être affiché	3
taille	Indique la taille et l’orientation de la boîte contenant pour le contenu des pages	3

Propriétés de positionnement

Propriété	Description	CSS
bas	Spécifie la position inférieure d’un élément positionné	2
effacer	Indique les côtés d’un élément où d’autres éléments flottants ne sont pas autorisés	1
couper	Clips d’un élément en position absolue	2
curseur	Indique le type de curseur à afficher	2
afficher	Spécifie la façon dont un élément HTML certaine doit être affiché	1
flotter	Indique si oui ou non une boîte devrait flotter	1
à gauche	Indique la position de gauche d’un élément positionné	2
débordement	Spécifie ce qui se passe si le contenu dépasse un élément de la boîte de	2
position	Indique le type de méthode de positionnement utilisé pour un élément (statique, relative, absolue ou fixe)	2
droit	Indique la position de droite d’un élément positionné	2
haut	Indique la position supérieure d’un élément positionné	2
visibilité	Indique si oui ou non un élément est visible	2
z-index	Définit l’ordre de la pile d’un élément positionné	2

Propriétés de l’imprimante

Propriété	Description	CSS
orphelins	Définit le nombre minimal de lignes qui doivent être laissés au fond d’une page quand un saut de page se produit dans un élément	2
page-break-after	Définit le comportement de page après un élément de rupture	2
page-break-before	Définit le comportement de page avant un élément de rupture	2
page-break-inside	Définit le comportement de rupture page intérieur d’un élément	2
veuves	Définit le nombre minimal de lignes qui doivent être à gauche en haut d’une page quand un saut de page se produit dans un élément	2

Propriétés Ruby

Propriété	Description	CSS
ruby-align	Contrôle l’alignement du texte du texte ruby ​​et le contenu de base de rubis rapport à l’autre	3
ruby-faux	Détermine si, et de quel côté, le texte ruby ​​est autorisé à toute partie en surplomb de texte adjacente, en plus de sa propre base, lorsque le texte ruby ​​est plus large que la base ruby	3
ruby-position	Contrôle de la position du texte ruby ​​à l’égard de sa base	3
ruby-span	Contrôle le comportement couvrant des éléments d’annotation	3

Propriétés de la parole

Propriété	Description	CSS
marquer	Un raccourci pour la définition des propriétés de marge avant et marque-après	3
marque-après	Permet marqueurs nommés pour être fixé dans le flux audio	3
marque-avant	Permet marqueurs nommés pour être fixé dans le flux audio	3
phonèmes	Indique que la prononciation phonétique du texte contenu par l’élément correspondant	3
reste	Un raccourci pour la définition des propriétés de repos avant et après repos	3
reste-après	Spécifie un repos ou frontière prosodique à observer après avoir parlé contenu d’un élément	3
reste-avant	Spécifie un repos ou frontière prosodique à observer avant de parler du contenu d’un élément	3
voix-équilibre	Indique l’équilibre entre les canaux gauche et droit	3
vocale durée	Indique combien de temps il devrait prendre pour rendre le contenu de l’élément sélectionné	3
voix-terrain	Indique la tonalité moyenne (une fréquence) de la voix	3
voix-pitch-range	Indique une variation de la hauteur moyenne	3
vocale taux	Contrôle de la vitesse d’élocution	3
voix-stress	Indique la force de l’accent soit appliquée	3
voix volume	Réfère à l’amplitude de la sortie de forme d’onde par les synthétise la parole	3

Propriétés du tableau

Propriété	Description	CSS
border-collapse	Indique si oui ou non les bordures du tableau devrait être effondré	2
border-spacing	Spécifie la distance entre les bordures de cellules adjacentes	2
caption-side	Indique l’emplacement d’une légende de la table	2
les cellules vides	Indique s’il faut ou non afficher les bordures et arrière-plan sur les cellules vides dans un tableau	2
table-layout	Définit l’algorithme de mise en page à utiliser pour une table	2

Propriétés du texte

Propriété	Description	CSS
couleur	Définit la couleur du texte	1
direction	Spécifie le texte de direction / direction de l’écriture	2
letter-spacing	Augmente ou diminue l’espace entre les caractères dans un texte	1
la hauteur de ligne	Définit la hauteur de la ligne	1
texte-aligner	Spécifie l’alignement horizontal du texte	1
text-decoration	Spécifie la décoration ajoutée au texte	1
text-indent	Spécifie l’indentation de la première ligne dans un texte-bloc	1
texte-transformer	Contrôle la casse du texte	1
unicode-bidi		2
vertical-align	Définit l’alignement vertical d’un élément	1
espace blanc	Indique comment white-space intérieur d’un élément est géré	1
word-spacing	Augmente ou diminue l’espace entre les mots dans un texte	1
pendaison de ponctuation	Indique si un caractère de ponctuation peut être placé à l’extérieur de la boîte de ligne	3
la ponctuation-trim	Indique si un caractère de ponctuation doivent être coupés	3
text-align-dernière	Décrit comment la dernière ligne d’un bloc ou une ligne droite avant un saut de ligne forcé est aligné lorsque text-align est “justifier”	3
texte justifier	Spécifie la méthode utilisée lors de la justification text-align est “justifier”	3
texte-contour	Spécifie un contour du texte	3
texte-débordement	Spécifie ce qui doit arriver lorsque le texte déborde l’élément conteneur	3
text-shadow	Ajoute ombre au texte	3
text-wrap	Indique les règles de rupture de ligne pour le texte	3
mot-break	Indique les règles de saut de ligne pour non-CJC scripts	3
word-wrap	Permet de longues, des mots incassables pour être battus et enveloppement à la ligne suivante	3

2D/3D propriétés de transformation

Propriété	Description	CSS
transformer	Applique une transformation 2D ou 3D à un élément	3
transformer d’origine	Permet de modifier la position sur les éléments transformés	3
transformer le style	Indique comment imbriqué éléments sont rendus dans l’espace 3D	3
perspective	Indique le point de vue sur la façon dont les éléments 3D sont considérés	3
point de vue d’origine	Indique la position de fond des éléments 3D	3
contreface-visibilité	Définit si oui ou non un élément doit être visible quand il n’est pas face à l’écran	3

Propriétés de transition

Propriété	Description	CSS
transition	Un raccourci pour définir les propriétés de transition de quatre	3
transition propriété	Indique le nom de la propriété CSS l’effet de transition est pour	3
transition durée	Détermine combien de secondes ou millisecondes un effet de transition nécessaire pour terminer	3
transition de synchronisation fonction	Indique la courbe de vitesse de l’effet de transition	3
de transition à retard	Indique le moment où l’effet de transition va commencer	3

Propriétés de l’interface utilisateur

Propriété	Description	CSS
apparence	Vous permet de faire un coup d’oeil élément comme un élément d’interface utilisateur standard	3
box-sizing	Permet de définir certains éléments pour s’adapter à une zone d’une certaine manière	3
icône	Fournit l’auteur la possibilité de style d’un élément avec un équivalent iconique	3
nav-down	Spécifie où naviguer en utilisant la flèche vers le bas la navigation	3
nav-index	Spécifie l’ordre de tabulation pour un élément	3
nav-gauche	Spécifie où naviguer en utilisant la flèche gauche de navigation	3
nav-droit	Indique l’emplacement où pour naviguer en utilisant la flèche droite du clavier de navigation	3
Nav-up	Spécifie où naviguer en utilisant la flèche-haut la touche de navigation	3
outline-décalage	Offsets une esquisse, et qu’elle en tire au-delà de la bordure	3
redimensionner	Indique si oui ou non un élément est redimensionnable par l’utilisateur	3

CSS3 Référence Support du navigateur

De référence W3Schools des Navigateurs pris en charge est testé régulièrement avec tous les principaux navigateurs.
Testé: Janvier 13, 2012.

---

Navigateurs pris en charge

CSS3 n’est pas encore un standard du W3C, mais tous les principaux navigateurs soutiennent déjà la plupart des nouvelles fonctionnalités. Ci-dessous est une référence hors de toutes les nouvelles propriétés CSS3 et leur soutien navigateur:

Propriété	IE	Firefox	Chrome	Safari	Opéra
alignement ajuster
alignement de référence
animation		5
animation-nom		5
animation-durée		5
animation-calendrier-fonction		5
animation-retard		5
animation-itération de comptage		5
animation-direction		5
animation-jeu-Etat		5
apparence		3
contreface-visibilité
background-clip	9	4	10	5	10,5
background-origin	9	4	4	5	10,5
fond de taille	9	4	4	5	10,5
base-shift
signet label
signet niveau
bookmark-cible
border-bottom-left-rayon	9	4	5	5	10,5
border-bottom-right-rayon	9	4	5	5	10,5
border-image				3
border-image-départ
border-image-répétition
border-image-tranche
border-image-source
border-image-width
border-radius	9	4	5	5	10,5
border-top-left-rayon	9	4	5	5	10,5
border-top-right-rayon	9	4	5	5	10,5
case-décoration-pause
box-align
boîte de direction
box-flex
box-flex-groupe
box-lignes
box-ordinal-groupe
box-orient
box-pack
box-shadow	9	4	10		10,5
box-sizing	8		9
au profil de couleurs
Colonne-remplir
Colonne-écart
column-rule
column-rule-color
column-rule-style
column-rule-width
Colonne-portée
la colonne de largeur
colonnes
la colonne de comptage
récolte
dominante de base
baisse-initial-après ajustement
baisse-initial-après-align
baisse-initial-avant-ajuster
baisse-initial-avant-align
baisse-initial-taille
baisse-la valeur initiale
s’adapter
ajustement de position
flottent-offset
@ Font-face	9	3.6	4	3	10
font-size-adjust		2
font-stretch
grille-colonnes
grille-lignes
pendaison de ponctuation
un trait d’union-après
un trait d’union avant-
Césure des caractères
Césure des lignes
un trait d’union-ressources
des traits d’union
icône
l’orientation d’image
l’image à résolution
@ Images-clés		4
inline-box-align
la ligne d’empilage
ligne d’empilage-ruby
ligne d’empilage de décalage
la ligne d’empilage-stratégie
marquer
marque-après
marque-avant
marques
chapiteau-direction
chapiteau-jeu-comte
chapiteau-vitesse
chapiteau de style
mouvements d’
nav-down					11,5
nav-index					11,5
nav-gauche					11,5
nav-droit					11,5
Nav-up					11,5
opacité	9	2	4	4	10
outline-décalage					11
trop-plein de style
débordement-x	9	2
débordement-y	9	2
page
page politique
perspective				5
point de vue d’origine
phonèmes
la ponctuation-trim
rendu-but
redimensionner		4
reste
reste-après
reste-avant
rotation
la rotation du point
ruby-align
ruby-faux
ruby-position
ruby-span
taille
string-ensemble
cible
nom de cible
cible nouvelle
cible de position
text-align-dernière
texte-accentuation
texte-hauteur
texte justifier	5
texte-contour
texte-débordement	5	7	4	4	10,6
text-shadow		3	4	4	10
text-wrap
transformer	9	3.6
transformer d’origine	9	3.6
transformer le style				5
transition		4
transition propriété		4
transition durée		4
transition de synchronisation fonction		4
de transition à retard		4
mot-break	5		8	3
word-wrap	5	3.6
voix-équilibre
vocale durée
voix-terrain
voix-pitch-range
vocale taux
voix-stress
voix volume

Explications Icône

	Pris en charge par Internet Explorer
	Pris en charge par Firefox
	Pris en charge par Google Chrome
	Pris en charge par Safari
	Soutenu par l’Opéra

	Pris en charge par Internet Explorer avec le préfixe -ms
	Pris en charge par Firefox avec le préfixe -moz-
	Pris en charge par Google Chrome avec le préfixe -webkit-
	Pris en charge par Safari avec le préfixe -webkit-
	Soutenu par l’Opéra avec le préfixe -o-
	Soutenu par l’Opéra avec le préfixe -xv-

Pour certains biens que vous voyez l’icône du navigateur et un certain nombre:

9

4

4

5

10,5

Le nombre indique dans quelle version du navigateur de la propriété a d’abord été pris en charge.

CSS Couleurs Valeurs HEX

Trié par valeur HEX

Même liste triée par nom de la couleur

Color Name	HEX	Color	Shades	Mix
Black	#000000		Shades	Mix
Navy	#000080		Shades	Mix
DarkBlue	#00008B		Shades	Mix
MediumBlue	#0000CD		Shades	Mix
Blue	#0000FF		Shades	Mix
DarkGreen	#006400		Shades	Mix
Green	#008000		Shades	Mix
Teal	#008080		Shades	Mix
DarkCyan	#008B8B		Shades	Mix
DeepSkyBlue	#00BFFF		Shades	Mix
DarkTurquoise	#00CED1		Shades	Mix
MediumSpringGreen	#00FA9A		Shades	Mix
Lime	#00FF00		Shades	Mix
SpringGreen	#00FF7F		Shades	Mix
Aqua	#00FFFF		Shades	Mix
Cyan	#00FFFF		Shades	Mix
MidnightBlue	#191970		Shades	Mix
DodgerBlue	#1E90FF		Shades	Mix
LightSeaGreen	#20B2AA		Shades	Mix
ForestGreen	#228B22		Shades	Mix
SeaGreen	#2E8B57		Shades	Mix
DarkSlateGray	#2F4F4F		Shades	Mix
DarkSlateGrey	#2F4F4F		Shades	Mix
LimeGreen	#32CD32		Shades	Mix
MediumSeaGreen	#3CB371		Shades	Mix
Turquoise	#40E0D0		Shades	Mix
RoyalBlue	#4169E1		Shades	Mix
SteelBlue	#4682B4		Shades	Mix
DarkSlateBlue	#483D8B		Shades	Mix
MediumTurquoise	#48D1CC		Shades	Mix
Indigo	#4B0082		Shades	Mix
DarkOliveGreen	#556B2F		Shades	Mix
CadetBlue	#5F9EA0		Shades	Mix
CornflowerBlue	#6495ED		Shades	Mix
MediumAquaMarine	#66CDAA		Shades	Mix
DimGray	#696969		Shades	Mix
DimGrey	#696969		Shades	Mix
SlateBlue	#6A5ACD		Shades	Mix
OliveDrab	#6B8E23		Shades	Mix
SlateGray	#708090		Shades	Mix
SlateGrey	#708090		Shades	Mix
LightSlateGray	#778899		Shades	Mix
LightSlateGrey	#778899		Shades	Mix
MediumSlateBlue	#7B68EE		Shades	Mix
LawnGreen	#7CFC00		Shades	Mix
Chartreuse	#7FFF00		Shades	Mix
Aquamarine	#7FFFD4		Shades	Mix
Maroon	#800000		Shades	Mix
Purple	#800080		Shades	Mix
Olive	#808000		Shades	Mix
Gray	#808080		Shades	Mix
Grey	#808080		Shades	Mix
SkyBlue	#87CEEB		Shades	Mix
LightSkyBlue	#87CEFA		Shades	Mix
BlueViolet	#8A2BE2		Shades	Mix
DarkRed	#8B0000		Shades	Mix
DarkMagenta	#8B008B		Shades	Mix
SaddleBrown	#8B4513		Shades	Mix
DarkSeaGreen	#8FBC8F		Shades	Mix
LightGreen	#90EE90		Shades	Mix
MediumPurple	#9370D8		Shades	Mix
DarkViolet	#9400D3		Shades	Mix
PaleGreen	#98FB98		Shades	Mix
DarkOrchid	#9932CC		Shades	Mix
YellowGreen	#9ACD32		Shades	Mix
Sienna	#A0522D		Shades	Mix
Brown	#A52A2A		Shades	Mix
DarkGray	#A9A9A9		Shades	Mix
DarkGrey	#A9A9A9		Shades	Mix
LightBlue	#ADD8E6		Shades	Mix
GreenYellow	#ADFF2F		Shades	Mix
PaleTurquoise	#AFEEEE		Shades	Mix
LightSteelBlue	#B0C4DE		Shades	Mix
PowderBlue	#B0E0E6		Shades	Mix
FireBrick	#B22222		Shades	Mix
DarkGoldenRod	#B8860B		Shades	Mix
MediumOrchid	#BA55D3		Shades	Mix
RosyBrown	#BC8F8F		Shades	Mix
DarkKhaki	#BDB76B		Shades	Mix
Silver	#C0C0C0		Shades	Mix
MediumVioletRed	#C71585		Shades	Mix
IndianRed	#CD5C5C		Shades	Mix
Peru	#CD853F		Shades	Mix
Chocolate	#D2691E		Shades	Mix
Tan	#D2B48C		Shades	Mix
LightGray	#D3D3D3		Shades	Mix
LightGrey	#D3D3D3		Shades	Mix
PaleVioletRed	#D87093		Shades	Mix
Thistle	#D8BFD8		Shades	Mix
Orchid	#DA70D6		Shades	Mix
GoldenRod	#DAA520		Shades	Mix
Crimson	#DC143C		Shades	Mix
Gainsboro	#DCDCDC		Shades	Mix
Plum	#DDA0DD		Shades	Mix
BurlyWood	#DEB887		Shades	Mix
LightCyan	#E0FFFF		Shades	Mix
Lavender	#E6E6FA		Shades	Mix
DarkSalmon	#E9967A		Shades	Mix
Violet	#EE82EE		Shades	Mix
PaleGoldenRod	#EEE8AA		Shades	Mix
LightCoral	#F08080		Shades	Mix
Khaki	#F0E68C		Shades	Mix
AliceBlue	#F0F8FF		Shades	Mix
HoneyDew	#F0FFF0		Shades	Mix
Azure	#F0FFFF		Shades	Mix
SandyBrown	#F4A460		Shades	Mix
Wheat	#F5DEB3		Shades	Mix
Beige	#F5F5DC		Shades	Mix
WhiteSmoke	#F5F5F5		Shades	Mix
MintCream	#F5FFFA		Shades	Mix
GhostWhite	#F8F8FF		Shades	Mix
Salmon	#FA8072		Shades	Mix
AntiqueWhite	#FAEBD7		Shades	Mix
Linen	#FAF0E6		Shades	Mix
LightGoldenRodYellow	#FAFAD2		Shades	Mix
OldLace	#FDF5E6		Shades	Mix
Red	#FF0000		Shades	Mix
Fuchsia	#FF00FF		Shades	Mix
Magenta	#FF00FF		Shades	Mix
DeepPink	#FF1493		Shades	Mix
OrangeRed	#FF4500		Shades	Mix
Tomato	#FF6347		Shades	Mix
HotPink	#FF69B4		Shades	Mix
Coral	#FF7F50		Shades	Mix
Darkorange	#FF8C00		Shades	Mix
LightSalmon	#FFA07A		Shades	Mix
Orange	#FFA500		Shades	Mix
LightPink	#FFB6C1		Shades	Mix
Pink	#FFC0CB		Shades	Mix
Gold	#FFD700		Shades	Mix
PeachPuff	#FFDAB9		Shades	Mix
NavajoWhite	#FFDEAD		Shades	Mix
Moccasin	#FFE4B5		Shades	Mix
Bisque	#FFE4C4		Shades	Mix
MistyRose	#FFE4E1		Shades	Mix
BlanchedAlmond	#FFEBCD		Shades	Mix
PapayaWhip	#FFEFD5		Shades	Mix
LavenderBlush	#FFF0F5		Shades	Mix
SeaShell	#FFF5EE		Shades	Mix
Cornsilk	#FFF8DC		Shades	Mix
LemonChiffon	#FFFACD		Shades	Mix
FloralWhite	#FFFAF0		Shades	Mix
Snow	#FFFAFA		Shades	Mix
Yellow	#FFFF00		Shades	Mix
LightYellow	#FFFFE0		Shades	Mix
Ivory	#FFFFF0		Shades	Mix
White	#FFFFFF		Shades	Mix

CSS noms de couleurs

Les noms de couleurs prises en charge par tous les navigateurs

147 noms de couleurs sont définies dans le code HTML et CSS couleur cahier des charges (17 couleurs standard, ainsi que 130 autres). Le tableau ci-dessous énumère tous, avec leurs valeurs hexadécimales.

 Astuce: Les 17 couleurs standard sont: aqua, noir, bleu, fuchsia, gris, gris, vert, vert citron, marron, marine, d’olive, violet, rouge, argent, bleu sarcelle, blanc et jaune.

Cliquez sur un nom de couleur (ou une valeur hexadécimale) pour voir la couleur que la couleur de fond avec les couleurs de texte différentes:

---

Trié par Nom de la couleur

Même liste triée par valeurs Hex

Nom de la couleur	HEX	Couleur	Shades	Mélanger
AliceBlue	# F0F8FF		Shades	Mélanger
AntiqueWhite	# FAEBD7		Shades	Mélanger
Aqua	# 00FFFF		Shades	Mélanger
Aigue-marine	# 7FFFD4		Shades	Mélanger
Azur	# F0FFFF		Shades	Mélanger
Beige	# F5F5DC		Shades	Mélanger
Bisque	# FFE4C4		Shades	Mélanger
Noir	# 000000		Shades	Mélanger
BlanchedAlmond	# FFEBCD		Shades	Mélanger
Bleu	# 0000FF		Shades	Mélanger
BlueViolet	# 8A2BE2		Shades	Mélanger
Brun	# A52A2A		Shades	Mélanger
BurlyWood	# DEB887		Shades	Mélanger
CadetBlue	# 5F9EA0		Shades	Mélanger
Chartreuse	# 7FFF00		Shades	Mélanger
Chocolat	# D2691E		Shades	Mélanger
Corail	# FF7F50		Shades	Mélanger
CornflowerBlue	# 6495ED		Shades	Mélanger
Cornsilk	# FFF8DC		Shades	Mélanger
Cramoisi	# DC143C		Shades	Mélanger
Cyan	# 00FFFF		Shades	Mélanger
DarkBlue	# 00008B		Shades	Mélanger
DarkCyan	# 008B8B		Shades	Mélanger
DarkGoldenRod	# B8860B		Shades	Mélanger
DarkGray	# A9A9A9		Shades	Mélanger
Darkgrey	# A9A9A9		Shades	Mélanger
DarkGreen	# 006400		Shades	Mélanger
DarkKhaki	# BDB76B		Shades	Mélanger
DarkMagenta	# 8B008B		Shades	Mélanger
DarkOliveGreen	# 556B2F		Shades	Mélanger
Darkorange	# FF8C00		Shades	Mélanger
DarkOrchid	# 9932CC		Shades	Mélanger
DarkRed	# 8B0000		Shades	Mélanger
DarkSalmon	# E9967A		Shades	Mélanger
DarkSeaGreen	# 8FBC8F		Shades	Mélanger
DarkSlateBlue	# 483D8B		Shades	Mélanger
DarkSlateGray	# 2F4F4F		Shades	Mélanger
DarkSlateGrey	# 2F4F4F		Shades	Mélanger
DarkTurquoise	# 00CED1		Shades	Mélanger
DarkViolet	# 9400D3		Shades	Mélanger
DeepPink	# FF1493		Shades	Mélanger
DeepSkyBlue	# 00BFFF		Shades	Mélanger
DimGray	# 696969		Shades	Mélanger
DimGrey	# 696969		Shades	Mélanger
DodgerBlue	# 1E90FF		Shades	Mélanger
Firebrick	# B22222		Shades	Mélanger
FloralWhite	# FFFAF0		Shades	Mélanger
ForestGreen	# 228B22		Shades	Mélanger
Fuchsia	# FF00FF		Shades	Mélanger
Gainsboro	# DCDCDC		Shades	Mélanger
GhostWhite	# F8F8FF		Shades	Mélanger
Or	# FFD700		Shades	Mélanger
Verge d’or	# DAA520		Shades	Mélanger
Gris	# 808080		Shades	Mélanger
Gris	# 808080		Shades	Mélanger
Vert	# 008000		Shades	Mélanger
GreenYellow	# ADFF2F		Shades	Mélanger
Honeydew	# F0FFF0		Shades	Mélanger
Hotpink	# FF69B4		Shades	Mélanger
IndianRed	# CD5C5C		Shades	Mélanger
Indigo	# 4B0082		Shades	Mélanger
Ivoire	# FFFFF0		Shades	Mélanger
Kaki	# F0E68C		Shades	Mélanger
Lavande	# E6E6FA		Shades	Mélanger
LavenderBlush	# FFF0F5		Shades	Mélanger
LawnGreen	# 7CFC00		Shades	Mélanger
LemonChiffon	# FFFACD		Shades	Mélanger
LightBlue	# ADD8E6		Shades	Mélanger
LightCoral	# F08080		Shades	Mélanger
LightCyan	# E0FFFF		Shades	Mélanger
LightGoldenRodYellow	# FAFAD2		Shades	Mélanger
GrisClair	# D3D3D3		Shades	Mélanger
Gris clair	# D3D3D3		Shades	Mélanger
VertClair	# 90EE90		Shades	Mélanger
LightPink	# FFB6C1		Shades	Mélanger
LightSalmon	# FFA07A		Shades	Mélanger
LightSeaGreen	# 20B2AA		Shades	Mélanger
LightSkyBlue	# 87CEFA		Shades	Mélanger
LightSlateGray	# 778899		Shades	Mélanger
LightSlateGrey	# 778899		Shades	Mélanger
LightSteelBlue	# B0C4DE		Shades	Mélanger
JauneClair	# FFFFE0		Shades	Mélanger
Chaux	# 00FF00		Shades	Mélanger
LimeGreen	# 32CD32		Shades	Mélanger
Lin	# FAF0E6		Shades	Mélanger
Magenta	# FF00FF		Shades	Mélanger
Bordeaux	# 800000		Shades	Mélanger
MediumAquaMarine	# 66CDAA		Shades	Mélanger
MediumBlue	# 0000CD		Shades	Mélanger
MediumOrchid	# BA55D3		Shades	Mélanger
MediumPurple	# 9370D8		Shades	Mélanger
MediumSeaGreen	# 3CB371		Shades	Mélanger
MediumSlateBlue	# 7B68EE		Shades	Mélanger
MediumSpringGreen	# 00FA9A		Shades	Mélanger
MediumTurquoise	# 48D1CC		Shades	Mélanger
MediumVioletRed	# C71585		Shades	Mélanger
Midnightblue	# 191970		Shades	Mélanger
MintCream	# F5FFFA		Shades	Mélanger
MistyRose	# FFE4E1		Shades	Mélanger
Mocassin	# FFE4B5		Shades	Mélanger
NavajoWhite	# FFDEAD		Shades	Mélanger
Marine	# 000080		Shades	Mélanger
OldLace	# FDF5E6		Shades	Mélanger
Olive	# 808000		Shades	Mélanger
Olivedrab	# 6B8E23		Shades	Mélanger
Orange	# FFA500		Shades	Mélanger
Orangered	# FF4500		Shades	Mélanger
Orchidée	# DA70D6		Shades	Mélanger
PaleGoldenRod	# EEE8AA		Shades	Mélanger
PaleGreen	# 98FB98		Shades	Mélanger
PaleTurquoise	# AFEEEE		Shades	Mélanger
PaleVioletRed	# D87093		Shades	Mélanger
PapayaWhip	# FFEFD5		Shades	Mélanger
PeachPuff	# FFDAB9		Shades	Mélanger
Pérou	# CD853F		Shades	Mélanger
Rose	# FFC0CB		Shades	Mélanger
Prune	# DDA0DD		Shades	Mélanger
PowderBlue	# B0E0E6		Shades	Mélanger
Pourpre	# 800080		Shades	Mélanger
Rouge	# FF0000		Shades	Mélanger
RosyBrown	# BC8F8F		Shades	Mélanger
BleuRoyale	# 4169E1		Shades	Mélanger
SaddleBrown	# 8B4513		Shades	Mélanger
Saumon	# FA8072		Shades	Mélanger
Sandybrown	# F4A460		Shades	Mélanger
SeaGreen	# 2E8B57		Shades	Mélanger
SeaShell	# FFF5EE		Shades	Mélanger
Terre de sienne	# A0522D		Shades	Mélanger
Argent	# C0C0C0		Shades	Mélanger
SkyBlue	# 87CEEB		Shades	Mélanger
SlateBlue	# 6A5ACD		Shades	Mélanger
SlateGray	# 708090		Shades	Mélanger
SlateGrey	# 708090		Shades	Mélanger
Neige	# FFFAFA		Shades	Mélanger
SpringGreen	# 00FF7F		Shades	Mélanger
Steelblue	# 4682B4		Shades	Mélanger
Bronzage	# D2B48C		Shades	Mélanger
Sarcelle	# 008080		Shades	Mélanger
Chardon	# D8BFD8		Shades	Mélanger
Tomate	# FF6347		Shades	Mélanger
Turquoise	# 40E0D0		Shades	Mélanger
Violet	# EE82EE		Shades	Mélanger
Blé	# F5DEB3		Shades	Mélanger
Blanc	# FFFFFF		Shades	Mélanger
WhiteSmoke	# F5F5F5		Shades	Mélanger
Jaune	# FFFF00		Shades	Mélanger
YellowGreen	# 9ACD32		Shades	Mélanger

CSS Les valeurs des couleurs juridiques

Couleurs CSS

Couleurs en CSS peut être précisé par les méthodes suivantes:

• Couleurs hexadécimales
• Couleurs RVB
• Couleurs RGBA
• Couleurs HSL
• Couleurs HSLA
• Prédéfinis / Croix-navigateur de couleur noms

---

Couleurs hexadécimales

Les valeurs hexadécimales de couleur sont pris en charge dans tous les principaux navigateurs.

Une couleur hexadécimal est spécifié avec: # RRVVBB, où le RR (rouge), GG (vert) et BB (bleu) entiers hexadécimaux préciser les composantes de la couleur. Toutes les valeurs doivent être entre 0 et FF.

Par exemple, la valeur # 0000ff est rendu en bleu, parce que la composante bleue est réglé à sa valeur la plus élevée (ff) et les autres sont mis à 0.

Exemple

p
{
background-color:#ff0000;
}

Essayez vous-même »

---

Couleurs RVB

Valeurs de couleurs RVB sont pris en charge dans tous les principaux navigateurs.

Une valeur de couleur RVB est spécifié avec: RVB (rouge, vert, bleu). Chaque paramètre (rouge, vert et bleu) définit l’intensité de la couleur et peut être un nombre entier compris entre 0 et 255, ou une valeur en pourcentage (de 0% à 100%).

Par exemple, le rgb (0,0,255) la valeur est rendu en bleu, car le paramètre bleu est réglé à sa valeur la plus élevée (255) et les autres sont mis à 0.

En outre, les valeurs suivantes définissent la même couleur: rgb (0,0,255) et rgb (0%, 0%, 100%).

Exemple

p
{
background-color:rgb(255,0,0);
}

Essayez vous-même »

---

Couleurs RGBA

Des valeurs de couleur RGBA sont pris en charge dans IE9 +, Firefox 3 +, Chrome, Safari, Opera et en 10 +.

Des valeurs de couleur RGBA sont une extension des valeurs de couleurs RVB avec un canal alpha – qui spécifie l’opacité de l’objet.

Une valeur de couleur RGBA est spécifié avec: rgba (rouge, vert, bleu, alpha). Le paramètre alpha est un nombre compris entre 0.0 (complètement transparent) et 1.0 (complètement opaque).

Exemple

p
{
background-color:rgba(255,0,0,0.5);
}

Essayez vous-même »

---

Couleurs HSL

Des valeurs de couleur HSL sont pris en charge dans IE9 +, Firefox, Chrome, Safari, Opera et en 10 +.

LGV est synonyme de la teinte, la saturation et la luminosité – et représente une représentation cylindrique de coordonnées de couleurs.

Une valeur de couleur HSL est spécifié avec: TSL (teinte, saturation, luminosité).

Hue est une mesure sur la roue chromatique (de 0 à 360) – 0 (ou 360) est rouge, 120 est de couleur verte, 240 est bleu. La saturation est une valeur en pourcentage, de 0% signifie une nuance de gris et de 100% est la couleur. La légèreté est également un pourcentage, 0% est noir, 100% est blanc.

Exemple

p
{
background-color:hsl(120,65%,75%);
}

Essayez vous-même »

---

Couleurs HSLA

Des valeurs de couleur HSLA sont pris en charge dans IE9 +, Firefox 3 +, Chrome, Safari, Opera et en 10 +.

Des valeurs de couleur HSLA sont une extension des valeurs de couleur HSL avec un canal alpha – qui spécifie l’opacité de l’objet.

Une valeur de couleur HSLA est spécifié avec: HSLA (teinte, saturation, luminosité, l’alpha), où le paramètre alpha définit l’opacité. Le paramètre alpha est un nombre compris entre 0.0 (complètement transparent) et 1.0 (complètement opaque).

Exemple

p
{
background-color:hsla(120,65%,75%,0.3);
}

Essayez vous-même »

---

Prédéfinis / Croix-navigateur Couleur noms

147 noms de couleurs sont prédéfinies dans le code HTML et CSS spécification de couleur. Regardez notre tableau de noms de couleurs prédéfinies .

CSS Colors

Les couleurs sont affichées combinant ROUGE, VERT, BLEU et la lumière.

---

Les valeurs des couleurs

Couleurs CSS sont définies en utilisant un nombre hexadécimal (hex) la notation de la combinaison de rouge, vert, et les valeurs de couleur bleu (RVB). La valeur la plus basse qui peut être donné à l’une des sources de lumière est 0 (hex 00). La valeur la plus élevée est de 255 (FF en hexadécimal).

Les valeurs hexadécimales sont écrites comme des 3 numéros à deux chiffres, commençant par un signe #.

Exemples de couleurs

Couleur	Hexadécimal de la couleur	Couleur RGB
	# 000000	rgb (0,0,0)
	# FF0000	rgb (255,0,0)
	# 00FF00	rgb (0,255,0)
	# 0000FF	rgb (0,0,255)
	# FFFF00	rgb (255,255,0)
	# 00FFFF	rgb (0,255,255)
	# FF00FF	rgb (255.0.255)
	# C0C0C0	rgb (192,192,192)
	# FFFFFF	rgb (255,255,255)

Essayez vous-même »

---

16 millions de couleurs différentes

La combinaison des valeurs Rouge, Vert et Bleu de 0 à 255 donne un total de plus de 16 millions de couleurs différentes pour jouer avec (256 x 256 x 256).

La plupart des moniteurs modernes sont capables d’afficher au moins 16384 couleurs différentes.

Si vous regardez le tableau ci-dessous la couleur, vous verrez le résultat de la variation du voyant rouge de 0 à 255, tout en gardant le feu vert et bleu à zéro.

Pour voir une liste complète de la couleur se mélange lorsque la lumière rouge varie de 0 à 255, cliquez sur l’un de l’hexagone ou les valeurs RVB ci-dessous.

Red Light	HEX	RGB
	# 000000	rgb (0,0,0)
	# 080000	rgb (8,0,0)
	# 100000	rgb (16,0,0)
	# 180000	rgb (24,0,0)
	# 200000	rgb (32,0,0)
	# 280000	rgb (40,0,0)
	# 300000	rgb (48,0,0)
	# 380000	rgb (56,0,0)
	# 400000	rgb (64,0,0)
	# 480000	rgb (72,0,0)
	# 500000	rgb (80,0,0)
	# 580000	rgb (88,0,0)
	# 600000	rgb (96,0,0)
	# 680000	rgb (104,0,0)
	# 700000	rgb (112,0,0)
	# 780000	rgb (120,0,0)
	# 800000	rgb (128,0,0)
	# 880000	rgb (136,0,0)
	# 900000	rgb (144,0,0)
	# 980000	rgb (152,0,0)
	# A00000	rgb (160,0,0)
	# A80000	rgb (168,0,0)
	# B00000	rgb (176,0,0)
	# B80000	rgb (184,0,0)
	# C00000	rgb (192,0,0)
	# C80000	rgb (200,0,0)
	# D00000	rgb (208,0,0)
	# D80000	rgb (216,0,0)
	# E00000	rgb (224,0,0)
	# E80000	rgb (232,0,0)
	# F00000	rgb (240,0,0)
	# F80000	rgb (248,0,0)
	# FF0000	rgb (255,0,0)

---

Shades of Gray

Les couleurs grises sont affichés en utilisant une quantité égale de pouvoir de toutes les sources de lumière. Pour le rendre facile pour vous de choisir la bonne couleur grise, nous avons compilé une table de nuances de gris pour vous:

Nuances de gris	HEX	RGB
	# 000000	rgb (0,0,0)
	# 080808	rgb (8,8,8)
	# 101010	rgb (16,16,16)
	# 181818	rgb (24,24,24)
	# 202020	rgb (32,32,32)
	# 282828	rgb (40,40,40)
	# 303030	rgb (48,48,48)
	# 383838	rgb (56,56,56)
	# 404040	rgb (64,64,64)
	# 484848	rgb (72,72,72)
	# 505050	rgb (80,80,80)
	# 585858	rgb (88,88,88)
	# 606060	rgb (96,96,96)
	# 686868	rgb (104,104,104)
	# 707070	rgb (112,112,112)
	# 787878	rgb (120,120,120)
	# 808080	rgb (128,128,128)
	# 888888	rgb (136,136,136)
	# 909090	rgb (144,144,144)
	# 989898	rgb (152,152,152)
	# A0A0A0	rgb (160,160,160)
	# A8A8A8	rgb (168,168,168)
	# B0B0B0	rgb (176,176,176)
	# B8B8B8	rgb (184,184,184)
	# C0C0C0	rgb (192,192,192)
	# C8C8C8	rgb (200,200,200)
	# D0D0D0	rgb (208,208,208)
	# D8D8D8	rgb (216,216,216)
	# E0E0E0	rgb (224,224,224)
	# E8E8E8	rgb (232,232,232)
	# F0F0F0	rgb (240,240,240)
	# F8F8F8	rgb (248,248,248)
	# FFFFFF	rgb (255,255,255)

---

Couleurs Web Safe?

Il ya quelques années, lorsque les ordinateurs pris en charge max 256 couleurs différentes, une liste de 216 “Web Safe Colors” a été suggéré comme un standard du Web, en réservant 40 couleurs fixes du système.

Ce n’est pas important maintenant, puisque la plupart des ordinateurs peuvent afficher des millions de couleurs différentes, mais le choix est laissé à vous.

La palette de 216 couleurs cross-browser a été créé pour veiller à ce que tous les ordinateurs devraient afficher correctement les couleurs lorsque vous exécutez une palette de 256 couleurs:

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

CSS unités

Les valeurs de mesure

Unité	Description
%	pourcentage
dans	pouce
cm	centimètre
mm	millimètre
em	1em est égale à la taille de la police en cours. 2em signifie 2 fois la taille de la police courante. Par exemple, si un élément est affiché avec une police de 12 pt, puis ‘2 em ‘est 24 pt. Le «em» est une unité très utile en CSS, car il peut s’adapter automatiquement à la police que le lecteur utilise
ex	un ex est la x-hauteur d’une police (x-hauteur est habituellement d’environ la moitié de la taille de police)
pt	point (1 pt est le même que 1/72 pouces)
pc	pica (1 pc est le même que 12 points)
px	Pixel (un point sur l’écran de l’ordinateur)

CSS Combinaisons Web Font sécurité

Des combinaisons de polices couramment utilisés

La propriété font-family devrait tenir plusieurs noms de polices en tant que «de repli» du système, afin d’assurer une compatibilité maximale entre les navigateurs et systèmes d’exploitation. Si le navigateur ne supporte pas la première police, il tente de la police suivante.

Commencez par la police que vous voulez, et se terminent par une famille générique, de laisser le navigateur choisir une police similaire dans la famille générique, s’il n’y a pas d’autres polices sont disponibles:

Exemple

p{font-family:”Times New Roman”, Times, serif}

Essayez vous-même »

Voici quelques combinaisons de polices couramment utilisées, organisées par la famille générique.

---

Polices Serif

font-family	Exemple de texte
Géorgie, serif	Ceci est un cap Ceci est un paragraphe
“Palatino Linotype”, “Book Antiqua”, Palatino, serif	Ceci est un cap Ceci est un paragraphe
“Times New Roman”, Times, serif	Ceci est un cap Ceci est un paragraphe

Polices sans-serif

font-family	Exemple de texte
Arial, Helvetica, sans-serif	Ceci est un cap Ceci est un paragraphe
“Arial Black”, Gadget, sans-serif	Ceci est un cap Ceci est un paragraphe
“Comic Sans MS”, cursive, sans-serif	Ceci est un cap Ceci est un paragraphe
Impact, Charcoal, sans-serif	Ceci est un cap Ceci est un paragraphe
“Lucida Sans Unicode”, “Lucida Grande”, sans-serif	Ceci est un cap Ceci est un paragraphe
Tahoma, Genève, sans-serif	Ceci est un cap Ceci est un paragraphe
“Trebuchet MS”, Helvetica, sans-serif	Ceci est un cap Ceci est un paragraphe
Verdana, Geneva, sans-serif	Ceci est un cap Ceci est un paragraphe

Polices Monospace

font-family	Exemple de texte
“Courier New”, Courier, monospace	Ceci est un cap Ceci est un paragraphe
“Console Lucida”, Monaco, monospace	Ceci est un cap Ceci est un paragraphe

CSS Aural référence

Feuilles de style auditives

Feuilles de style auditives utilisent une combinaison de synthèse de la parole et des effets sonores pour rendre l’utilisateur écoute à l’information, au lieu de lire l’information.

Présentation sonore peut être utilisé:

• par des personnes aveugles
• pour aider les utilisateurs à apprendre à lire
• pour aider les utilisateurs qui ont des problèmes de lecture
• divertissement au foyer
• dans la voiture
• par impression avec facultés affaiblies par les communautés

La présentation sonore convertit le document au format texte et cela à manger à un lecteur d’écran (un programme qui lit tous les caractères sur l’écran).

Un exemple d’une feuille de style Aural:

h1,h2,h3,h4
{
voice-family:male;
richness:80;
cue-before:url(“beep.au”)
}

L’exemple ci-dessus fera le synthétiseur de parole jouer un son, puis parlez les en-têtes d’une voix très riche de sexe masculin.

---

Référence CSS Aural

Le “CSS” colonne indique dans quelle version CSS la propriété est définie (CSS1 ou CSS2).

Propriété	Description	Valeurs	CSS
azimut	Définit où le son doit provenir	angle left-side far-left left center-left center center-right right far-right right-side behind leftwards rightwards	2
queue	Définit les propriétés de repère dans une déclaration	cue-before cue-after	2
cue-after	Indique un son qui sera joué après avoir parlé contenu d’un élément	aucune url	2
cue-before	Indique un son qui sera joué avant de parler du contenu d’un élément	aucune url	2
élévation	Définit où le son doit provenir	angle inférieur niveau haut supérieur inférieure	2
pause	Définit les propriétés de pause dans une déclaration	pause-avant la pause-après	2
pause-après	Indique une pause après avoir parlé contenu d’un élément	temps %	2
pause-before	Indique une pause avant de parler du contenu d’un élément	temps %	2
pas	Indique la voix parlée	fréquence x-low faible à moyen haut x-haute	2
pitch-range	Indique la variation de la voix parlée.(Voix monotone ou de la voix d’animation?)	nombre	2
jouent-cours	Indique un son qui sera joué en parlant contenu d’un élément	automatique aucune url mélange de répétition	2
richesse	Indique la richesse de la voix. (Voix ou Rich voix fluette?)	nombre	2
parler	Indique si le contenu sera rendu sur le plan phonétique	normale aucun sort-out	2
speak-header	Indique comment gérer têtes de table.Devrait être les en-têtes parlée avant chaque cellule, ou seulement avant d’une cellule avec un en-tête différent de celui de la cellule précédente	toujours une fois	2
speak-numeral	Spécifie la façon de parler chiffres	chiffres en continu	2
speak-punctuation	Spécifie la façon de parler des caractères de ponctuation	aucun code de	2
parole à taux	Indique la vitesse de la parole	nombre x-slow lent à moyen rapide x-fast rapide lent	2
stress	Indique le «stress» dans la voix qui parle	nombre	2
voice-family	Spécifie la famille de voix de celui qui parle	spécifique-voix generic-voix	2
volume	Indique le volume de la langue	nombre %silencieuse x-doux doux à moyen fort x-loud	2

CSS Selector de référence

De référence W3Schools des CSS est testé régulièrement avec tous les principaux navigateurs.
Testé: Janvier 13, 2012.

---

Sélecteurs CSS

En CSS, les sélecteurs sont des modèles utilisés pour sélectionner l’élément (s) que vous voulez appliquer un style.

Le “CSS” colonne indique dans quelle version CSS la propriété est définie (CSS1, CSS2, CSS3 ou).

Sélecteur	Exemple	Exemple de description	CSS
. classe	.intro	Sélectionne tous les éléments avec class = “intro”	1
# id	#firstname	Sélectionne l’élément avec id = “prénom”	1
*	*	Sélectionne tous les éléments	2
élément	p	Sélectionne tous les éléments	1
élément, l’élément	div,p	Sélectionne tous les éléments clés et tous les éléments	1
élément élément	div p	Sélectionne tous les éléments à l’intérieur des éléments clés	1
élément > élément	div>p	Sélectionne tous les éléments où le parent est un élément	2
élément + élément	div+p	Sélectionne tous les éléments qui sont placés immédiatement après les éléments clés	2
[ attribut ]	[target]	Sélectionne tous les éléments avec un attribut cible	2
[ attribut = valeur ]	[target=_blank]	Sélectionne tous les éléments avec target = “_blank”	2
[ attribut ~ = valeur ]	[title~=flower]	Sélectionne tous les éléments avec un attribut title contenant le mot “fleur”	2
[ attribut | = valeur ]	[lang|=en]	Sélectionne tous les éléments avec une valeur d’attribut lang en commençant par “fr”	2
: Lien	a:link	Sélectionne tous les liens non visités	1
: Visited	a:visited	Sélectionne tous les liens visités	1
: Actif	a:active	Sélectionne le lien actif	1
: Hover	a:hover	Sélectionne liens sur la souris sur	1
: Mettre l’accent	input:focus	Sélectionne l’élément d’entrée qui a le focus	2
: La première lettre	p:first-letter	Sélectionne la première lettre de chaque élément	1
: La première ligne	p:first-line	Sélectionne la première ligne de chaque élément	1
: La première enfant	p:first-child	Sélectionne tous les éléments qui est le premier enfant de son parent	2
: Avant	p:before	Insérer le contenu avant que le contenu de chaque élément	2
: Après	p:after	Insérer le contenu après chaque élément	2
: Lang ( langue )	p:lang(it)	Sélectionne tous les éléments avec une valeur d’attribut lang en commençant par “il”	2
element1 ~element2	p ~ ul	Sélectionne chaque élément qui sont précédés par un élément de	3
[ attribut ^ = valeur ]	un [src = ^ “https”]	Sélectionne tous les éléments dont attribut src valeur commence par «https»	3
[ attribuent $ =valeur ]	un [src = $ “. pdf”]	Sélectionne tous les éléments dont attribut src valeur se termine par “. Pdf”	3
[ attribut = * valeur ]	un [src * = “w3schools”]	Sélectionne tous les éléments dont attribut src valeur contient les sous-chaîne “w3schools”	3
: Des premier type	p: des premier type	Sélectionne tous les éléments qui est l’élément premier de son parent	3
: Last-of-type de	p: last-of-type de	Sélectionne tous les éléments qui est l’élément dernière de son parent	3
: Seulement de type	p: seulement de type	Sélectionne tous les éléments qui est l’élément seulement de son parent	3
: Seulement l’enfant	p: que l’enfant	Sélectionne tous les éléments qui est le seul enfant de son parent	3
: Nth-child ( n )	p: nth-child (2)	Sélectionne tous les éléments qui est le deuxième enfant de son parent	3
: Nth-last-child ( n )	p: nth-last-child (2)	Sélectionne tous les éléments qui est le deuxième enfant de son parent, en comptant à partir du dernier enfant	3
: Nth-of-type ( n )	p: n-de-type (2)	Sélectionne tous les éléments qui est l’élément secondes de son parent	3
: Nth-last-of-type ( n)	p: n-dernière de type (2)	Sélectionne tous les éléments qui est l’élément deuxième de sa société mère, à compter de l’enfant dernier	3
: Last-child	p: last-child	Sélectionne tous les éléments qui est le dernier enfant de son parent	3
: Root	: Root	Sélectionne l’élément racine du document	3
: Vide	p: vide	Sélectionne tous les éléments que n’a pas d’enfants (y compris les nœuds de texte)	3
: Cible	# Nouvelles: cible	Sélectionne le courant élément actif # nouvelles (cliqué sur une URL contenant ce nom de l’ancre)	3
: Permis	entrée: permis	Sélectionne tous les éléments activé	3
: Désactivé	entrée: désactivé	Sélectionne tous les éléments handicapés	3
: Vérifié	entrée: vérifié	Sélectionne tous les éléments vérifié	3
: Non ( sélecteur )	: Non (p)	Sélectionne tous les éléments qui ne sont pas un élément	3
:: Sélection	:: Sélection	Sélectionne la partie d’un élément qui est sélectionné par un utilisateur