CSS2 - Guide de référence
Il s'agit d'un guide de référence complet pour les développeurs Web où nous avons répertorié toutes les propriétés CSS définies dans la spécification recommandée du World Wide Web Consortium pour les feuilles de style en cascade, niveau 2.
Cliquez sur n'importe quelle propriété pour voir sa description avec des exemples -
N ° Sr. | Propriété et description |
---|---|
1 | azimut Décrit la position d'une source sonore le long de l'axe horizontal de l'environnement de l'auditeur. |
2 | Contexte Propriété composite pour les propriétés suivantes -
|
3 | background-attachment Détermine si l'image d'arrière-plan est fixe dans la fenêtre ou défile lorsque le document défile. |
4 | Couleur de l'arrière plan Définit la couleur d'arrière-plan d'un élément. |
5 | image de fond Définit l'image d'arrière-plan d'un élément. |
6 | position de fond Définit la position initiale de l'image d'arrière-plan de l'élément, si spécifié; les valeurs sont normalement appariées pour fournir des positions x, y; la position par défaut est 0% 0%. |
sept | Répétition du fond Détermine la façon dont l'image d'arrière-plan est répétée (en mosaïque) sur un élément. |
8 | frontière Définit les quatre bordures d'un élément; value est une ou plusieurs couleurs, une valeur pour la largeur de la bordure et une valeur pour le style de la bordure. |
9 | Bordure du bas Définit la bordure inférieure d'un élément; value est une ou plusieurs couleurs, une valeur pour border-bottom-width et une valeur pour border-style . |
dix | border-bottom-width Définit l'épaisseur de la bordure inférieure d'un élément. |
11 | border-collapse Définit l'algorithme de rendu de la bordure de la table. |
12 | couleur de la bordure Définit la couleur des quatre bordures d'un élément; la valeur par défaut est la couleur de l'élément. |
13 | bordure-gauche-couleur Définit la couleur des bordures gauches d'un élément; la valeur par défaut est la couleur de l'élément. |
14 | border-right-color Définit la couleur des bordures droites d'un élément; la valeur par défaut est la couleur de l'élément. |
15 | border-top-color Définit la couleur des bordures supérieures d'un élément; la valeur par défaut est la couleur de l'élément. |
16 | border-bottom-color Définit la couleur des bordures inférieures d'un élément; la valeur par défaut est la couleur de l'élément. |
17 | bordure gauche Définit la bordure gauche d'un élément; value est une ou plusieurs couleurs, une valeur pour border-left-width et une valeur pour border-style . |
18 | border-left-width Définit l'épaisseur de la bordure gauche d'un élément. |
19 | frontière droite Définit la bordure droite d'un élément; value est une ou plusieurs couleurs, une valeur pour border-right-width et une valeur pour border-style . |
20 | border-right-width Définit l'épaisseur de la bordure droite d'un élément. |
21 | espacement des bordures Avec des bordures séparées, définissez l'espacement entre les bordures. Une valeur définit l'espacement vertical et horizontal et deux valeurs définissent l'espacement horizontal et vertical respectivement. |
22 | style de bordure Définit le style des quatre bordures d'un élément. |
23 | haut de la frontière Définit la bordure supérieure d'un élément; value est une ou plusieurs couleurs, une valeur pour border-top-width et une valeur pour border-style . |
24 | border-top-width Définit l'épaisseur de la bordure supérieure d'un élément. |
25 | largeur de la bordure Définit l'épaisseur des quatre bordures d'un élément. |
26 | bas Utilisé avec la propriété position pour placer le bord inférieur d'un élément. |
27 | côté légende Définit la position d'une légende de tableau. |
28 | clair Définit quelles marges d'un élément ne doivent pas être adjacentes à un élément flottant; l'élément est déplacé vers le bas jusqu'à ce que cette marge soit dégagée. |
29 | agrafe Définit le masque d'écrêtage d'un élément. |
30 | Couleur Définit la couleur d'un élément. |
31 | contenu Insère le contenu généré autour d'un élément. |
32 | contre-incrément Incrémente un compteur de 1; value est une liste de noms de compteurs, chaque nom étant éventuellement suivi d'une valeur par laquelle il est incrémenté. |
33 | contre-réinitialisation Remet un compteur à zéro; value est une liste de noms de compteurs, chaque nom étant éventuellement suivi d'une valeur à laquelle il est réinitialisé. |
34 | cue-after Joue le son désigné après la prononciation d'un élément. |
35 | cue-before Joue le son désigné avant qu'un élément ne soit prononcé. |
36 | le curseur Définit la forme du curseur. |
37 | direction Définit la direction du flux d'un contenu d'élément. |
38 | afficher Contrôle la façon dont un élément est affiché. |
39 | élévation Définit la hauteur à laquelle un son est joué. |
40 | cellules vides Avec des bordures séparées, masque les cellules vides dans un tableau. |
41 | flotte Détermine si un élément flotte vers la gauche ou la droite, permettant au texte de s'enrouler autour de lui ou d'être affiché en ligne. |
42 | Police de caractère Définit tous les attributs de police pour un élément. La valeur est l'une des valeurs pour -
|
43 | famille de polices Définit la police d'un élément, soit en tant que police spécifique, soit en tant que police générique, sans empattement, cursive, fantaisie et monospace. |
44 | taille de police Définit la taille de la police. |
45 | ajustement de la taille de la police Règle le rapport hauteur / largeur de la police actuelle. |
46 | font-stretch Détermine la quantité d'étirement de la police actuelle. |
47 | le style de police Définit le style du visage, normal ou un type de style incliné. |
48 | variante de police Définit une police en petites majuscules. |
49 | poids de la police Définit l'épaisseur de la police. Si un nombre est utilisé, il doit être un multiple de 100 entre 100 et 900; 400 est normal, 700 est le même que le mot-clé gras. |
50 | la taille Définit la hauteur d'un élément. |
51 | la gauche Utilisé avec la propriété position pour placer le bord gauche d'un élément. |
52 | l'espacement des lettres Insère un espace supplémentaire entre les caractères de texte. |
53 | hauteur de la ligne Définit la distance entre les lignes de base de texte adjacentes. |
54 | style liste Définit les styles liés à la liste en utilisant l'une des valeurs de -
|
55 | image-style-liste Définit une image à utiliser comme marqueur d'élément de liste, au lieu de la valeur pour -
|
56 | position de style de liste Met en retrait ou étend (par défaut) le marqueur d'un élément de liste par rapport au contenu de l'élément. |
57 | type de liste Définit le marqueur d'un élément de liste pour les listes non ordonnées (cercle, disque ou carré) ou pour les listes ordonnées (décimal, alpha inférieur, romain minuscule, aucun, alpha supérieur ou romain supérieur). |
58 | marge Définit les quatre marges d'un élément. |
59 | marge-bas Définit la marge inférieure d'un élément. La valeur par défaut est 0. |
60 | marge gauche Définit la marge gauche d'un élément. La valeur par défaut est 0. |
61 | marge droite Définit la marge droite d'un élément. La valeur par défaut est 0. |
62 | margin-top Définit la marge supérieure d'un élément. La valeur par défaut est 0. |
63 | décalage du marqueur La propriété marker-offset peut être utilisée dans les listes à puces pour spécifier la distance entre les bords de bordure les plus proches d'une zone de marqueur (ou puce) et sa zone principale associée. |
64 | Des marques La propriété marks est utilisée pour définir des repères de coupe et des repères de croix sur les supports paginés. Ceci est utilisé avec la règle @page. |
65 | hauteur maximum La propriété max-height est utilisée pour contraindre la hauteur d'un élément. |
66 | largeur maximale La propriété max-width est utilisée pour définir la largeur maximale d'un élément. |
67 | hauteur min La propriété min-height est utilisée pour contraindre la hauteur d'un élément. |
68 | largeur min La propriété min-width est utilisée pour contraindre la largeur d'un élément. |
69 | orphelins Définit le nombre minimum de lignes autorisé dans un fragment de paragraphe orphelin. |
70 | contour La propriété de contour est une propriété abrégée permettant de spécifier toutes les propriétés de contour. |
71 | couleur du contour La propriété contour-color est utilisée pour spécifier la couleur du contour. Notez que, contrairement à la propriété border, le contour ne prend pas d'espace supplémentaire et peut être non rectangulaire. |
72 | contour-couleur-style La propriété de style de contour est utilisée pour spécifier le style du contour. Notez que, contrairement à la propriété border, le contour ne prend pas d'espace supplémentaire et peut être non rectangulaire. |
73 | contour-largeur La propriété contour-color est utilisée pour spécifier la couleur du contour. Notez que, contrairement à la propriété border, le contour ne prend pas d'espace supplémentaire et peut être non rectangulaire. |
74 | débordement Détermine le rendu du contenu de débordement. |
75 | rembourrage Définit les quatre montants de remplissage autour d'un élément. |
76 | rembourrage en bas Définit le remplissage inférieur d'un élément. La valeur par défaut est 0. |
77 | padding-left Définit le remplissage gauche d'un élément. La valeur par défaut est 0. |
78 | padding-right Définit le remplissage droit d'un élément. La valeur par défaut est 0. |
79 | rembourrage Définit le remplissage supérieur d'un élément. La valeur par défaut est 0. |
80 | page Associe une mise en page nommée à un élément. |
81 | saut de page après Force ou supprime les sauts de page après un élément. |
82 | saut de page avant Force ou supprime les sauts de page avant un élément. |
83 | saut de page à l'intérieur Supprime les sauts de page dans un élément. |
84 | pause La propriété pause est un raccourci CSS pour spécifier la propriété abrégée pour spécifier des pauses dans un média auditif. |
85 | pause après Met un média en pause après avoir prononcé un élément. |
86 | pause-avant Met en pause un média avant de prononcer un élément. |
87 | pas Définit la hauteur moyenne du contenu parlé d'un élément. |
88 | gamme de pas Définit la plage de hauteur, de 0 (plat) à 100 (large); la valeur par défaut est 50. |
89 | jouer pendant Si une URL est fournie, elle est lue pendant le contenu parlé d'un élément, en spécifiant que la répétition boucle l'audio; mix le fait se mélanger avec, plutôt que de remplacer, un autre son de fond. |
90 | position Définit le modèle de positionnement d'un élément. |
91 | citations Définit les symboles de citation utilisés pour citer le texte. |
92 | richesse Règle la richesse de la voix, de 0 (plat) à 100 (mellifluous); la valeur par défaut est 50. |
93 | droite Utilisé avec la propriété position pour placer le bord droit d'un élément. |
94 | Taille La propriété size est utilisée dans le support paginé pour spécifier la taille de la page. |
95 | parler Détermine la façon dont le contenu d'un élément est prononcé. |
96 | parler-en-tête Détermine si les en-têtes de tableau sont prononcés une fois pour chaque ligne ou colonne ou à chaque fois qu'une cellule est prononcée. |
97 | parler numéral Détermine la façon dont les chiffres sont prononcés. |
98 | parler-ponctuation Détermine si la ponctuation est prononcée ou utilisée pour l'inflexion. |
99 | débit de parole Règle le taux de parole; un nombre définit le taux en mots par minute. |
100 | stress Règle le stress de la voix, de 0 (catatonique) à 100 (hyperactif); la valeur par défaut est 50. |
101 | mise en page de table Détermine l'algorithme de rendu de table. |
102 | texte-align Définit le style d'alignement du texte pour un élément. |
103 | texte-décoration Définit toute décoration pour le texte; les valeurs peuvent être combinées. |
104 | retrait du texte Définit l'indentation de la première ligne de texte dans un élément; la valeur par défaut est 0. |
105 | ombre de texte Crée des ombres portées de texte de différentes couleurs et décalages. |
106 | transformation de texte Transforme le texte de l'élément en conséquence. |
107 | Haut Utilisé avec la propriété position pour placer le bord supérieur d'un élément. |
108 | alignement vertical Définit le positionnement vertical d'un élément. |
109 | visibilité Détermine si un élément est visible dans le document ou le tableau. |
110 | voix-famille Sélectionne une famille de voix nommée pour énoncer le contenu d'un élément. |
111 | le volume Règle le volume du contenu parlé; les valeurs numériques vont de 0 à 100. |
112 | espace blanc Définit comment les espaces dans un élément sont gérés. |
113 | veuves Définit le nombre minimum de lignes autorisé dans un fragment de paragraphe veuf. |
114 | largeur Définit la largeur d'un élément. |
115 | espacement des mots Insère un espace supplémentaire entre les mots. |
116 | index z Définit le calque de rendu de l'élément courant. |
Pseudo-classes et pseudo-éléments
N ° Sr. | Propriété et description |
---|---|
1 | :actif Utilisez cette classe pour ajouter un effet spécial à un élément activé. |
2 | :concentrer Utilisez cette classe pour ajouter un effet spécial à un élément pendant que l'élément a le focus. |
3 | :flotter Utilisez cette classe pour ajouter un effet spécial à un élément lorsque vous passez la souris dessus. |
4 | :lien Utilisez cette classe pour ajouter un effet spécial à un lien non visité. |
5 | :a visité Utilisez cette classe pour ajouter un effet spécial à un lien visité. |
6 | :premier enfant Utilisez cette classe pour ajouter un effet spécial à un élément qui est le premier enfant d'un autre élément. |
sept | : lang Utilisez cette classe pour spécifier une langue à utiliser dans un élément spécifié. |
8 | :première lettre Utilisez cet élément pour ajouter un effet spécial à la première lettre d'un texte. |
9 | :Première ligne Utilisez cet élément pour ajouter un effet spécial à la première ligne d'un texte. |
dix | :avant Utilisez cet élément pour insérer du contenu avant un élément. |
11 | :après Utilisez cet élément pour insérer du contenu après un élément. |