Méthode utilisée pour créer cette liste de référence des propriétés CSS
Définition des niveaux de stabilité et de support des propriétés CSS
L’évolution du CSS se fait aujourd’hui par modules. Chaque module aborde une partie du CSS (module lié à la couleur, module lié à la police, module lié au texte, aux sélecteurs, aux bordures et au fond, etc.). Cela divise la spécification en morceaux et permet une amélioration plus rapide des différentes fonctionnalités du CSS.
Le W3C, groupe qui gère l’évolution du CSS, définit trois niveaux de stabilité qui correspondent à autant de phases que chaque module doit valider avant que le W3C indique que les fonctionnalités présentes dans le modules peuvent être utilisées par tous.
Lorsqu’un module atteint le dernier niveau de stabilité, les navigateurs doivent à priori fournir un support complet pour les fonctionnalités qu’il contient. Ces niveaux de stabilité sont les suivants :
- Working Draft (WD – Brouillon de travail) :
Le premier brouillon officiel est désigné comme le «premier brouillon public» (First Public Working Draft ou FPWD). La publication de FPWD au sein du CSSWG indique que le CSSWG a accepté de travailler sur le module tel qu’il a été proposé.Une fois que tous les problèmes connus ont été résolus, un dernier appel à commentaires est fait pour signaler tout problème en suspens. Si le Directeur accepte le module à l’issue de cette phase, on peut passer à la phase suivante qui est une phase de test en conditions réelles.
- Candidate Recommendation (CR – Candidat à la recommandation) :
Cette phase consiste notamment à utiliser des tests et des implémentations pour tester la spécification. Ce processus révèle souvent de nouveaux problèmes qui vont devoir être fixés progressivement.La démonstration de deux implémentations correctes et indépendantes de chaque fonctionnalité est nécessaire pour quitter la phase de Candidat à la Recommandation. Dès que cette condition est remplie, le module passe du statut Candidat à la Recommandation au statut Recommandation Proposée. Le Comité consultatif du W3C doit approuver la transition vers le statut Recommandation.
- Recommendation (REC – Recommandation) :
Il s’agit de l’état terminé d’une spécification W3C et représente une phase de maintenance. À ce stade, le groupe de travail ne gère qu’un document d’errata et publie occasionnellement une édition mise à jour qui intègre les errata dans la spécification.
Ce processus est un modèle théorique. En pratique, certaines fonctionnalités du CSS sont tellement attendues ou apparaissent comme tellement utiles que bien souvent la plupart des navigateurs proposent un support de ces fonctionnalités avant même que le W3C -qui est un groupe réputé pour être très long à décider des choses- ne les valide.
D’un autre côté, certaines fonctionnalités approuvées par le W3C mais finalement très peu utiles aux utilisateurs ou considérées comme mauvaises par les navigateurs peuvent ne pas être implémentées par ces derniers même si c’est rare (cas du module “Speech” par exemple).
Les différents statuts (FPWD, WDS, CR, PR et REC) ne sont donc pas un gage absolu de support ou de non support. Ils sont mentionnés ci-dessous à titre indicatif. Vous pouvez cependant considérer qu’on peut utiliser la plupart des propriétés taguées REC, PR et CR tandis que la plupart des propriétés taguées FPWD et WD ne sont pas implémentables en l’état.
J’ai essayé dans ce document d’indiquer le plus possible les décalages, lorsqu’ils existent, entre le niveau de stabilité du W3C et le support des navigateurs. En cas de doute sur une propriété, je vous invite à toujours consulter le site caniuse.com qui indique le niveau de support de chaque propriété pour les dernières versions des navigateurs couramment utilisés.
Critères d’organisation de cette liste de propriétés CSS
Le W3C dispose aujourd’hui de plus de 60 modules différents relatifs au CSS. Certains s’entrecoupent et le statut “réel” d’autres n’est pas celui mentionné. Cela rend la tâche de créer une liste complète des propriétés CSS très complexe.
J’ai essayé de fournir le meilleur travail de classement et de tri mais ne peut pas promettre que cette liste est 100% exhaustive ni que le support de certaines rares propriétés CSS n’ait pas été abandonné à l’heure où certains liront ce document. Elle devrait cependant être fidèle aux spécifications à 99%.
Concernant l’organisation des propriétés CSS, j’ai dans l’ensemble repris les modules officiels mais en ai fusionné quelques uns notamment lorsque deux niveaux de spécification d’un même module coexistent.
Support : liste intégrale des propriétés CSS à télécharger au format PDF
Vous pouvez télécharger gratuitement le support PDF de la liste des propriétés CSS en cliquant sur le lien suivant : Liste des propriétés CSS à télécharger.
Merci de faire un lien vers cet article si vous utilisez le contenu de celui-ci 🙂
Les propriétés CSS relatives à la taille des boites
Ces propriétés permettent de spécifier des dimensions (largeur et hauteur) pour les boites des éléments.
width
REC- La propriété
width
permet de spécifier explicitement la largeur préférée de la boîte d’un élément. min-width
REC- La propriété
min-width
permet de spécifier la largeur minimale de la boîte d’un élément. max-width
REC- La propriété
max-width
permet de spécifier la largeur maximale de la boîte d’un élément. height
REC- La propriété
height
permet de spécifier explicitement la hauteur préférée de la boîte d’un élément. min-height
REC- La propriété
min-height
permet de spécifier la hauteur minimale de la boîte d’un élément. max-height
REC- La propriété
max-height
permet de spécifier la hauteur maximale de la boîte d’un élément. box-sizing
REC- La propriété
box-sizing
définit la boite de référence utilisée pour calculer la hauteur et la largeur totale d’un élément. min-block-size
WD- La propriété
min-block-size
définit la taille minimale horizontale ou verticale (en fonction de la valeur dewriting-mode
) d’un élément de niveau bloc. max-block-size
WD- La propriété
max-block-size
définit la taille maximale horizontale ou verticale (en fonction de la valeur dewriting-mode
) d’un élément de niveau bloc. block-size
WD- La propriété
block-size
est une propriété raccourcie qui permet de définir les valeurs demin-block-size
et demax-block-size
. min-inline-inline
WD- La propriété
min-inline-size
définit la taille minimale horizontale ou verticale (en fonction de la valeur dewriting-mode
) d’un élément de niveau inline. max-inline-size
WD- La propriété
max-inline-size
définit la taille maximale horizontale ou verticale (en fonction de la valeur dewriting-mode
) d’un élément de niveau inline. inline-size
WD- La propriété
inline-size
est une propriété raccourcie qui permet de définir les valeurs demin-inline-size
et demax-inline-size
.
Les propriétés CSS relatives aux marges
Ces propriétés permettent de définir des marges intérieures et extérieures.
padding-top
REC- La propriété
padding-top
permet de régler la taille de la marge intérieure haute d’un élément. padding-right
REC- La propriété
padding-right
permet de régler la taille de la marge intérieure droite d’un élément. padding-bottom
REC- La propriété
padding-bottom
permet de régler la taille de la marge intérieure basse d’un élément. padding-left
REC- La propriété
padding-left
permet de régler la taille de la marge intérieure gauche d’un élément. padding
REC- La propriété
padding
est une propriété raccourcie qui permet de définir les marges intérieures haute, droite, basse et gauche d’un élément. padding-block-start
WD- La propriété
padding-block-start
permet de régler la taille de la marge intérieure au début d’un axe de bloc; le « début de l’axe de bloc » étant déterminé par les propriétéswriting-mode
,direction
ettext-orientation
. padding-block-end
WD- La propriété
padding-block-end
permet de régler la taille de la marge intérieure à la fin d’un axe de bloc; la « fin de l’axe de bloc » étant déterminée par les propriétéswriting-mode
,direction
ettext-orientation
. padding-block
WD- La propriété
padding-block
est une propriété raccourcie qui permet de définir les valeurs depadding-block-start
etpadding-block-end
. padding-inline-start
WD- La propriété
padding-inline-start
permet de régler la taille de la marge intérieure au début d’un axe en ligne; le « début de l’axe en ligne » étant déterminé par les propriétéswriting-mode
,direction
ettext-orientation
. padding-inline-end
WD- La propriété
padding-inline-end
permet de régler la taille de la marge intérieure à la fin d’un axe en ligne; la « fin de l’axe en ligne » étant déterminée par les propriétéswriting-mode
,direction
ettext-orientation
. padding-inline
WD- La propriété
padding-inline
est une propriété raccourcie qui permet de définir les valeurs depadding-inline-start
etpadding-inline-end
. margin-top
REC- La propriété
margin-top
permet de régler la taille de la marge extérieure haute d’un élément. margin-right
REC- La propriété
margin-right
permet de régler la taille de la marge extérieure droite d’un élément. margin-bottom
REC- La propriété
margin-bottom
permet de régler la taille de la marge extérieure basse d’un élément. margin-left
REC- La propriété
margin-left
permet de régler la taille de la marge extérieure gauche d’un élément. margin
REC- La propriété
margin
est une propriété raccourcie qui permet de définir les marges extérieure haute, droite, basse et gauche d’un élément. margin-block-start
WD- La propriété
margin-block-start
permet de régler la taille de la marge extérieure au début d’un axe de bloc; le « début de l’axe de bloc » étant déterminé par les propriétéswriting-mode
,direction
ettext-orientation
. margin-block-end
WD- La propriété
margin-block-end
permet de régler la taille de la marge extérieure à la fin d’un axe de bloc; la « fin de l’axe de bloc » étant déterminée par les propriétéswriting-mode
,direction
ettext-orientation
. margin-block
WD- La propriété
margin-block
est une propriété raccourcie qui permet de définir les valeurs demargin-block-start
etmargin-block-end
. margin-inline-start
WD- La propriété
margin-inline-start
permet de régler la taille de la marge extérieure au début d’un axe en ligne; le « début de l’axe en ligne » étant déterminé par les propriétéswriting-mode
,direction
ettext-orientation
. margin-inline-end
WD- La propriété
margin-inline-end
permet de régler la taille de la marge extérieure à la fin d’un axe en ligne; la « fin de l’axe en ligne » étant déterminée par les propriétéswriting-mode
,direction
ettext-orientation
. margin-inline
WD- La propriété
margin-inline
est une propriété raccourcie qui permet de définir les valeurs demargin-inline-start
etmargin-inline-end
.
Les propriétés CSS relatives aux bordures
Ces propriétés permettent de définir des bordures droites ou arrondies de différents styles et textures.
border
REC- La propriété
border
est une propriété raccourcie qui permet de définir les propriétés des bordures pour un élément. border-width
REC- La propriété
border-width
permet de définir la largeur des bordures d’un élément. border-style
REC- La propriété
border-style
permet de définir le style des bordures d’un élément (bordure solide, en pointillés, avec effet 3D, etc.). border-color
REC- La propriété
border-color
permet de définir la couleur des bordures d’un élément. border-bottom
REC- La propriété
border-bottom
permet de définir les propriétés de la bordure basse d’un élément. border-left
REC- La propriété
border-left
permet de définir les propriétés de la bordure gauche d’un élément. border-top
REC- La propriété
border-top
permet de définir les propriétés de la bordure haute d’un élément. border-right
REC- La propriété
border-right
permet de définir les propriétés de la bordure droite d’un élément. border-{top|right|bottom|left}-width
REC- Les propriétés
border-{top|right|bottom|left}-width
permettent de définir la largeur de la bordure {haute|droite|basse|gauche} d’un élément. border-{top|right|bottom|left}-style
REC- Les propriétés
border-{top|right|bottom|left}-width
permettent de définir le style de la bordure {haute|droite|basse|gauche} d’un élément. border-{top|right|bottom|left}-color
REC- Les propriétés
border-{top|right|bottom|left}-width
permettent de définir la couleur de la bordure {haute|droite|basse|gauche} d’un élément. border-block
WD- La propriété
border-block
permet de définir les propriétés des bordures de l’axe de bloc qui est l’axe vertical par défaut (qui correspond donc aux bordures gauche et droite). L’effet de cette propriété dépend des valeurs dewriting-mode
,direction
et detext-orientation
appliquées à l’élément. border-inline
WD- La propriété
border-inline
permet de définir les propriétés des bordures de l’axe en ligne qui est l’axe horizontal par défaut (qui correspond donc aux bordures haute et basse). L’effet de cette propriété dépend des valeurs dewriting-mode
,direction
et detext-orientation
appliquées à l’élément. border-{block|inline}-width
WD- Les propriétés
border-{block|inline}-width
permettent de définir la largeur des bordures pour {l’axe de bloc|l’axe en ligne} de l’élément. border-{block|inline}-style
WD- Les propriétés
border-{block|inline}-style
permettent de définir le style des bordures pour {l’axe de bloc|l’axe en ligne} de l’élément. border-{block|inline}-color
WD- Les propriétés
border-{block|inline}-color
permettent de définir la couleur des bordures pour {l’axe de bloc|l’axe en ligne} de l’élément. border-block-start
WD- La propriété
border-block-start
permet de définir les propriétés de la bordure relative au début de l’axe de bloc de l’élément (bordure haute par défaut). border-block-end
WD- La propriété
border-block-end
permet de définir les propriétés de la bordure relative à la fin de l’axe de bloc de l’élément (bordure basse par défaut). border-inline-start
WD- La propriété
border-inline-start
permet de définir les propriétés de la bordure relative au début de l’axe en ligne de l’élément (bordure gauche par défaut). border-inline-end
WD- La propriété
border-inline-end
permet de définir les propriétés de la bordure relative à la fin de l’axe en ligne de l’élément (bordure droite par défaut). border-{block-start|block-end|inline-start|inline-end}-width
WD- Les propriétés
border-{block-start|block-end|inline-start|inline-end-width
permettent de définir la largeur des bordures relatives au {début de l’axe de bloc|fin de l’axe de bloc|début de l’axe en ligne|fin de l’axe en ligne} de l’élément. border-{block-start|block-end|inline-start|inline-end}-style
WD- Les propriétés
border-{block-start|block-end|inline-start|inline-end-style
permettent de définir le style des bordures relatives au {début de l’axe de bloc|fin de l’axe de bloc|début de l’axe en ligne|fin de l’axe en ligne} de l’élément. border-{block-start|block-end|inline-start|inline-end}-color
WD- Les propriétés
border-{block-start|block-end|inline-start|inline-end}-color
permettent de définir la couleur des bordures relatives au {début de l’axe de bloc|fin de l’axe de bloc|début de l’axe en ligne|fin de l’axe en ligne} de l’élément. border-radius
CR- La propriété
border-radius
permet de définir le niveau de l’arrondi (rayon de courbure) des bordures d’un élément. border-top-left-radius
CR- La propriété
border-top-left-radius
permet de définir le niveau d’arrondi du coin formé par les bordures gauche et haute d’un élément. border-top-right-radius
CR- La propriété
border-top-right-radius
permet de définir le niveau d’arrondi des bordures du coin supérieur droit d’un élément. border-bottom-right-radius
CR- La propriété
border-bottom-right-radius
permet de définir le niveau d’arrondi des bordures du coin inférieur droit d’un élément. border-bottom-left-radius
CR- La propriété
border-bottom-left-radius
permet de définir le niveau d’arrondi des bordures du coin inférieur gauche d’un élément. border-start-start-radius
WD- La propriété
border-start-start-radius
permet de définir l’arrondi des bordures relatives au coin représentant le début des axes en ligne et de bloc (border-top-left-radius
par défaut) border-start-end-radius
WD- La propriété
border-start-end-radius
permet de définir l’arrondi des bordures relatives au coin représentant le début de l’axe en ligne et la fin de l’axe de bloc (border-bottom-left-radius
par défaut) border-end-start-radius
WD- La propriété
border-end-start-radius
permet de définir l’arrondi des bordures relatives au coin représentant la fin de l’axe en ligne et le début de l’axe de bloc (border-top-right-radius
par défaut) border-end-end-radius
WD- La propriété
border-end-end-radius
permet de définir l’arrondi des bordures relatives au coin représentant la fin des axes en ligne et de bloc (border-bottom-right-radius
par défaut) border-image
CR- La propriété
border-image
propriété raccourcie qui permet de définir une ou plusieurs images comme style de bordures (hors coin) et d’en déterminer les propriétés. border{bottom|left|top|right}-image
WD- Les propriétés
border{bottom|left|top|right}-image
sont identiques àborder-image
mais sont utilisées pour définir une ou plusieurs images pour chaque bordure de l’élément (hors coins). border-image-source
CR- La propriété
border-image-source
permet de spécifier une image à utiliser à la place du rendu spécifié par la propriétéborder-style
. border-image-slice
CR- La propriété
border-image-slice
permet de spécifier les décalages vers l’intérieur à partir des bords supérieur, droit, inférieur et gauche de l’image, en la divisant en neuf régions: quatre coins, quatre bords et un milieu. La partie centrale de l’image est enlevée. border-image-width
CR- La propriété
border-image-width
permet de définir les décalages utilisés pour diviser la zone d’image de la bordure en neuf parties. border-image-outset
CR- La propriété
border-image-outset
permet d’indiquer dans quelle ampleur la zone d’image de bordure doit s’étendre au delà de la boite de bordure. border-image-repeat
CR- La propriété
border-image-repeat
permet de définir le comportement de répétition d’une image de bordure. border-corner-image
WD- La propriété
border-corner-image
est une propriété raccourcie permettant d’utiliser une ou plusieurs images comme style pour les coins de bordures. border-{top-left|top-right|bottom-right|bottom-left}-image
WD- Les propriétés
border-{top-left|top-right|bottom-right|bottom-left}-image
sont identiques àborder-corner-image
mais pour chaque coin de bordure. border-fit
WD- La propriété
border-fit
permet de déterminer si et comment les images de bordure seront insérées. border-fit-length
WD- La propriété
border-fit-length
détermine le traitement de l’image dans la dimension de la longueur de la bordure, c’est-à-dire horizontalement pour les bordures supérieure et inférieure et verticalement pour les bordures gauche et droite. border-fit-width
WD- La propriété
border-fit-width
détermine le traitement de l’image dans la dimension de la largeur de la bordure, c’est-à-dire verticalement pour les bordures supérieure et inférieure et horizontalement pour les bordures gauche et droite. border-{bottom|left|top|right}-fit-length
WD- Les propriétés
border-{bottom|left|top|right}-fit-length
sont identiques àborder-fit-length
mais pour chaque bordure. border-{bottom|left|top|right}-fit-width
WD- Les propriétés
border-{bottom|left|top|right}-fit-width
sont identiques àborder-fit-width
mais pour chaque bordure. border-corner-fit
WD- La propriété
border-corner-fit
est une propriété raccourcie permettant permet de définir la façon dont doit être gérée une image de bordure au niveau des coins de celle-ci. border-{top-left|top-right|bottom-right|bottom-left}-fit-length
WD- La propriété
-{top-left|top-right|bottom-right|bottom-left}-fit-length
permet de définir la façon dont doit être gérée une image de bordure au niveau des coins de celle-ci dans la dimension de la longueur. border-{top-left|top-right|bottom-right|bottom-left}-fit-width
WD- La propriété
-{top-left|top-right|bottom-right|bottom-left}-fit-width
permet de définir la façon dont doit être gérée une image de bordure au niveau des coins de celle-ci dans la dimension de la largeur. border-image-transform
WD- La propriété
border-image-transform
permet d’indiquer que les images sur les bords doivent être des transformations de l’image définie enborder-top-image
. border-corner-image-transform
WD- La propriété
border-corner-image-transform
permet d’indiquer que l’image située sur les coins de la bordure doit être une transformation de l’image définie enborder-top-left-image
. border-boundary
WD- La propriété
border-boundary
permet de définir une contrainte de limite qui affecte les bordures d’un élément. border-break
WD- La propriété
border-break
permet de gérer le style de la bordure d’un élément qui serait coupé par un page break ou un colonne break ou un line break pour les éléments inline.
Les propriétés CSS liées au positionnement
Ces propriétés permettent de gérer le positionnement et la façon dont s’empilent les éléments.
position
REC- La propriété
position
permet d’indiquer quel algorithme de positionnement doit être utilisé pour calculer la position d’une boîte. top
REC- La propriété
top
permet d’indiquer dans quelle mesure le bord de la marge supérieure d’une boîte positionnée doit être décalé par rapport au bord supérieur du bloc qui la contient. Le décalage est calculé différement en fonction du type de positionnement. right
REC- La propriété
right
permet d’indiquer dans quelle mesure le bord de la marge droite d’une boîte positionnée doit être décalé par rapport au bord droit du bloc qui la contient. Le décalage est calculé différement en fonction du type de positionnement. bottom
REC- La propriété
bottom
permet d’indiquer dans quelle mesure le bord de la marge inférieure d’une boîte positionnée doit être décalé par rapport au bord inférieur du bloc qui la contient. Le décalage est calculé différement en fonction du type de positionnement. left
REC- La propriété
left
permet d’indiquer dans quelle mesure le bord de la marge gauche d’une boîte positionnée doit être décalé par rapport au bord gauche du bloc qui la contient. Le décalage est calculé différement en fonction du type de positionnement. z-index
REC- La propriété
z-index
permet d’indiquer le niveau d’empilement d’un élément positionné dans le contexte d’empilement courant et de déterminer si l’élément doit établir un contexte d’empilement. offset-end
WD- La propriété
offset-end
indique dans quelle mesure le bord d’une marge de l’élément est décalé par rapport au bord de référence physique correspondant du bloc conteneur de la boîte. Le bord de référence physique particulier utilisé lors du décalage est basé sur les propriétéswriting-mode
etdirection
. Pourwriting-mode : horizontal-tb
etdirection: ltr
, cela correspond au bord droit. offset-before
WD- La propriété
offset-before
indique dans quelle mesure le bord d’une marge de l’élément est décalé par rapport au bord de référence physique correspondant du bloc conteneur de la boîte. Le bord de référence physique particulier utilisé lors du décalage est basé sur les propriétéswriting-mode
etdirection
. Pourwriting-mode : horizontal-tb
etdirection: ltr
, cela correspond au bord supérieur. offset-after
WD- La propriété
offset-after
indique dans quelle mesure le bord d’une marge de l’élément est décalé par rapport au bord de référence physique correspondant du bloc conteneur de la boîte. Le bord de référence physique particulier utilisé lors du décalage est basé sur les propriétéswriting-mode
etdirection
. Pourwriting-mode : horizontal-tb
etdirection: ltr
, cela correspond au bord inférieur. offset-start
WD- La propriété
offset-start
indique dans quelle mesure le bord d’une marge de l’élément est décalé par rapport au bord de référence physique correspondant du bloc conteneur de la boîte. Le bord de référence physique particulier utilisé lors du décalage est basé sur les propriétéswriting-mode
etdirection
. Pourwriting-mode : horizontal-tb
etdirection: ltr
, cela correspond au bord gauche. inset-block-start
WD- La propriété
inset-block-start
permet de définir un décalage au niveau du début d’un axe de bloc, le « début de l’axe de bloc » étant défini par les valeurs des propriétéswriting-mode
,direction
ettext-orientation
. inset-block-end
WD- La propriété
inset-block-end
permet de définir un décalage au niveau de la fin d’un axe de bloc, la « fin de l’axe de bloc » étant définie par les valeurs des propriétéswriting-mode
,direction
ettext-orientation
. inset-block
WD- La propriété
inst-block
permet de définir les valeurs des propriétésinset-block-start
etinset-block-end
. inset-inline-start
WD- La propriété
inset-inline-start
permet de définir un décalage au niveau du début d’un axe en ligne, le « début de l’axe en ligne » étant défini par les valeurs des propriétéswriting-mode
,direction
ettext-orientation
. inset-inline-end
WD- La propriété
inset-inline-end
permet de définir un décalage au niveau de la fin d’un axe en ligne, la « fin de l’axe en ligne » étant définie par les valeurs des propriétéswriting-mode
,direction
ettext-orientation
. inset-inline
WD- La propriété
inst-inline
permet de définir les valeurs des propriétésinset-inline-start
etinset-inline-end
.
Les propriétés CSS liées aux flottants
Ces propriétés permettent d’indiquer si un élément doit flotter pour s’aligner sur une boîte en ligne, une colonne, une région ou une page.
float
REC- La propriété
float
permet de retirer un élément du flux normal du document pour le faire flotter à côté de con conteneur. Le texte et les autres éléments en ligne vont venir entourer l’élément flottant. clear
REC- La propriété
clear
permet d’indiquer si un élément peut être situé à côté d’éléments flottants qui le précèdent ou si il doit se placer à la ligne. float-defer
FPWD- La définition de la propriété
float-defer
n’est pas définitive pour le moment (la propriété vient tout juste d’être proposée). float-offset
FPWD- La définition de la propriété
float-offset
n’est pas définitive pour le moment (la propriété vient tout juste d’être proposée). float-reference
FPWD- La définition de la propriété
float-reference
n’est pas définitive pour le moment (la propriété vient tout juste d’être proposée).
La visibilité en CSS
Cette propriété permet de modifier l’état de visiiblité d’un élément.
visibility
REC- La propriété
visibility
peut être utilisée afin de cacher un élément tout en conservant occupé l’espace dans lequel il aurait été visible.
L’affichage en CSS
Cette propriété permet de définir le type d’affichage des éléments.
display
REC- La propriété
display
permet de définir le type d’affichage utilisé pour le rendu d’un élément. Le display d’un élément se compose d’un outer display et d’un inner display. L’outer display (affichage extérieur) définit comment la boîte participe au flux tandis que l’inner display (affichage intérieur) définit l’organisation des éléments enfants.
Les propriétés liées à l’alignement des boîtes
Ces propriétés CSS permettent de définir l’alignement des blocs dans leurs conteneurs selon les différents modèles de disposition de blocs CSS : disposition en blocs, disposition tableau, disposition flex et disposition grille. Les propriétés de ce module sont bien supportées et stables même si certaines sont toujours en « Working Draft » sur la spécification officielle.
align-content
CR- La propriété
align-content
permet d’aligner le contenu d’une boite élément par rapport à la boite le long de l’axe secondaire / l’axe en colonne (axe de bloc). justify-content
CR- La propriété
justify-content
permet d’aligner le contenu d’une boite élément par rapport à la boite le long de l’axe principal / l’axe en ligne. place-content
WD- La propriété
place-content
est une propriété raccourcie qui permet de définir les valeurs pouralign-content
etjustify-content
. align-self
CR- La propriété
align-self
permet d’aligner une boite au sein de son conteneur sur l’axe secondaire ou axe en colonne. justify-self
WD- La propriété
justify-self
permet de définir comment une boite élément sera alignée au sein de son conteneur sur l’axe principal ou axe en ligne. place-self
WD- La propriété
place-self
est une propriété raccourcie qui permet de définir les valeurs pouralign-self
etjustify-self
. align-items
CR- La propriété
align-items
permet de définir la valeur dealign-self
pour l’ensemble des éléments descendants directs. justify-items
WD- La propriété
justify-items
permet de définir la valeur dejustify-self
pour l’ensemble des éléments descendants directs. place-items
WD- La propriété
place-items
est une propriété raccourcie qui permet de définir les valeurs pouralign-items
etjustify-items
. row-gap
WD- La propriété
row-gap
permet de définir la taille des gouttières (l’espacement) entre les rangées en séparant les boites dans l’axe de bloc du conteneur. column-gap
WD- La propriété
column-gap
permet de définir la taille des gouttières (l’espacement) entre les colonnes en séparant les boites dans l’axe en ligne du conteneur. gap
WD- La propriété
gap
est une propriété raccourcie qui permet de définir les valeurs derow-gap
et decolumn-gap
. order
CR- La propriété
order
contrôle l’ordre dans lequel les éléments flexibles apparaissent dans le conteneur flex.
Les propriétés CSS liées au modèle des boites flexibles ou flexbox
Ces propriétés définissent un modèle de boîte CSS optimisé pour la conception d’interface utilisateur. Dans le modèle de disposition flex, les enfants d’un conteneur flex peuvent être disposés dans n’importe quelle direction et possèdent une taille flexible : ils peuvent grandir pour remplir l’espace inutilisé ou se rétrécir pour éviter de déborder de leur parent.
flex-grow
CR- La propriété
flex-grow
définit la capacité d’une élément flexible à s’étendre pour occuper l’espace disponible. flex-shrink
CR- La propriété
flex-shrink
définit la capacité d’une élément flexible à rétrécir pour ne pas déborder de son conteneur. flex-basis
CR- La propriété
flex-basis
détermine la taille de base d’un élément flexible avant que tout espace soit redistribué. flex
CR- La propriété
flex
est une propriété raccourcie qui permet de définir les valeurs pourflex-grow
,flex-shrink
etflex-basis
. flex-direction
CR- La propriété
flex-direction
permet de définir la direction de l’axe principal du conteneur flex, déterminant ainsi la direction selon laquelle les éléments flexibles sont disposés. flex-wrap
CR- La propriété
flex-wrap
détermine si le conteneur flex est monoligne ou multiligne (i.e si les éléments flexibles peuvent aller à la ligne ou pas), ainsi que la direction de l’axe transversal, qui détermine la direction dans laquelle les nouvelles lignes sont empilées. flex-flow
CR- La propriété
flex-flow
est une propriété raccourcie qui permet de définir les valeurs pourflex-direction
etflex-wrap
.
Les propriétés CSS liées au modèle des grilles
Ces propriétés permettent de définir un système de présentation bidimensionnel basé sur une grille. Dans le modèle de présentation en grille, les enfants d’un conteneur de grille peuvent être positionnés dans des emplacements arbitraires d’une grille de présentation prédéfinie flexible ou de taille fixe.
grid-template-columns
CR- La propriété
grid-template-columns
spécifie la liste des pistes (nom et taille) pour les colonnes de la grille. grid-template-rows
CR- La propriété
grid-template-rows
spécifie la liste des pistes (nom et taille) pour les lignes de la grille. grid-template-areas
CR- La propriété
grid-template-areas
permet de définir des zones de grille nommées. grid-template
CR- La propriété
grid-template
est une propriété raccourcie qui permet de définir les valeurs degrid-template-columns
,grid-template-rows
etgrid-template-areas
. grid-auto-rows
CR- La propriété
grid-auto-rows
permet de définir la taille des pistes créées de façon implicite pour les lignes d’une grille. grid-auto-columns
CR- La propriété
grid-auto-columns
permet de définir la taille des pistes créées de façon implicite pour les colonnes d’une grille. grid-auto-flow
CR- La propriété
grid-auto-flow
contrôle le fonctionnement de l’algorithme de placement automatique, en spécifiant exactement comment les éléments placés automatiquement sont transférés dans la grille. grid
CR- La propriété
grid
est une propriété raccourcie qui permet de définir toutes les valeurs relatives aux propriétés des grilles CSS explicites (grid-template-rows
,grid-template-columns
etgrid-template-areas
) et implicites (grid-auto-rows
,grid-auto-columns
etgrid-auto-flow
). grid-row-start
CR- La propriété
grid-row-start
permet de définir la ligne de départ d’un élément de grille. grid-row-end
CR- La propriété
grid-row-end
permet de définir la ligne de fin d’un élément de grille. grid-row
CR- La propriété
grid-row
est une propriété raccourcie qui permet de définir les valeurs pourgrid-row-start
etgrid-row-end
. grid-column-start
CR- La propriété
grid-column-start
permet de définir la colonne de départ d’un élément de grille. grid-column-end
CR- La propriété
grid-column-end
permet de définir la colonne de fin d’un élément de grille. grid-column
CR- La propriété
grid-column
est une propriété raccourcie qui permet de définir les valeurs pourgrid-column-start
etgrid-column-end
. grid-area
CR- La propriété
grid-area
est une propriété raccourcie qui permet de définir les valeurs pourgrid-row-start
,grid-column-start
,grid-row-end
etgrid-column-end
.
Les propriétés CSS liées à la fragmentation du contenu
Ces propriétés définissent un modèle de fragmentation qui partitionne le flux de contenu en différentes pages, colonnes ou régions.
break-before
CR- La propriété
break-before
permet de spécifier un comportement de rupture de page / colonne / région précédant la boite élément. break-after
CR- La propriété
break-after
permet de spécifier un comportement de rupture de page / colonne / région suivant la boite élément. break-inside
CR- La propriété
break-inside
permet de spécifier un comportement de rupture de page / colonne / région au sein de la boite élément. orphans
CR- La propriété
orphans
spécifie le nombre minimum de lignes dans un conteneur bloc qui doit être laissé dans un fragment avant fragmentation (cassure). widows
CR- La propriété
widows
spécifie le nombre maximum de lignes dans un conteneur bloc qui doit être laissé dans un fragment avant fragmentation. page-break-before
REC- La propriété
page-break-before
est une propriété héritée du CSS 2.1. On lui préfère la propriétébreak-before
aujourd’hui. page-break-after
REC- La propriété
page-break-after
est une propriété héritée du CSS 2.1. On lui préfère la propriétébreak-after
aujourd’hui. page-break-inside
REC- La propriété
page-break-inside
est une propriété héritée du CSS 2.1. On lui préfère la propriétébreak-inside
aujourd’hui. margin-break
FPWD- La propriété
margin-break
détermine si les marges de l’axe de bloc de la boîte sont supprimées ou conservées à une rupture de fragmentation. box-decoration-break
CR- La propriété
box-decoration-break
détermine si les marges, les bordures et les autres décorations de la boîte enveloppent les bords brisés des fragments de la boîte et comment la zone de positionnement d’arrière-plan est dérivée à partir de / dupliquée à travers les fragments de la boîte et comment l’arrière-plan de l’élément est dessiné pour chacun d’eux.
Les propriétés CSS liées à la mise en page en régions
Ces propriétés permettent au contenu d’un ou de plusieurs éléments de circuler dans une ou plusieurs zones fragmentées appelées « régions ».
flow-from
WD- La propriété
flow-from
transforme un conteneur de type bloc en une région et l’associe à un flux nommé. flow-into
WD- La propriété
flow-into
peut placer un élément ou son contenu dans un flux nommé. Le contenu appartenant au même flux est présenté dans la chaîne de régions associée à ce flux. region-fragment
WD- La propriété
region-fragment
contrôle le comportement de la dernière région associée à un flux nommé.
Les propriétés CSS liées à la mise en page multi-colonnes
Ces propriétés permettent de définir des mises en page multi-colonnes.
column-width
WD- La propriété
column-width
permet de définir la largeur des colonnes dans un conteneur multi-colonnes. column-count
WD- La propriété
column-count
permet de définir le nombre de colonnes dans un conteneur multi-colonnes. columns
WD- La propriété
columns
est une propriété raccourcie qui permet de définir les valeurs decolumn-width
etcolumn-count
. column-rule-width
WD- La propriété
column-rule-width
définit une règle de taille pour les colonnes d’un élément. column-rule-style
WD- La propriété
column-rule-style
définit une règle de style pour les colonnes d’un élément. column-rule-color
WD- La propriété
column-rule-color
définit une règle de couleur pour les colonnes d’un élément. column-rule
WD- La propriété
column-rule
est une propriété raccourcie qui permet de définir les valeurs decolumn-rule-width
,column-rule-style
etcolumn-rule-color
. column-span
WD- La propriété
column-span
définit le nombre de colonnes qu’un élément doit occuper. column-fill
WD- La propriété
column-fill
permet d’indiquer si les colonnes doivent être remplies équitablement ou de manière séquentielle.
Les propriétés CSS liées à la police
Ces propriétés permettent de définir des familles de police à utiliser et la façon dont chaque police doit être chargée.
font-family
REC- La propriété
font-family
spécifie une liste hiérarchisée de noms de familles de polices ou de noms de familles génériques. font-weight
REC- La propriété
font-weight
spécifie le poids des glyphes dans la police, leur degré de noirceur ou l’épaisseur du trait. font-stretch
REC- La propriété
font-stretch
sélectionne une forme normale, condensée ou étendue dans une famille de polices. font-style
REC- La propriété
font-style
permet de sélectionner une forme italique ou oblique pour une police. font-size
REC- La propriété
font-size
indique la hauteur souhaitée des glyphes à partir de la police. font-size-adjust
REC- La propriété
font-size-adjust
permet de préserver la lisibilité d’une police de repli en uniformisant la valeur d’aspect des différentes polices. font
REC- La propriété
font
est une propriété raccourcie qui permet de définir les valeurs defont-style
,font-variant
,font-weight
,font-stretch
,font-size
,font-height
etfont-family
. font-synthesis-weight
WD- La propriété
font-synthesis-weight
détermine si les agents utilisateurs sont autorisés à synthétiser des formes de polices grasses lorsqu’une famille de polices n’en a pas. font-synthesis-style
WD- La propriété
font-synthesis-style
détermine si les agents utilisateurs sont autorisés à synthétiser des formes de police obliques lorsqu’une famille de polices n’en a pas. font-synthesis
REC- La propriété
font-synthesis
est une proprété raccourcie qui permet de définir les valeurs pourfont-synthesis-weight
etfont-synthesis-style
. font-synthesis-small-caps
WD- La propriété
font-synthesis-small-caps
détermine si les agents utilisateurs sont autorisés à synthétiser des minusucles pour des polices qui ne possèdent pas de fgrme minuscule. font-kerning
REC- Le crénage (kerning) est l’ajustement contextuel de l’espacement entre les glyphes. La propriété
font-kerning
contrôle le crénage métrique, le crénage qui utilise les données de réglage contenues dans la police. font-variant-ligatures
REC- La propriété
font-variant-ligatures
permet d’harmoniser l’affichage du texte en contrôlant quelles ligatures et formes contextuelles sont utilisées dans les éléments textuels auxquels elle s’applique. font-variant-caps
REC- La propriété
font-variant-caps
permet de contrôler les glyphes utilisés pour représenter les lettres en capitales. font-variant-numeric
REC- La propriété
font-variant-numeric
permet de contrôler la forme des caractères numériques (nombres, fractions, etc.). font-variant-alternates
WD- La propriété
font-variant-alternates
contrôle l’utilisation de glyphes alternatifs. font-variant-east-asian
REC- La propriété
font-variant-east-asian
contrôle l’utilisation des glyphes alternatifs pour les scripts japonais, chinois et d’Asie orientale. font-variant-position
REC- La propriété
font-variant-position
permet d’utiliser des glyphes de plus petite taille positionnés en exposant ou en indice. font-variant
REC- La propriété
font-variant
est une propriété raccourcie qui permet de définir les valeurs defont-variant-ligatures
,font-variant-caps
,font-variant-alternates
,font-variant-numeric
,font-variant-east-asian
etfont-variant-position
. font-feature-settings
REC- La propriété
font-feature-settings
fournit un contrôle de bas niveau sur les fonctionnalités de police OpenType. font-language-override
WD- La propriété
font-language-override
permet de spécifier explicitement le système de langage de la police, en remplaçant le système de langage impliqué par la langue du contenu. font-optical-sizing
WD- La propriété
font-optical-sizing
détermine si les agents utilisateurs sont autorisés à modifier la forme des glyphes en fonction de la taille de la police et de la densité de pixels de l’écran. font-variation-settings
WD- La propriété
font-variation-settings
fournit un contrôle de bas niveau sur les variations de police OpenType ou TrueType. font-palette
WD- La propriété
font-palette
permet de définir la palette de couleur utilisée au sein de certains glyphes. font-variant-emoji
WD- La propriété
font-variant-emoji
permet de choisir si la présentation emoji ou la présentation texte est utilisée pour certains points de code emoji.
Les propriétés CSS liées au texte
Ces propriétés permettent de manipuler le texte, d’indiquer comment il doit être traité et de le décorer.
text-transform
REC- La propriété
text-transform
permet de transformer le texte pour le styliser. word-boundary-detection
WD- La propriété
word-boundary-detection
permet de décider si et comment l’agent d’utilisateur doit analyser le contenu pour déterminer où se trouvent les limites des mots et pour insérer les limites virtuelles des mots en conséquence. word-boundary-expansion
WD- La propriété
word-boundary-expansion
permet de de transformer certains caractères de séparation de mots en d’autres caractères de séparation de mots, afin de s’adapter à des variantes de styles de composition. text-space-collapse
WD- La propriété
text-space-collapse
indique si et comment l’espace blanc à l’intérieur de l’élément est réduit. text-wrap
WD- La propriété
text-wrap
spécifie le mode d’habillage du texte. text-space-trim
WD- La propriété
text-space-trim
permet de spécifier le comportement de rognage au début et à la fin d’une boite. white-space
REC- La propriété
white-space
est une propriété raccourcie qui permet de définir les valeurs detext-space-collapse
,text-wrap
ettext-space-trim
. wrap-before
WD- La propriété
wrap-before
permet de définir un comportement à adopter par rapport aux opportunités de rupture de ligne avant la boite. wrap-after
WD- La propriété
wrap-after
permet de définir un comportement à adopter par rapport aux opportunités de rupture de ligne après la boite. wrap-inside
WD- La propriété
wrap-inside
permet de définir un comportement à adopter par rapport aux opportunités de rupture de ligne à l’intérieur de la boite. tab-size
WD- La propriété
tab-size
détermine la taille de la tabulation utilisée pour le rendu des caractères de tabulation préservés. hyphenate-character
WD- La propriété
hyphenate-character
spécifie la chaîne affichée entre les parties de mots avec un trait d’union. hyphenate-limit-zone
WD- La propriété
hyphenate-limit-zone
spécifie la quantité maximale d’espace non rempli (avant justification) pouvant être laissée dans la zone de ligne avant que la césure ne soit déclenchée pour extraire une partie d’un mot de la ligne suivante dans la ligne actuelle. hyphenate-limit-chars
WD- La propriété
hyphenate-limit-chars
spécifie le nombre minimum de caractères dans un mot composé. Si le mot ne correspond pas au nombre minimum de caractères requis dans le mot / avant le trait d’union / après le trait d’union, il ne doit pas être coupé. hyphenate-limit-lines
WD- La propriété
hyphenate-limit-lines
indique le nombre maximum de lignes successives avec des tirets dans un élément. hyphenate-limit-last
WD- La propriété
hyphenate-limit-last
indique le comportement de césure à la fin des éléments, des colonnes, des pages et des écarts. text-align-all
WD- La propriété
text-align-all
spécifie l’alignement en ligne de toutes les lignes de contenu en ligne, à l’exception des dernières lignes surchargées par une valeur nontext-align-last
qui n’est pasauto
. text-align-last
WD- La propriété
text-align-last
décrit comment la dernière ligne d’un bloc ou une ligne juste avant un saut de ligne forcé est alignée. text-align
REC- La propriété
text-align
est une propriété raccourcie qui permet de définir les valeurs detest-align-all
ettext-align-last
et qui décrit la façon dont le contenu en ligne d’un bloc est aligné le long de l’axe en ligne dans le cas où le contenu de remplit pas totalement la ligne de la boite. text-justify
WD- La propriété
text-justify
sélectionne la méthode de justification utilisée lorsque l’élément possède untext-align: justify
. text-group-align
WD- La propriété
text-group-align
aligne le contenu des boites de lignes en tant que groupe tout en maintenant leur alignement de texte. line-padding
WD- La propriété
line-padding
ajuste l’espacement uniquement au début / à la fin d’une ligne. text-spacing
WD- La propriété
text-spacing
contrôle l’espacement entre les caractères adjacents sur la même ligne. word-break
WD- La propriété
word-break
spécifie où il est «normal» et autorisé de rompre les lignes de texte. line-break
WD- La propriété
line-break
spécifie le degré de rigueur des règles de rupture de ligne appliquées dans un élément. hyphens
WD- La propriété
hyphens
permet de contrôler les possibilités de césure. overflow-wrap
WD- La propriété
overflow-wrap
permet de définir si l’agent utilisateur peut effectuer une césure à des endroits normalement non autorisés dans une ligne pour éviter qu’une chaine ne dépasse de son conteneur. word-wrap
WD- La propriété
word-wrap
est un alias deoverflow-wrap
. word-spacing
REC- La propriété
word-spacing
permet d’ajouter de l’espace supplémentaire entre les mots. letter-spacing
WD- La propriété
letter-spacing
permet d’ajouter de l’espace supplémentaire entre les lettres. text-indent
REC- La propriété
text-indent
spécifie l’indentation appliquée aux lignes du contenu en ligne d’un bloc. hanging-punctuation
WD- La propriété
hanging-punctuation
indique si un signe de ponctuation se situant au début ou à la fin d’une ligne de texte doit rester sur cette ligne, quitte à sortir de la boîte qui représente la ligne. text-decoration-line
CR- La propriété
text-decoration-line
permet de définir les décorations de lignes à ajouter à l’élément. text-decoration-style
CR- La propriété
text-decoration-style
permet de définir le style des lignes dessinées pour décorer le texte text-decoration-color
CR- La propriété
text-decoration-color
permet de définir le couleur des lignes dessinées pour décorer le texte. text-decoration
CR- La propriété
text-decoration
est une propriété raccourcie qui permet de définir les valeurs detext-decoration-line
,text-decoration-style
ettext-decoration-color
. text-decoration-width
FPWD- La propriété
text-decoration-width
définit l’épaisseur du trait des soulignements, des surlignages et des lignes. text-underline-position
CR- La propriété
text-underline-position
définit la position d’un soulignement spécifié sur l’élément. text-emphasis-style
CR- La propriété
text-emphasis-style
définit le type des marques d’emphase utilisée. text-emphasis-color
CR- La propriété
text-emphasis-color
définit la couleur des marques d’emphase utilisée. text-emphasis
CR- La propriété
text-emphasis
est une propriété raccourcie qui permet de définir les valeurs detext-emphasis-style
ettext-emphasis-color
. text-emphasis-position
CR- La propriété
text-emphasis-position
permet de définir l’emplacement des marques d’emphase. text-emphasis-skip
FPWD- La propriété
text-emphasis-skip
permet de définir pour quels caractères les marques d’emphase doivent être dessinées. text-shadow
CR- La propriété
text-shadow
permet d’ajouter des ombres autour des textes. text-underline-offset
FPWD- La propriété
text-underline-offset
définit le décalage des soulignements par rapport à leur position initiale. text-decoration-skip
FPWD- La propriété
text-decoration-skip
spécifie les parties du contenu de l’élément que toute décoration de texte affectant l’élément doit ignorer. text-decoration-skip-ink
FPWD- La propriété
text-decoration-skip-ink
contrôle la manière dont les surlignages et les soulignements sont dessinés lorsqu’ils croisent un glyphe.
Les propriétés CSS relatives au positionnement des lignes
Ces propriétés permettent de gérer le positionnement dans le sens de progression du bloc des éléments et du texte dans les lignes et des lignes elles-mêmes.
line-height
REC- La propriété
line-height
permet de définir permet de définir la hauteur de la boîte d’une ligne. dominant-baseline
WD- La propriété
dominant-baseline
permet de définir la ligne de base dominante, qui est la ligne de base utilisée pour aligner le texte et le contenu de niveau inline d’un élément. baseline-shift
WD- La propriété
baseline-shift
permet de repositionner la ligne de base dominante par rapport à la ligne de base dominante du contenu textuel du parent. alignment-baseline
WD- La propriété
alignment-baseline
permet de définir quel point d’une boite de niveau inline va être aligné sur tel point du parent. vertical-align
WD- La propriété
vertical-align
est une propriété raccourcie qui permet de définir les valeurs debaseline-shift
et dealignment-baseline
. Elle spécifie la façon dont une boite de niveau inline va être aligné dans la ligne. inline-sizing
WD- La propriété
inline-sizing
spécifie comment la hauteur logique de la zone de contenu d’une boîte en ligne est mesurée et comment elle est alignée par rapport à son contenu. initial-letters
WD- La propriété
initial-letters
permet de définir le style des lettrines (lettres initiales) qu’elles soient rabaissées ou surélevées. initial-letters-align
WD- La propriété
initial-letters-align
spécifie les points d’alignement utilisés pour dimensionner et positionner une lettre initiale. initial-letters-wrap
WD- La propriété
initial-letters-wrap
spécifie si les lignes affectées par une lettre initiale sont raccourcies pour s’ajuster à la forme rectangulaire de la boîte de la lettre initiale ou suivre le contour de son contour de glyphe.
Les propriétés CSS relatives au débordement
Ces propriétés permettent de gérer les débordements.
overflow-x
WD- La propriété
overflow-x
permet de définir la façon dont on souhaite gérer les débordements dans la direction horizontale. overflow-y
WD- La propriété
overflow-y
permet de définir la façon dont on souhaite gérer les débordements dans la direction verticale. overflow
REC- La propriété
overflow
est une propriété raccourcie qui permet de définir les valeurs deoverflow-x
etoverflow-y
. overflow-block
WD- La propriété
overflow-block
permet de définir la façon dont on souhaite gérer les débordements dans une direction déterminée par la valeur duwriting-mode
de l’élément. overflow-inline
WD- La propriété
overflow-inline
permet de définir la façon dont on souhaite gérer les débordements dans une direction déterminée par la valeur duwriting-mode
de l’élément. text-overflow
REC- La propriété
text-overflow
spécifie le rendu lorsque le contenu en ligne déborde de son bord de boîte de fin de ligne dans la direction de progression en ligne de son élément conteneur (« le bloc ») dontoverflow
est autre quevisible
. max-lines
WD- La propriété
max-lines
limite le contenu d’un bloc à un nombre maximal de lignes avant d’être coupée. block-overflow
WD- La propriété
block-overflow
permet d’insérer du contenu dans la dernière ligne avant un saut de région (forcé ou non forcé) afin d’indiquer la continuité du contenu tronqué / interrompu. continue
WD- La propriété
continue
permet de de transformer une boîte en conteneur de fragmentation et de spécifier que le contenu après la rupture de fragmentation doit être ignoré. line-clamp
WD- La propriété
line-clamp
est une propriété raccourcie qui permet de définir les valeurs demax-lines
,block-overflow
etcontinue
. scrollbar-gutter
FPWD- La propriété
scrollbar-gutter
permet de gérer la présence de la gouttière de la barre de défilement
Les propriétés CSS relatives aux listes
Ces propriétés permettent de gérer les puces des listes : styles, positionnement et manipulation des valeurs.
list-style-image
REC- La propriété
list-style-image
permet de définir l’image utilisée comme puce devant les éléments de listes. list-style-type
REC- La propriété
list-style-type
permet de définir le type de puce d’un élément de liste (cercle, caractère, etc.) list-style-position
REC- La propriété
list-style-position
permet de définir la position du marqueur (::marker
) de liste par rapport à la boîte principale. list-style
REC- La propriété
list-style
est une propriété raccourcie qui permet de définir le type, l’image et la position de la puce devant un élément de liste. marker-side
WD- La propriété
marker-side
spécifie si le marqueur (::marker
) est positionné en fonction de la directionnalité de l’élément de liste lui-même (c’est-à-dire de son élément d’origine) ou de la directionnalité du conteneur de liste counter-reset
REC- La propriété
counter-reset
instancie les nouveaux compteurs sur un élément et les définit sur les valeurs entières spécifiées. counter-increment
REC- La propriété
counter-increment
permet de manipuler la valeur des compteurs existants ou d’instancier un nouveau compteur si aucun compteur avec le nom spécifié n’existe pour l’élément. counter-set
WD- La propriété
counter-set
permet de manipuler la valeur des compteurs existants ou d’instancier un nouveau compteur si aucun compteur avec le nom spécifié n’existe pour l’élément.
Les propriétés CSS relatives aux tableaux
L’objectif de ces propriétés est de est de définir le comportement attendu des agents utilisateurs prenant en charge les tables HTML et CSS.
table-layout
REC- La propriété
permet de définir l’algorithme utilisé pour disposer les cellules, lignes et colonnes d’un tableau.
border-collapse
REC- La propriété
permet d’indiquer si les bordures des celllules adjacentes d’un tableau doivent être fusionnées ou non.
border-spacing
REC- La propriété
permet de définir la taille de l’espace entre les bordures des celllules adjacentes d’un tableau.
caption-side
REC- La propriété
permet de définir la position de la légende d’un tableau.
empty-cells
REC- La propriété
permet de définir si les bordures et arrière plan des cellules vides d’un tableau doivent être affichés ou non.
Les propriétés CSS relatives aux images et aux autres contenus remplacés
Ces propriétés définissent les fonctionnalités relatives aux images et aux autres éléments remplacés.
object-fit
CR- La propriété
object-fit
spécifie comment le contenu d’un élément remplacé doit être adapté à la boîte établie en fonction de sa hauteur et de sa largeur utilisées. object-position
CR- La propriété
object-position
détermine l’alignement de l’élément remplacé dans sa boîte. image-orientation
CR- La propriété
image-orientation
est dans les dernières spécifications CSS considérée comme dépréciée. image-rendering
CR- La propriété
image-rendering
indique à l’agent utilisateur quels aspects d’une image sont les plus importants à préserver lors de la mise à l’échelle de l’image afin qu’il puisse choisir un algorithme de mise à l’échelle approprié. image-resolution
WD- La propriété
image-resolution
permet de définir une résolution d’image différente de la résolution assumée par défaut par le CSS.
Les propriétés CSS relatives aux transitions
Ces propriétés permettent de créer des transitions c’est-à-dire de modifier progressivement la valeur d’autres propriétés CSS. Les propriétés de ce module sont stables et bien supportées même si elles sont marquées en « Working Draft » dans la spécification officielle.
transition-property
WD- La propriété
transition-property
spécifie le nom de la propriété CSS à laquelle la transition est appliquée. transition-duration
WD- La propriété
transition-duration
définit la durée d’une transition. transition-timing-function
WD- La propriété
transition-timing-function
décrit comment les valeurs intermédiaires utilisées lors d’une transition seront calculées. transition-delay
WD- La propriété
transition-delay
permet de définir un délai avant le démarrage d’une transition. transition
WD- La propriété
transition
est une propriété raccourcie qui permet de définir une transition en précisant le nom, la durée, le timing et le délai de celle-ci.
Les propriétés CSS liées aux animations
Ces propriétés permettent d’animer les valeurs des propriétés CSS au fil du temps en utilisant des keyframes. Les propriétés de ce module sont stables et bien supportées même si elles sont marquées en « Working Draft » dans la spécification officielle.
animation
WD- La propriété
animation
est une propriété raccourcie qui permet de créer des animations. animation-name
WD- La propriété
animation-name
permet de définir un nom pour une animation. animation-duration
WD- La propriété
animation-duration
permet de définir la durée d’une animation. animation-timing-function
WD- La propriété
animation-timing-function
permet de définir la façon dont une animation CSS doit se dérouler au cours de chaque cycle. animation-delay
WD- La propriété
animation-delay
permet de définir un délai avant le début d’une animation. animation-iteration-count
WD- La propriété
animation-iteration-count
permet d’indiquer le nombre de cycles pendant lesquels une animation doit être jouée. animation-direction
WD- La propriété
animation-direction
permet de définir dans quelle direction les cycles d’une animation doivent être joués (début -> fin, fin -> début, alterné…). animation-fill-mode
WD- La propriété
animation-fill-mode
permet d’iniquer si les styles de l’animation doivent être appliqués avant le début et après la fin de celle-ci à l’élément. animation-play-state
WD- La propriété
animation-play-state
permet d’indiquer si une animation est en pause ou est en train d’être jouée.
Les propriétés CSS liées aux transformations
Ces propriétés permettent aux éléments stylisés grâce au CSS d’être transformés dans un espace à deux dimensions.
transform
CR- La propriété
transform
permet de définir une transformation 2D ou 3D à appliquer à un élément via une liste de fonctions de transformation. transform-origin
CR- La propriété
transform-origin
permet d’établir l’origine de la transformation pour un élément. transform-box
CR- La propriété
transform-box
permet de déterminer la boite de référence de l’élément à utiliser pour appliquer une transformation. transform-style
WD- La propriété
transform-style
définit le mode de rendu des éléments imbriqués dans un espace 3D. perspective
WD- La propriété
perspective
applique la même transformation que la fonction de transformation perspective mais elle s’applique uniquement aux enfants positionnés ou transformés de l’élément. perspective-origin
WD- La propriété
perspective-origin
permet de définir le point d’origine pour la propriétéperspective
. backface-visibility
WD- La propriété
backface-visibility
détermine si le « dos » d’un élément transformé est visible ou non par l’utilisateur. Avec une transformation de typer identité, la face avant d’un élément fait face à l’utilisateur.
Les propriétés CSS relatives à l’alignement du contenu selon une grille
Ces propriétés permettent d’aligner des lignes et des blocs sur des grilles invisibles qui servent de ligne de base.
line-grid
WD- La propriété
line-grid
spécifie si une boite doit créer une nouvelle grille qui servira de ligne de base pour ses descendants ou si elle doit utiliser la même que son élément parent. line-snap
WD- La propriété
line-snap
permet d’aligner les lignes des éléments contenus dans l’élément possédant unline-grid
sur la grille servant de ligne de base définie parline-grid
. box-snap
WD- La propriété
box-snap
spécifie comment un bloc est accroché / aligné par rapport à la grille servant de ligne de base.
Les propriétés CSS relatives au fond (background)
Ces propriétés permettent de gérer les propriétés liées au fond des éléments.
background
REC- La propriété
background
est une propriété raccourcie qui permet de définir le fond où arrière plan d’un élément. background-color
REC- La propriété
background-color
permet de définir une couleur de fond pour un élément. background-image
REC- La propriété
background-image
permet de définir une image de fond pour un élément. background-origin
CR- La propriété
background-origin
permet de définir le point d’origine de l’image de fond (qui peut être au niveau de la boite de contenu, de la boite de padding ou de la boite de bordure). background-position
REC- La propriété
background-position
permet de définir la position de l’image par rapport à l’origine définie avecbackground-origin
. background-size
CR- La propriété
background-size
permet de définir la taille des images de fond. background-repeat
REC- La propriété
background-repeat
permet de définir le comportement de répétition d’une image de fond. background-attachment
REC- La propriété
background-attachment
permet de définir si la position de l’image d’arrière-plan doit être fixée dans le viewport ou si elle doit défiler. background-clip
CR- La propriété
background-clip
permet d’indiquer si le fond (image ou couleur) doit être visible derrière les bordures, derrière le padding ou uniquement derrière la boite de contenu. box-shadow
CR- La propriété
box-shadow
permet de définir des ombres derrière (et autour) de la boite d’un élément.
Les propriétés CSS relatives à l’interface utilisateur
Ces propriétés permettent de définir les fonctionnalités et le rendu relatifs à l’interface utilisateur.
outline-width
REC- La propriété
outline-width
permet de définir définir l’épaisseur de la « bordure externe » (outline) d’un élément. La bordure externe, à la différence des bordures classiques, ne va jamais consommer d’espace pour l’élément puisqu’elle va toujours être ajoutée autour de la boite. outline-style
REC- La propriété
outline-style
permet de définir la mise en forme utilisée pour dessiner l’outline d’un élément. outline-color
REC- La propriété
outline-color
permet de définir la couleur utilisée pour dessiner l’outline d’un élément. outline
REC- La propriété
outline
est une propriété raccourcie qui permet de définir les valeurs deoutline-width
,outline-style
etoutline-color
. outline-offset
REC- La propriété
outline-offset
permet de définir l’espace à ajouter entre le bord de la boite de bordure d’un élément et l’outline. resize
REC- La propriété
resize
permet de spécifier si un élément est redimensionnable par l’utilisateur et, le cas, échéant, selon quel(s) axe(s). cursor
REC- La propriété
cursor
permet de définir la forme du curseur qui doit être affichée lorsque le pointeur se situe au dessus d’un élément particulier. caret-color
REC- La propriété
caret-color
permet de définir la couleur du curseur au sein des éléments dans lesquels l’utilisateur peut écrire (éléments de typeinput
principalement). caret-shape
WD- La propriété
caret-shape
permet de définir la forme du curseur au sein des éléments dans lesquels l’utilisateur peut écrire. caret
WD- La propriété
caret
est une propriété raccourcie qui permet de définir les valeurs decaret-color
et decaret-shape
. nav-up
WD- La propriété
nav-up
permet de déterminer l’emplacement du focus (l’élément sur lequel le focus doit être dirigé) lorsque l’utilisateur navigue avec la flèche haut de son clavier. nav-right
WD- La propriété
nav-right
permet de déterminer l’emplacement du focus (l’élément sur lequel le focus doit être dirigé) lorsque l’utilisateur navigue avec la flèche droite de son clavier. nav-down
WD- La propriété
nav-down
permet de déterminer l’emplacement du focus (l’élément sur lequel le focus doit être dirigé) lorsque l’utilisateur navigue avec la flèche bas de son clavier. nav-left
WD- La propriété
nav-left
permet de déterminer l’emplacement du focus (l’élément sur lequel le focus doit être dirigé) lorsque l’utilisateur navigue avec la flèche gauche de son clavier. user-select
WD- La propriété
user-select
permet de contrôler l’opération de sélection.
Les propriétés CSS relatives au masquage
Ces propriétés permettent de définir des techniques le masquage (masking) et le découpage (clipping) pour masquer partiellement ou totalement des parties d’éléments visuels.
clip-path
CR- La propriété
clip-path
spécifie une forme de base ou fait référence à un élément clipPath pour créer un tracé de détourage. Cette propriété remplace l’ancienne propriétéclip
qui est aujourd’hui dépréciée. clip-rule
CR- La propriété
clip-rule
indique l’algorithme à utiliser pour déterminer si un point donné se trouve à l’intérieur d’une forme pour une région de découpage créée avec un élément graphique. mask-image
CR- La propriété
mask-image
définit l’image qui sera utilisée comme masque pour un élément. mask-mode
CR- La propriété
mask-mode
détermine si le masque défini parmask-image
> est considéré comme un masque de luminance ou un masque alpha mask-repeat
CR- La propriété
mask-repeat
définit la façon dont les images de masque sont répétées après que leur taille définitive soit fixée et qu’elles aient été positionnées. mask-position
CR- La propriété
mask-position
indique la position initiale pour chaque image de masque utilisée relativement à l’origine définie avecmask-origin
. mask-clip
CR- La propriété
mask-clip
définit la zone qui est modifiée par un masque. mask-origin
CR- La propriété
mask-origin
permet de définir le point d’origine à partir duquel placer le masque. mask-size
CR- La propriété
mask-size
permet de définir les dimensions des images utilisées comme masques. mask-composite
CR- La propriété
mask-composite
permet d’effectuer une opération de composition entre le masque situé sur la couche de l’élément et le masque présent en dessous. mask
CR- La propriété
mask
est une propriété raccourcie qui permet de définir les valeurs demask-image
,mask-mode
,mask-repeat
,mask-position
,mask-clip
,mask-origin
,mask-size
etmask-composite
. mask-border-source
CR- La propriété
mask-border-source
permet de définir l’image à utiliser pour créer le masque de bordure d’un élément. mask-border-mode
CR- La propriété
mask-border-mode
indique le mode de fusion utilisé pour le masque de bordure. mask-border-slice
CR- La propriété
mask-border-slice
permet de découper l’image source fournie parmask-border-source
en différentes régions. mask-border-width
CR- La propriété
mask-border-width
définit la largeur du masque de bordure d’un élément. mask-border-outset
CR- La propriété
mask-border-outset
indique la distance entre le masque de la bordure et la boîte de la bordure. mask-border-repeat
CR- La propriété
mask-border-repeat
permet de définir la façon dont les régions du bord du masque doivent être ajustées pour correspondre aux dimensions de la bordure de l’élément. mask-border
CR- La propriété
mask-border
est une propriété raccourcie qui permet de définir les valeurs demask-border-source
,mask-border-slice
,mask-border-width
,mask-border-outset
,mask-border-repeat
etmask-border-mode
. mask-type
CR- La propriété
mask-type
permet de définir si un masque sera utilisé comme un masque de luminance ou comme un masque alpha.
Les propriétés CSS relatives aux barres de défilement
Ces propriétés permettent de définir des points d’accroche qui permettent de garantir la position sur laquelle on arrive après avoir fait défiler du contenu et de mettre en forme et modifier le comportement de la ou des barres de défilement.
scroll-snap-type
CR- La propriété
scroll-snap-type
permet de définir si un conteneur avec barre de défilement doit posséder des points d’accroche, l’axe de ces points d’accorche et leur degré d’adhérence. scroll-padding-top
CR- La propriété
scroll-padding-top
permet de définir un décalage sur le bord supérieur par rapport à la zone de défilement ou « scrollport » de l’élément. scroll-padding-right
CR- La propriété
scroll-padding-right
permet de définir un décalage sur le côté droit par rapport à la zone de défilement ou « scrollport » de l’élément. scroll-padding-bottom
CR- La propriété
scroll-padding-bottom
permet de définir un décalage sur le bord inférieur par rapport à la zone de défilement ou « scrollport » de l’élément. scroll-padding-left
CR- La propriété
scroll-padding-left
permet de définir un décalage sur le côté gauche par rapport à la zone de défilement ou « scrollport » de l’élément. scroll-padding
CR- La propriété
scroll-padding
est une propriété raccourcie qui permet de définir les valeurs descroll-padding-top
,scroll-padding-right
,scroll-padding-bottom
etscroll-padding-left
. scroll-padding-block-start
CR- La propriété
scroll-padding-block-start
permet de définir le décalage entre l’élément et la zone de défilement au début de l’axe de bloc. scroll-padding-block-end
CR- La propriété
scroll-padding-block-end
permet de définir le décalage entre l’élément et la zone de défilement à la fin de l’axe de bloc. scroll-padding-block
CR- La propriété
scroll-padding-block
est une propriété raccourcie qui permet de définir les valeurs descroll-padding-block-start
etscroll-padding-block-end
. scroll-padding-inline-start
CR- La propriété
scroll-padding-inline-start
permet de définir le décalage entre l’élément et la zone de défilement au début de l’axe en ligne. scroll-padding-inline-end
CR- La propriété
scroll-padding-inline-end
permet de définir le décalage entre l’élément et la zone de défilement à la fin de l’axe en ligne. scroll-padding-inline
CR- La propriété
scroll-padding-inline
est une propriété raccourcie qui permet de définir les valeurs descroll-padding-inline-start
etscroll-padding-inline-end
. scroll-margin-top
CR- La propriété
scroll-margin-top
permet de définir la marge de défilement de l’élément sur le bord supérieur. scroll-margin-right
CR- La propriété
scroll-margin-right
permet de définir la marge de défilement de l’élément sur le côté droit. scroll-margin-bottom
CR- La propriété
scroll-margin-bottom
permet de définir la marge de défilement de l’élément sur le bord inférieur. scroll-margin-left
CR- La propriété
scroll-margin-left
permet de définir la marge de défilement de l’élément sur le côté gauche. scroll-margin-block-start
CR- La propriété
scroll-margin-block-start
définit la marge de défilement de l’élément sur le début de l’axe de bloc. scroll-margin-block-end
CR- La propriété
scroll-margin-block-end
définit la marge de défilement de l’élément sur la fin de l’axe de bloc. scroll-margin-block
CR- La propriété
scroll-margin-block
est une propriété raccourcie qui permet de définir les valeurs descroll-margin-block-start
etscroll-margin-block-end
. scroll-margin-inline-start
CR- La propriété
scroll-margin-inline-start
définit la marge de défilement de l’élément sur le début de l’axe en ligne. scroll-margin-inline-end
CR- La propriété
scroll-margin-inline-end
définit la marge de défilement de l’élément sur la fin de l’axe en ligne. scroll-margin-inline
CR- La propriété
scroll-margin-inline
est une propriété raccourcie qui permet de définir les valeurs descroll-margin-inline-start
etscroll-margin-inline-end
. scroll-snap-align
CR- La propriété
scroll-snap-align
définit la position de la boîte d’accroche (snap positions) comme un alignement entre la zone d’accroche et le conteneur (la boîte de défilement de l’élément). scroll-snap-stop
CR- La propriété
scroll-snap-stop
définit la façon dont un conteneur de défilement peut « passer outre » certaines positions d’accroche. scrollbar-color
FPWD- La propriété
scrollbar-color
permet de définir les couleurs des barres de défilement d’un élément. scrollbar-width
FPWD- La propriété
scrollbar-width
permet de définir l’épaisseur maximale des barres de défilement d’un élément lorsqu’elles sont affichées. overscroll-behavior-x
FPWD- La propriété
overscroll-behavior-x
spécifie le comportement de à adopter lors d’un dépassement de la limite de défilement sur l’axe horizontal. overscroll-behavior-y
FPWD- La propriété
overscroll-behavior-y
spécifie le comportement de à adopter lors d’un dépassement de la limite de défilement sur l’axe vertical. overscroll-behavior
FPWD- La propriété
overscroll-behavior
est une propriété raccourcie qui permet de définir les valeurs deoverscroll-behavior-x
etoverscroll-behavior-y
. overscroll-behavior-block
FPWD- La propriété
overscroll-behavior-block
spécifie le comportement de à adopter lors d’un dépassement de la limite de défilement sur l’axe de bloc. L’axe de bloc est déterminé par la valeur de la propriétéwriting-mode
. overscroll-behavior-inline
FPWD- La propriété
overscroll-behavior-inline
spécifie le comportement de à adopter lors d’un dépassement de la limite de défilement sur l’axe en ligne. L’axe de ligne est déterminé par la valeur de la propriétéwriting-mode
. scroll-behavior
FPWD- La propriété
scroll-behavior
définit le comportement du défilement pour une boîte de défilement lorsque celui-ci provient de la navigation ou des API CSSOM.
Les propriétés CSS relatives au mode d’écriture
Ces propriétés permettent de définir différents modes d’écriture et de modifier notamment l’orientation du texte.
direction
REC- La propriété
direction
spécifie l’orientation du texte dans une ligne (de gauche à droite ou de droite à gauche). Cette propriété ne devrait pas être utilisée dans des documents HTML (on lui préférera l’attribut HTMLdir
). unicode-bide
REC- La propriété
unicode-bidi
permet aux boites inline de remplacer la directionnalité intrinsèque du texte. Elle ne devrait pas être utilisée dans les documents HTML. writing-mode
CR- La propriété
writing-mode
permet de spécifier si les lignes de texte doivent être disposées horizontalement ou verticalement et la direction dans laquelle les blocs progressent. text-orientation
CR- La propriété
text-orientation
permet de définir l’orientation du texte dans une ligne. Elle n’a d’effet que dans les modes typographiques verticaux. text-combine-upright
CR- La propriété
text-combine-upright
définit comment intégrer une combinaison de plusieurs caractères dans l’espace normalement alloué à un seul caractère.
Les propriétés CSS de création de formes
Ces propriétés permettent de définir des formes géométriques utilisables et appliables aux éléments en CSS.
shape-outside
CR- La propriété
shape-outside
définit une forme (qui peut ne pas être un rectangle) autour de laquelle le contenu en ligne devra « s’écouler ». shape-image-threshold
CR- La propriété
shape-image-threshold
définit le seuil en terme de canal alpha à utiliser pour extraire la forme d’une image. shape-margin
CR- La propriété
shape-margin
permet de définir la marge autour d’une forme CSS créée avecshape-outside
. shape-inside
WD- La propriété
shape-inside
permet d’aligner le contenu autour du bord d’une zone qui n’est pas nécessairement rectangulaire.
Les propriétés CSS de définition de chemins d’animation
Ces propriétés permettent de positionner n’importe quel objet graphique et de l’animer le long d’un chemin.
offset-path
WD- La propriété
permet de définir le chemin géométrique sur lequel la boite est positionnée relativement au conteneur parent ou au système de coordonnées SVG.
offset-distance
WD- La propriété
définit une position le long d’un chemin défini avec
offset-path
. offset-position
WD- La propriété
permet de définir la position initiale du chemin défini avec
offset-path
. offset-anchor
WD- La propriété
offset-anchor
permet de définir un opint d’ancrage pour pour une boite positionnée le long d’un chemin défini avecoffset-path
. offset-rotate
WD- La propriété
permet de définir l’orientation de la boîte lors du positionnement le long du chemin défini avec
offset-path
. offset
WD- La propriété
est une propriété raccourcie qui permet de définir les valeurs pour
offset-position
,offset-path
,offset-distance
,offset-rotate
etoffset-anchor
.
Les propriétés CSS de composition et de mélange
Ces propriétés définissent la façon dont les formes de différents éléments sont combinés afin de former une seule image.
mix-blend-mode
CR- La propriété
mix-blend-mode
permet de définir la façon dont le contenu d’un élément doit se mélanger avec le contenu de l’élément parent et avec son arrière-plan. isolation
CR- La propriété
isolation
indique que l’élément crée un nouveau contexte d’empilement. background-blend-mode
CR- La propriété
background-blend-mode
définit la façon dont les images d’arrière-plan doivent être fusionnées entre elles et avec la couleur d’arrière-plan.
Les propriétés CSS relatives à la couleur et à l’ajustement automatique des couleurs
Ces propriétés permettent de gérer la couleur des éléments et de contrôler le réglage automatique des couleurs effectué par l’agent utilisateur afin de gérer les préférences de l’utilisateur.
color
REC- La propriété
color
permet de définir la couleur des textes. opacity
REC- La propriété
opacity
permet de définir le niveau d’opacité (et donc de transparence) d’un élément. color-scheme
WD- La propriété
color-scheme
permet à un élément d’indiquer les combinaisons de couleurs avec lesquelles il devrait être rendu. forced-color-adjust
WD- La propriété
forcer-color-adjust
permet de sortir des éléments du mode de couleurs forcées afin de contrôler totalement les couleurs. color-adjust
WD- La propriété
color-adjust
indique à l’agent utilisateur comment traiter les choix de couleurs et de styles susceptibles d’être coûteux ou généralement déconseillés sur un périphérique donné, tels que l’utilisation de texte clair sur un fond sombre dans un document imprimé.
Les propriétés CSS inclassables
Ces propriétés ne rentrent dans aucun module
--*
CR- Les noms des propriétés préfixés par
--
représentent des propriétés personnalisées (custom properties) qui peuvent contenir une valeur qui pourra être réutilisée dans le document grâce à la fonctionvar()
. all
CR- La propriété
all
permet de réinitialiser toutes les propriétés, à l’exception deunicode-bidi
etdirection
, avec leurs valeurs initiales, héritées ou qui proviennent d’une autre feuille de style. contain
REC- La propriété
contain
permet d’indiquer qu’un élément, ainsi que son contenu, sont, autant que possible, indépendants du reste de l’arbre du document. will-change
CR- La propriété
will-change
fournit une indication au navigateur sur la propension d’un élément à changer.
Les propriétés relatives aux contenus générés
Ces propriétés permettent de définir le comportement des contenus générés.
content
REC- La propriété
content
détermine ce qui est rendu à l’intérieur d’un élément ou d’un pseudo-élément. quote
REC- La propriété
quote
spécifie la forme des guillemets pour un nombre illimité de citations incorporées.
Les propriétés CSS liées aux médias paginés
Ces propriétés contrôlent la présentation du contenu imprimable ou de tout autre média dont le contenu est divisé en pages individuelles ainsi que les propriétés du contenu généré pour certains médias paginés.
page
WD- La propriété
page
est utilisée pour spécifier un type de page particulier (appelé page nommée) sur lequel un élément doit être affiché. size
WD- La propriété
size
permet de définir la taille et l’orientation cibles du bloc conteneur de la page. marks
WD- La propriété
marks
ajoute des repères de coupe et / ou d’enregistrement au document. bleed
WD- La propriété
bleed
permet de définir la taille de l’espace en dehors de la page avant que le contenu ne soit tronqué. string-set
WD- La propriété
string-set
contient une ou plusieurs paires, chacune consistant en un identifiant personnalisé (le nom de la chaîne nommée) suivi d’une liste de contenus décrivant comment construire la valeur de la chaîne nommée. footnote-display
WD- La propriété
footnote-display
détermine si une note de bas de page est affichée sous forme d’élément bloc ou en ligne. footnote-policy
WD- La propriété
footnote-policy
donne aux auteurs une certaine influence sur le rendu des pages difficiles. bookmark-level
WD- La propriété
bookmark-level
permet de définir le niveau de signet d’un document. bookmark-label
WD- La propriété
bookmark-label
permet de définir une étiquette pour un signet. bookmark-state
WD- La propriété
bookmark-state
permet de définir si les signets descendants doivent être affichés ou non.
Les propriétés CSS relatives aux annotations Ruby
Ces propriétés permettent de contrôler le rendu et la mise en forme des annotations Ruby qui sont particulièrement utilisées dans les documents d’Asie orientale.
ruby-align
WD- La propriété
ruby-align
définit la façon dont les éléments ruby sont distribués autour du texte de base. ruby-merge
WD- La propriété
ruby-merge
contrôle le rendu des zones d’annotation ruby lorsqu’il en existe plusieurs dans un conteneur ruby. ruby-position
WD- La propriété
ruby-position
définit la position d’un élément ruby par rapport à son élément de base.
Les propriétés CSS liées aux effets de filtre
Ces propriétés permettent de traiter le rendu d’un élément avant son affichage dans le document.
filter
WD- La propriété
filter
permet d’appliquer des filtres afin d’obtenir des effets graphiques de flou ou de saturation. color-interpretation-filters
WD- La propriété
color-interpretation-filters
spécifie l’espace colorimétrique pour les opérations de création d’image effectuées via les effets de filtre. flood-color
WD- La propriété
flood-color
indique la couleur à utiliser pour submerger la sous-région primitive de filtre actuelle. flood-opacity
WD- La propriété
flood-opacity
définit la valeur d’opacité à utiliser dans toute la sous-région de filtre primitive. lighting-color
WD- La propriété
lighting-color
définit la couleur de la source de lumière pour les primitives de filtrage feDiffuseLighting et feSpecularLighting.
Les propriétés CSS relatives au remplissage et aux contours
Ces propriétés permettent de gérer le remplissage et le contour du texte et des formes SVG.
fill-rule
FPWD- La propriété
fill-rule
permet de définir la règle utilisée pour déterminer quelles parties de la zone de dessin sont incluses dans la forme. fill-break
FPWD- La propriété
fill-break
spécifie comment la géométrie d’une boite fragmentée est traitée lors de remplissages. fill-color
FPWD- La propriété
fill-color
permet de définir la couleur de remplissage pour un élément. On lui préfèrera la propriétécolor
pour remplir du texte. fill-image
FPWD- La propriété
fill-image
permet de définir l’image à utiliser comme remplissage pour un élément. fill-origin
FPWD- La propriété
fill-origin
spécifie des coordonnées de la zone de remplissage. fill-position
FPWD- La propriété
fill-position
spécifie la position initiale d’une image de remplissage (après tout redimensionnement) dans la zone de remplissage. fill-size
FPWD- La propriété
fill-size
permet de définir la taille des images de remplissage. fill-repeat
FPWD- La propriété
fill-repeat
permet de définir le comportement de répétition des images de remplissage après redimensionnement et positionnement. fill
FPWD- La propriété
fill
est une propriété raccourcie qui permet de définir les valeurs defill-color
,fill-image
,fill-origin
,fill-position
,fill-size
etfill-repeat
. fill-opacity
FPWD- La propriété
fill-opacity
permet de définir le niveau d’opacité du remplissage utilisé. stroke-width
FPWD- La propriété
stroke-width
permet de définir la largeur du contour côté externe. stroke-align
FPWD- La propriété
stroke-align
permet d’aligner un conour le long de l’outline (bordure externe). stroke-linecap
FPWD- La propriété
stroke-linecap
permet de définir la forme à la fin d’une ligne ouverte. stroke-linejoin
FPWD- La propriété
stroke-linejoin
spécifie la forme à utiliser aux coins des tracés ou des formes de base lorsqu’elles possèdent des contours. stroke-miterlimit
FPWD- La propriété
stroke-miterlimit
définit la limite du rapport entre la longueur du coin et la valeur destroke-width
utilisée pour dessiner la liaison entre deux segments de ligne. stroke-break
FPWD- La propriété
stroke-break
permet de définir le traitement à apporter aux contours d’une boite fragmentée. stroke-dasharray
FPWD- La propriété
stroke-dasharray
contrôle le motif et l’espacement entre les segments utilisés pour tracer le contour d’un élément. stroke-dashoffset
FPWD- La propriété
stroke-dashoffset
permet de définir le décalage initial des pointillés (sur les lignes SVG notamment). stroke-dash-corner
FPWD- La propriété
stroke-dash-corner
détermine si un tiret est toujours peint aux sommets d’une forme possédant un contour. stroke-dash-justify
FPWD- La propriété
stroke-dash-justify
spécifie si et comment le motif en tirets d’un contour sera ajusté afin qu’il soit répété un nombre entier de fois le long de chacun des sous-chemins d’un élément. stroke-color
FPWD- La propriété
stroke-color
permet de définir le couleur d’un contour. stroke-image
FPWD- La propriété
stroke-image
permet de définir une image à utiliser comme contour d’un élément. stroke-origin
FPWD- La propriété
stroke-origin
permet de définir les coordonnées d’un contour en définissant la zone de contour. stroke-position
FPWD- La propriété
stroke-position
spécifie la position initiale d’une image de contour (après tout redimensionnement) dans la zone de remplissage. stroke-size
FPWD- La propriété
stroke-size
permet de définir le taille des images utilisées comme contour. stroke-repeat
FPWD- La propriété
stroke-repeat
permet de définir le comportement de répétition des images utilisées comme contour. stroke
FPWD- La propriété
stroke
est une propriété raccourcie qui permet de définir les valeurs destroke-color
,stroke-image
,stroke-origin
,stroke-position
,stroke-size
etstroke-repeat
. stroke-opacity
FPWD- La propriété
stroke-opacity
permet de définir le niveau d’opacité d’un contour.
Contours et marqueurs SVG
Ces propriétés permettent de définir et de mettre en forme des contours et marqueurs pour des formes SVG spécifiquement
stroke-alignment
FPWD- La propriété
stroke-alignment
permet d’aligner un contour le long de l’outline (bordure côté extérieur) de l’objet courant. stroke-dashadjust
FPWD- La propriété
stroke-dashadjust
spécifie si et comment le motif en tirets d’un contour sera ajusté afin qu’il soit répété un nombre entier de fois le long des sous-chemins d’un élément. stroke-dashcorner
FPWD- La propriété
stroke-dashcorner
détermine si un tiret est toujours peint aux sommets d’une forme avec contour et contrôle également la façon dont le motif de tiret donné parstroke-dasharray
est répété. marker-start
FPWD- La propriété
marker-start
indique le marqueur qui sera dessiné au niveau du premier sommet de l’élément. marker-mid
FPWD- La propriété
marker-mid
indique le marqueur qui sera dessiné au niveau de tous les sommets de l’élément à l’exception du premier et du dernier. marker-end
FPWD- La propriété
marker-end
indique le marqueur qui sera dessiné au niveau du dernier sommet de l’élément. marker-segment
FPWD- La propriété
marker-segment
est utilisée pour spécifier le marqueur qui sera tracé au centre de chaque segment du chemin. marker-pattern
FPWD- La propriété
marker-pattern
est utilisée pour spécifier un motif de marqueurs et d’espaces à répéter le long de l’élément marquable. marker
FPWD- La propriété
marker
est une propriété raccourcie qui permet de définir les valeurs demarker-start
,marker-mid
,marker-end
,marker-segment
etmarker-pattern
. marker-knockout-left
FPWD- La propriété
marker-knockout-left
permet de tronquer une partie d’un contour lorsqu’un marqueur est placé sur un tracé. marker-knockout-right
FPWD- La propriété
marker-knockout-right
permet de tronquer une partie d’un contour lorsqu’un marqueur est placé sur un tracé.
Le module CSS Exclusions
Les exclusions CSS définissent des zones arbitraires autour desquelles un contenu inline peut se placer. Elles peuvent être définies sur n’importe quel élément de niveau bloc CSS et étendent la notion d’entourage du contenu auparavant limité aux flottants.
wrap-flow
WD- La propriété
wrap-flow
permet de définir la façon dont le contenu inline va pouvoir se placer autour de l’exclusion. wrap-through
WD- La propriété
wrap-through
permet d’indiquer si un élément doit hériter du contexte d’entourage de son parent ou pas.
Le module CSS Rhythmic sizing
Ce module contient des fonctionnalités CSS permettant d’ajuster la taille du contenu en fonction d’une unité arbitraire de façon à ce que cette taille soit exprimée en un multiple de cette unité.
line-height-step
FPWD- La propriété
line-height-step
permet de définir l’unité de base à utiliser pour le calcul de la hauteur de ligne d’une boite. block-step-size
FPWD- La propriété
block-step-size
permet de définir l’unité de base pour le calcul de la hauteur logique d’une boite de niveau bloc. block-step-insert
FPWD- La propriété
block-step-insert
permet de définir si l’espace supplémentaire introduit parblock-step-size
doit être inséré à l’intérieur ou à l’extérieur de la boite de bordure de l’élément. block-step-align
FPWD- La propriété
block-step-align
permet de définir si l’espace supplémentaire introduit parblock-step-size
doit être inséré avant, après, ou réparti de chaque côté de la boite. block-step-round
FPWD- La propriété
block-step-round
permet de spécifier si l’ajustement causé parblock-step-size
doit ajouter ou enlever de l’espace. block-step
FPWD- La propriété
block-step
est une propriété raccourcie qui permet de définir les valeurs deblock-step-size
,block-step-insert
,block-step-align
etblock-step-round
.
Le module CSS Spatial Navigation
Ce module définit un modèle général de déplacement à travers les éléments qui peuvent obtenir le focus notamment à l’aide des touches fléchées.
spatial-navigation-contain
FPWD- La propriété
spatial-navigation-contain
permet d’établir un conteneur de navigation spatiale c’est-à-dire un groupement d’éléments qui peuvent être focus. spatial-navigation-action
FPWD- La propriété
spatial-navigation-action
permet de définir si les flèches directionnelles doivent contrôler le défilement ou le changement de focus lorsqu’un élément possédant le focus se situe dans un conteneur avec barre de défilement.
Le module CSS Speech
Le module CSS Speech est aujourd’hui officiellement indiqué comme obsolète. Ce module devait définir des propriétés CSS auditives permettant de contrôler le rendu du document par synthèse vocale. Il était composé des propriétés suivantes :
- La propriété
voice-volume
; - La propriété
voice-balance
; - La propriété
speak
; - La propriété
speak-as
; - La propriété
pause-before
; - La propriété
pause-after
; - La propriété
pause
; - La propriété
rest-before
; - La propriété
rest-after
; - La propriété
rest
; - La propriété
cue-before
; - La propriété
cue-after
; - La propriété
cue
; - La propriété
voice-family
; - La propriété
voice-rate
; - La propriété
voice-pitch
; - La propriété
voice-range
; - La propriété
voice-stress
; - La propriété
voice-duration
.
Tableau officiel brut des propriétés CSS
La liste des propriétés ci-dessous est la liste “officielle” telle que proposée sur le site du W3C à l’adresse https://www.w3.org/Style/CSS/all-properties.en.html.
Certaines propriétés CSS apparaissent plusieurs fois dans le tableau suivant. Cela est dû au fait que certains modules sont en cours de travail et que certaines propriétés de certains modules stables ont vocation à être recatégorisées dans ces nouveaux modules qui ne sont pas encore au statut de recommandation.
Ce tableau ne vous est fourni que pour que vous puissiez avoir un coup d’oeil rapide à l’ensemble des propriétés. Je vous conseille cependant plutôt d’utiliser ma catégorisation précédente. Vous pouvez réordonner ce tableau selon l’ordre alphabétique en cliquant sur les cellules d’en-tête.
Propriété | Module | Statut |
---|---|---|
–* | CSS Custom Properties for Cascading Variables Module Level 1 | CR |
align-content | CSS Flexible Box Layout Module Level 1 | CR |
align-content | CSS Box Alignment Module Level 3 | WD |
align-items | CSS Flexible Box Layout Module Level 1 | CR |
align-items | CSS Box Alignment Module Level 3 | WD |
align-self | CSS Flexible Box Layout Module Level 1 | CR |
align-self | CSS Box Alignment Module Level 3 | WD |
alignment-adjust | CSS3module: line | WD |
alignment-baseline | CSS3module: line | WD |
alignment-baseline | CSS Inline Layout Module Level 3 | WD |
all | CSS Cascading and Inheritance Level 3 | CR |
all | CSS Cascading and Inheritance Level 4 | CR |
animation | CSS Animations Level 1 | WD |
animation-delay | CSS Animations Level 1 | WD |
animation-direction | CSS Animations Level 1 | WD |
animation-duration | CSS Animations Level 1 | WD |
animation-fill-mode | CSS Animations Level 1 | WD |
animation-iteration-count | CSS Animations Level 1 | WD |
animation-name | CSS Animations Level 1 | WD |
animation-play-state | CSS Animations Level 1 | WD |
animation-timing-function | CSS Animations Level 1 | WD |
appearance | CSS Basic User Interface Module Level 4 | WD |
azimuth | CSS 2.1 | REC |
backface-visibility | CSS 3D Transforms Module Level 3 | WD |
background | CSS 2.1 | REC |
background | CSS Backgrounds and Borders Module Level 3 | CR |
background-attachment | CSS 2.1 | REC |
background-attachment | CSS Backgrounds and Borders Module Level 3 | CR |
background-blend-mode | Compositing and Blending Level 1 | CR |
background-clip | CSS Backgrounds and Borders Module Level 3 | CR |
background-color | CSS 2.1 | REC |
background-color | CSS Backgrounds and Borders Module Level 3 | CR |
background-image | CSS 2.1 | REC |
background-image | CSS Backgrounds and Borders Module Level 3 | CR |
background-origin | CSS Backgrounds and Borders Module Level 3 | CR |
background-position | CSS 2.1 | REC |
background-position | CSS Backgrounds and Borders Module Level 3 | CR |
background-repeat | CSS 2.1 | REC |
background-repeat | CSS Backgrounds and Borders Module Level 3 | CR |
background-size | CSS Backgrounds and Borders Module Level 3 | CR |
baseline-shift | CSS3module: line | WD |
baseline-shift | CSS Inline Layout Module Level 3 | WD |
block-overflow | CSS Overflow Module Level 3 | WD |
block-size | CSS Logical Properties and Values Level 1 | WD |
block-step | CSS Rhythmic Sizing | FPWD |
block-step-align | CSS Rhythmic Sizing | FPWD |
block-step-insert | CSS Rhythmic Sizing | FPWD |
block-step-round | CSS Rhythmic Sizing | FPWD |
block-step-size | CSS Rhythmic Sizing | FPWD |
bookmark-label | CSS Generated Content for Paged Media Module | WD |
bookmark-label | CSS Generated Content Module Level 3 | WD |
bookmark-level | CSS Generated Content for Paged Media Module | WD |
bookmark-level | CSS Generated Content Module Level 3 | WD |
bookmark-state | CSS Generated Content for Paged Media Module | WD |
bookmark-state | CSS Generated Content Module Level 3 | WD |
border | CSS3 module: Border | WD |
border | CSS 2.1 | REC |
border | CSS Backgrounds and Borders Module Level 3 | CR |
border-block | CSS Logical Properties and Values Level 1 | WD |
border-block-color | CSS Logical Properties and Values Level 1 | WD |
border-block-end | CSS Logical Properties and Values Level 1 | WD |
border-block-end-color | CSS Logical Properties and Values Level 1 | WD |
border-block-end-style | CSS Logical Properties and Values Level 1 | WD |
border-block-end-width | CSS Logical Properties and Values Level 1 | WD |
border-block-start | CSS Logical Properties and Values Level 1 | WD |
border-block-start-color | CSS Logical Properties and Values Level 1 | WD |
border-block-start-style | CSS Logical Properties and Values Level 1 | WD |
border-block-start-width | CSS Logical Properties and Values Level 1 | WD |
border-block-style | CSS Logical Properties and Values Level 1 | WD |
border-block-width | CSS Logical Properties and Values Level 1 | WD |
border-bottom | CSS 2.1 | REC |
border-bottom | CSS Backgrounds and Borders Module Level 3 | CR |
border-bottom-color | CSS3 module: Border | WD |
border-bottom-color | CSS 2.1 | REC |
border-bottom-color | CSS Backgrounds and Borders Module Level 3 | CR |
border-bottom-fit-length | CSS3 module: Border | WD |
border-bottom-fit-width | CSS3 module: Border | WD |
border-bottom-image | CSS3 module: Border | WD |
border-bottom-left-fit-width | CSS3 module: Border | WD |
border-bottom-left-image | CSS3 module: Border | WD |
border-bottom-left-radius | CSS3 module: Border | WD |
border-bottom-left-radius | CSS Backgrounds and Borders Module Level 3 | CR |
border-bottom-right-fit-length | CSS3 module: Border | WD |
border-bottom-right-fit-width | CSS3 module: Border | WD |
border-bottom-right-image | CSS3 module: Border | WD |
border-bottom-right-radius | CSS3 module: Border | WD |
border-bottom-right-radius | CSS Backgrounds and Borders Module Level 3 | CR |
border-bottom-style | CSS3 module: Border | WD |
border-bottom-style | CSS 2.1 | REC |
border-bottom-style | CSS Backgrounds and Borders Module Level 3 | CR |
border-bottom-width | CSS 2.1 | REC |
border-bottom-width | CSS Backgrounds and Borders Module Level 3 | CR |
border-bottoml-eft-fit-length | CSS3 module: Border | WD |
border-boundary | CSS Round Display Level 1 | WD |
border-break | CSS3 module: Border | WD |
border-collapse | CSS 2.1 | REC |
border-collapse | CSS Table Module Level 3 | WD |
border-color | CSS3 module: Border | WD |
border-color | CSS 2.1 | REC |
border-color | CSS Backgrounds and Borders Module Level 3 | CR |
border-corner-fit | CSS3 module: Border | WD |
border-corner-image | CSS3 module: Border | WD |
border-corner-image-transform | CSS3 module: Border | WD |
border-end-end-radius | CSS Logical Properties and Values Level 1 | WD |
border-end-start-radius | CSS Logical Properties and Values Level 1 | WD |
border-fit | CSS3 module: Border | WD |
border-fit-length | CSS3 module: Border | WD |
border-fit-width | CSS3 module: Border | WD |
border-image | CSS3 module: Border | WD |
border-image | CSS Backgrounds and Borders Module Level 3 | CR |
border-image-outset | CSS Backgrounds and Borders Module Level 3 | CR |
border-image-repeat | CSS Backgrounds and Borders Module Level 3 | CR |
border-image-slice | CSS Backgrounds and Borders Module Level 3 | CR |
border-image-source | CSS Backgrounds and Borders Module Level 3 | CR |
border-image-transform | CSS3 module: Border | WD |
border-image-width | CSS Backgrounds and Borders Module Level 3 | CR |
border-inline | CSS Logical Properties and Values Level 1 | WD |
border-inline-color | CSS Logical Properties and Values Level 1 | WD |
border-inline-end | CSS Logical Properties and Values Level 1 | WD |
border-inline-end-color | CSS Logical Properties and Values Level 1 | WD |
border-inline-end-style | CSS Logical Properties and Values Level 1 | WD |
border-inline-end-width | CSS Logical Properties and Values Level 1 | WD |
border-inline-start | CSS Logical Properties and Values Level 1 | WD |
border-inline-start-color | CSS Logical Properties and Values Level 1 | WD |
border-inline-start-style | CSS Logical Properties and Values Level 1 | WD |
border-inline-start-width | CSS Logical Properties and Values Level 1 | WD |
border-inline-style | CSS Logical Properties and Values Level 1 | WD |
border-inline-width | CSS Logical Properties and Values Level 1 | WD |
border-left | CSS 2.1 | REC |
border-left | CSS Backgrounds and Borders Module Level 3 | CR |
border-left-color | CSS3 module: Border | WD |
border-left-color | CSS 2.1 | REC |
border-left-color | CSS Backgrounds and Borders Module Level 3 | CR |
border-left-fit-length | CSS3 module: Border | WD |
border-left-fit-width | CSS3 module: Border | WD |
border-left-image | CSS3 module: Border | WD |
border-left-style | CSS3 module: Border | WD |
border-left-style | CSS 2.1 | REC |
border-left-style | CSS Backgrounds and Borders Module Level 3 | CR |
border-left-width | CSS 2.1 | REC |
border-left-width | CSS Backgrounds and Borders Module Level 3 | CR |
border-radius | CSS3 module: Border | WD |
border-radius | CSS Backgrounds and Borders Module Level 3 | CR |
border-right | CSS 2.1 | REC |
border-right | CSS Backgrounds and Borders Module Level 3 | CR |
border-right-color | CSS3 module: Border | WD |
border-right-color | CSS 2.1 | REC |
border-right-color | CSS Backgrounds and Borders Module Level 3 | CR |
border-right-fit-length | CSS3 module: Border | WD |
border-right-fit-width | CSS3 module: Border | WD |
border-right-image | CSS3 module: Border | WD |
border-right-style | CSS3 module: Border | WD |
border-right-style | CSS 2.1 | REC |
border-right-style | CSS Backgrounds and Borders Module Level 3 | CR |
border-right-width | CSS 2.1 | REC |
border-right-width | CSS Backgrounds and Borders Module Level 3 | CR |
border-spacing | CSS 2.1 | REC |
border-spacing | CSS Table Module Level 3 | WD |
border-start-end-radius | CSS Logical Properties and Values Level 1 | WD |
border-start-start-radius | CSS Logical Properties and Values Level 1 | WD |
border-style | CSS3 module: Border | WD |
border-style | CSS 2.1 | REC |
border-style | CSS Backgrounds and Borders Module Level 3 | CR |
border-top | CSS3 module: Border | WD |
border-top | CSS 2.1 | REC |
border-top | CSS Backgrounds and Borders Module Level 3 | CR |
border-top-color | CSS3 module: Border | WD |
border-top-color | CSS 2.1 | REC |
border-top-color | CSS Backgrounds and Borders Module Level 3 | CR |
border-top-fit-length | CSS3 module: Border | WD |
border-top-fit-width | CSS3 module: Border | WD |
border-top-image | CSS3 module: Border | WD |
border-top-left-fit-length | CSS3 module: Border | WD |
border-top-left-fit-width | CSS3 module: Border | WD |
border-top-left-image | CSS3 module: Border | WD |
border-top-left-radius | CSS3 module: Border | WD |
border-top-left-radius | CSS Backgrounds and Borders Module Level 3 | CR |
border-top-right-fit-length | CSS3 module: Border | WD |
border-top-right-fit-width | CSS3 module: Border | WD |
border-top-right-image | CSS3 module: Border | WD |
border-top-right-radius | CSS3 module: Border | WD |
border-top-right-radius | CSS Backgrounds and Borders Module Level 3 | CR |
border-top-style | CSS3 module: Border | WD |
border-top-style | CSS 2.1 | REC |
border-top-style | CSS Backgrounds and Borders Module Level 3 | CR |
border-top-width | CSS 2.1 | REC |
border-top-width | CSS Backgrounds and Borders Module Level 3 | CR |
border-width | CSS 2.1 | REC |
border-width | CSS Backgrounds and Borders Module Level 3 | CR |
bottom | CSS 2.1 | REC |
bottom | CSS Positioned Layout Module Level 3 | WD |
box-decoration-break | CSS Fragmentation Module Level 3 | CR |
box-decoration-break | CSS Fragmentation Module Level 4 | FPWD |
box-shadow | CSS3 module: Border | WD |
box-shadow | CSS Backgrounds and Borders Module Level 3 | CR |
box-sizing | CSS Basic User Interface Module Level 4 | WD |
box-sizing | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
box-sizing | CSS Intrinsic & Extrinsic Sizing Module Level 3 | WD |
box-snap | CSS Line Grid Module Level 1 | WD |
break-after | CSS Regions Module Level 1 | WD |
break-after | CSS Fragmentation Module Level 3 | CR |
break-after | CSS Fragmentation Module Level 4 | FPWD |
break-before | CSS Regions Module Level 1 | WD |
break-before | CSS Fragmentation Module Level 3 | CR |
break-before | CSS Fragmentation Module Level 4 | FPWD |
break-inside | CSS Regions Module Level 1 | WD |
break-inside | CSS Fragmentation Module Level 3 | CR |
break-inside | CSS Fragmentation Module Level 4 | FPWD |
caption-side | CSS 2.1 | REC |
caption-side | CSS Table Module Level 3 | WD |
caret | CSS Basic User Interface Module Level 4 | WD |
caret-color | CSS Basic User Interface Module Level 4 | WD |
caret-color | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
caret-shape | CSS Basic User Interface Module Level 4 | WD |
chains | CSS Template Layout Module | NOTE |
clear | CSS 2.1 | REC |
clear | CSS Page Floats | FPWD |
clip | CSS 2.1 | REC |
clip | CSS Masking Module Level 1 | CR |
clip-path | CSS Masking Module Level 1 | CR |
clip-rule | CSS Masking Module Level 1 | CR |
color | CSS 2.1 | REC |
color | CSS Color Module Level 3 | REC |
color | CSS Color Module Level 4 | WD |
color-adjust | CSS Color Adjustment Module Level 1 | WD |
color-interpolation-filters | Filter Effects Module Level 1 | WD |
color-scheme | CSS Color Adjustment Module Level 1 | WD |
column-count | CSS Multi-column Layout Module Level 1 | WD |
column-fill | CSS Multi-column Layout Module Level 1 | WD |
column-gap | CSS Box Alignment Module Level 3 | WD |
column-rule | CSS Multi-column Layout Module Level 1 | WD |
column-rule-color | CSS Multi-column Layout Module Level 1 | WD |
column-rule-style | CSS Multi-column Layout Module Level 1 | WD |
column-rule-width | CSS Multi-column Layout Module Level 1 | WD |
column-span | CSS Multi-column Layout Module Level 1 | WD |
column-width | CSS Multi-column Layout Module Level 1 | WD |
columns | CSS Multi-column Layout Module Level 1 | WD |
contain | CSS Containment Module Level 1 | PR |
contain | CSS Containment Module Level 2 | WD |
content | CSS 2.1 | REC |
content | CSS Generated Content Module Level 3 | WD |
continue | CSS Overflow Module Level 4 | FPWD |
continue | CSS Overflow Module Level 3 | WD |
counter-increment | CSS 2.1 | REC |
counter-increment | CSS Lists Module Level 3 | WD |
counter-reset | CSS 2.1 | REC |
counter-reset | CSS Lists Module Level 3 | WD |
counter-set | CSS Lists Module Level 3 | WD |
cue | CSS 2.1 | REC |
cue-after | CSS 2.1 | REC |
cue-before | CSS 2.1 | REC |
cursor | CSS 2.1 | REC |
cursor | CSS Basic User Interface Module Level 4 | WD |
cursor | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
direction | CSS 2.1 | REC |
direction | CSS Writing Modes Level 4 | CR |
direction | CSS Writing Modes Level 3 | PR |
display | CSS 2.1 | REC |
display | CSS Ruby Layout Module Level 1 | WD |
display | CSS Display Module Level 3 | CR |
dominant-baseline | CSS3module: line | WD |
dominant-baseline | CSS Inline Layout Module Level 3 | WD |
drop-initial-after-adjust | CSS3module: line | WD |
drop-initial-after-align | CSS3module: line | WD |
drop-initial-before-adjust | CSS3module: line | WD |
drop-initial-before-align | CSS3module: line | WD |
drop-initial-size | CSS3module: line | WD |
drop-initial-value | CSS3module: line | WD |
elevation | CSS 2.1 | REC |
empty-cells | CSS 2.1 | REC |
empty-cells | CSS Table Module Level 3 | WD |
fill | CSS Fill and Stroke Module Level 3 | FPWD |
fill-break | CSS Fill and Stroke Module Level 3 | FPWD |
fill-color | CSS Fill and Stroke Module Level 3 | FPWD |
fill-image | CSS Fill and Stroke Module Level 3 | FPWD |
fill-opacity | CSS Fill and Stroke Module Level 3 | FPWD |
fill-origin | CSS Fill and Stroke Module Level 3 | FPWD |
fill-position | CSS Fill and Stroke Module Level 3 | FPWD |
fill-repeat | CSS Fill and Stroke Module Level 3 | FPWD |
fill-rule | CSS Fill and Stroke Module Level 3 | FPWD |
fill-size | CSS Fill and Stroke Module Level 3 | FPWD |
filter | Filter Effects Module Level 1 | WD |
flex | CSS Flexible Box Layout Module Level 1 | CR |
flex-basis | CSS Flexible Box Layout Module Level 1 | CR |
flex-direction | CSS Flexible Box Layout Module Level 1 | CR |
flex-flow | CSS Flexible Box Layout Module Level 1 | CR |
flex-grow | CSS Flexible Box Layout Module Level 1 | CR |
flex-shrink | CSS Flexible Box Layout Module Level 1 | CR |
flex-wrap | CSS Flexible Box Layout Module Level 1 | CR |
float | CSS 2.1 | REC |
float | CSS Page Floats | FPWD |
float-defer | CSS Page Floats | FPWD |
float-offset | CSS Page Floats | FPWD |
float-reference | CSS Page Floats | FPWD |
flood-color | Filter Effects Module Level 1 | WD |
flood-opacity | Filter Effects Module Level 1 | WD |
flow | CSS Template Layout Module | NOTE |
flow-from | CSS Regions Module Level 1 | WD |
flow-into | CSS Regions Module Level 1 | WD |
font | CSS 2.1 | REC |
font | CSS Fonts Module Level 3 | REC |
font | CSS Fonts Module Level 4 | WD |
font-family | CSS 2.1 | REC |
font-family | CSS Fonts Module Level 3 | REC |
font-family | CSS Fonts Module Level 4 | WD |
font-feature-settings | CSS Fonts Module Level 3 | REC |
font-feature-settings | CSS Fonts Module Level 4 | WD |
font-kerning | CSS Fonts Module Level 3 | REC |
font-kerning | CSS Fonts Module Level 4 | WD |
font-language-override | CSS Fonts Module Level 4 | WD |
font-optical-sizing | CSS Fonts Module Level 4 | WD |
font-palette | CSS Fonts Module Level 4 | WD |
font-size | CSS 2.1 | REC |
font-size | CSS Fonts Module Level 3 | REC |
font-size | CSS Fonts Module Level 4 | WD |
font-size-adjust | CSS Fonts Module Level 3 | REC |
font-size-adjust | CSS Fonts Module Level 4 | WD |
font-stretch | CSS Fonts Module Level 3 | REC |
font-stretch | CSS Fonts Module Level 4 | WD |
font-style | CSS 2.1 | REC |
font-style | CSS Fonts Module Level 3 | REC |
font-style | CSS Fonts Module Level 4 | WD |
font-synthesis | CSS Fonts Module Level 3 | REC |
font-synthesis | CSS Fonts Module Level 4 | WD |
font-synthesis-small-caps | CSS Fonts Module Level 4 | WD |
font-synthesis-style | CSS Fonts Module Level 4 | WD |
font-synthesis-weight | CSS Fonts Module Level 4 | WD |
font-variant | CSS 2.1 | REC |
font-variant | CSS Fonts Module Level 3 | REC |
font-variant | CSS Fonts Module Level 4 | WD |
font-variant-alternates | CSS Fonts Module Level 4 | WD |
font-variant-caps | CSS Fonts Module Level 3 | REC |
font-variant-caps | CSS Fonts Module Level 4 | WD |
font-variant-east-asian | CSS Fonts Module Level 3 | REC |
font-variant-east-asian | CSS Fonts Module Level 4 | WD |
font-variant-emoji | CSS Fonts Module Level 4 | WD |
font-variant-ligatures | CSS Fonts Module Level 3 | REC |
font-variant-ligatures | CSS Fonts Module Level 4 | WD |
font-variant-numeric | CSS Fonts Module Level 3 | REC |
font-variant-numeric | CSS Fonts Module Level 4 | WD |
font-variant-position | CSS Fonts Module Level 3 | REC |
font-variant-position | CSS Fonts Module Level 4 | WD |
font-variation-settings | CSS Fonts Module Level 4 | WD |
font-weight | CSS 2.1 | REC |
font-weight | CSS Fonts Module Level 3 | REC |
font-weight | CSS Fonts Module Level 4 | WD |
footnote-display | CSS Generated Content for Paged Media Module | WD |
footnote-policy | CSS Generated Content for Paged Media Module | WD |
forced-color-adjust | CSS Color Adjustment Module Level 1 | WD |
gap | CSS Box Alignment Module Level 3 | WD |
glyph-orientation-vertical | CSS Writing Modes Level 4 | CR |
glyph-orientation-vertical | CSS Writing Modes Level 3 | PR |
grid | CSS Template Layout Module | NOTE |
grid | CSS Grid Layout Module Level 1 | CR |
grid-area | CSS Grid Layout Module Level 1 | CR |
grid-auto-columns | CSS Grid Layout Module Level 1 | CR |
grid-auto-flow | CSS Grid Layout Module Level 1 | CR |
grid-auto-rows | CSS Grid Layout Module Level 1 | CR |
grid-column | CSS Grid Layout Module Level 1 | CR |
grid-column-end | CSS Grid Layout Module Level 1 | CR |
grid-column-start | CSS Grid Layout Module Level 1 | CR |
grid-row | CSS Grid Layout Module Level 1 | CR |
grid-row-end | CSS Grid Layout Module Level 1 | CR |
grid-row-start | CSS Grid Layout Module Level 1 | CR |
grid-template | CSS Template Layout Module | NOTE |
grid-template | CSS Grid Layout Module Level 1 | CR |
grid-template-areas | CSS Template Layout Module | NOTE |
grid-template-areas | CSS Grid Layout Module Level 1 | CR |
grid-template-columns | CSS Template Layout Module | NOTE |
grid-template-columns | CSS Grid Layout Module Level 1 | CR |
grid-template-rows | CSS Template Layout Module | NOTE |
grid-template-rows | CSS Grid Layout Module Level 1 | CR |
hanging-punctuation | CSS Text Module Level 3 | WD |
height | CSS 2.1 | REC |
height | CSS Intrinsic & Extrinsic Sizing Module Level 3 | WD |
hyphenate-character | CSS Text Module Level 4 | WD |
hyphenate-limit-chars | CSS Text Module Level 4 | WD |
hyphenate-limit-last | CSS Text Module Level 4 | WD |
hyphenate-limit-lines | CSS Text Module Level 4 | WD |
hyphenate-limit-zone | CSS Text Module Level 4 | WD |
hyphens | CSS Text Module Level 3 | WD |
image-orientation | CSS Images Module Level 3 | CR |
image-rendering | CSS Images Module Level 3 | CR |
image-resolution | CSS Image Values and Replaced Content Module Level 4 | WD |
initial-letters | CSS Inline Layout Module Level 3 | WD |
initial-letters-align | CSS Inline Layout Module Level 3 | WD |
initial-letters-wrap | CSS Inline Layout Module Level 3 | WD |
inline-box-align | CSS3module: line | WD |
inline-size | CSS Logical Properties and Values Level 1 | WD |
inline-sizing | CSS Inline Layout Module Level 3 | WD |
inset | CSS Logical Properties and Values Level 1 | WD |
inset-block | CSS Logical Properties and Values Level 1 | WD |
inset-block-end | CSS Logical Properties and Values Level 1 | WD |
inset-block-start | CSS Logical Properties and Values Level 1 | WD |
inset-inline | CSS Logical Properties and Values Level 1 | WD |
inset-inline-end | CSS Logical Properties and Values Level 1 | WD |
inset-inline-start | CSS Logical Properties and Values Level 1 | WD |
isolation | Compositing and Blending Level 1 | CR |
justify-content | CSS Flexible Box Layout Module Level 1 | CR |
justify-content | CSS Box Alignment Module Level 3 | WD |
justify-items | CSS Box Alignment Module Level 3 | WD |
justify-self | CSS Box Alignment Module Level 3 | WD |
left | CSS 2.1 | REC |
left | CSS Positioned Layout Module Level 3 | WD |
letter-spacing | CSS 2.1 | REC |
letter-spacing | CSS Text Module Level 3 | WD |
lighting-color | Filter Effects Module Level 1 | WD |
line-break | CSS Text Module Level 3 | WD |
line-clamp | CSS Overflow Module Level 3 | WD |
line-grid | CSS Line Grid Module Level 1 | WD |
line-height | CSS3module: line | WD |
line-height | CSS 2.1 | REC |
line-height-step | CSS Rhythmic Sizing | FPWD |
line-padding | CSS Text Module Level 4 | WD |
line-snap | CSS Line Grid Module Level 1 | WD |
line-stacking | CSS3module: line | WD |
line-stacking-ruby | CSS3module: line | WD |
line-stacking-shift | CSS3module: line | WD |
line-stacking-strategy | CSS3module: line | WD |
list-style | CSS 2.1 | REC |
list-style | CSS Lists Module Level 3 | WD |
list-style-image | CSS 2.1 | REC |
list-style-image | CSS Lists Module Level 3 | WD |
list-style-position | CSS 2.1 | REC |
list-style-position | CSS Lists Module Level 3 | WD |
list-style-type | CSS 2.1 | REC |
list-style-type | CSS Lists Module Level 3 | WD |
margin | CSS 2.1 | REC |
margin | CSS Box Model Module Level 3 | WD |
margin-block | CSS Logical Properties and Values Level 1 | WD |
margin-block-end | CSS Logical Properties and Values Level 1 | WD |
margin-block-start | CSS Logical Properties and Values Level 1 | WD |
margin-bottom | CSS 2.1 | REC |
margin-bottom | CSS Box Model Module Level 3 | WD |
margin-break | CSS Fragmentation Module Level 4 | FPWD |
margin-inline | CSS Logical Properties and Values Level 1 | WD |
margin-inline-end | CSS Logical Properties and Values Level 1 | WD |
margin-inline-start | CSS Logical Properties and Values Level 1 | WD |
margin-left | CSS 2.1 | REC |
margin-left | CSS Box Model Module Level 3 | WD |
margin-right | CSS 2.1 | REC |
margin-right | CSS Box Model Module Level 3 | WD |
margin-top | CSS 2.1 | REC |
margin-top | CSS Box Model Module Level 3 | WD |
margin-trim | CSS Box Model Module Level 3 | WD |
marker | SVG Markers | FPWD |
marker-end | SVG Markers | FPWD |
marker-knockout-left | SVG Markers | FPWD |
marker-knockout-right | SVG Markers | FPWD |
marker-mid | SVG Markers | FPWD |
marker-pattern | SVG Markers | FPWD |
marker-segment | SVG Markers | FPWD |
marker-side | CSS Lists Module Level 3 | WD |
marker-start | SVG Markers | FPWD |
mask | CSS Masking Module Level 1 | CR |
mask-border | CSS Masking Module Level 1 | CR |
mask-border-mode | CSS Masking Module Level 1 | CR |
mask-border-outset | CSS Masking Module Level 1 | CR |
mask-border-repeat | CSS Masking Module Level 1 | CR |
mask-border-slice | CSS Masking Module Level 1 | CR |
mask-border-source | CSS Masking Module Level 1 | CR |
mask-border-width | CSS Masking Module Level 1 | CR |
mask-clip | CSS Masking Module Level 1 | CR |
mask-composite | CSS Masking Module Level 1 | CR |
mask-image | CSS Masking Module Level 1 | CR |
mask-mode | CSS Masking Module Level 1 | CR |
mask-origin | CSS Masking Module Level 1 | CR |
mask-position | CSS Masking Module Level 1 | CR |
mask-repeat | CSS Masking Module Level 1 | CR |
mask-size | CSS Masking Module Level 1 | CR |
mask-type | CSS Masking Module Level 1 | CR |
max-block-size | CSS Logical Properties and Values Level 1 | WD |
max-height | CSS 2.1 | REC |
max-height | CSS Intrinsic & Extrinsic Sizing Module Level 3 | WD |
max-inline-size | CSS Logical Properties and Values Level 1 | WD |
max-lines | CSS Overflow Module Level 4 | FPWD |
max-lines | CSS Overflow Module Level 3 | WD |
max-width | CSS 2.1 | REC |
max-width | CSS Intrinsic & Extrinsic Sizing Module Level 3 | WD |
min-block-size | CSS Logical Properties and Values Level 1 | WD |
min-height | CSS 2.1 | REC |
min-height | CSS Intrinsic & Extrinsic Sizing Module Level 3 | WD |
min-inline-size | CSS Logical Properties and Values Level 1 | WD |
min-width | CSS 2.1 | REC |
min-width | CSS Intrinsic & Extrinsic Sizing Module Level 3 | WD |
mix-blend-mode | Compositing and Blending Level 1 | CR |
nav-down | CSS Basic User Interface Module Level 4 | WD |
nav-left | CSS Basic User Interface Module Level 4 | WD |
nav-right | CSS Basic User Interface Module Level 4 | WD |
nav-up | CSS Basic User Interface Module Level 4 | WD |
object-fit | CSS Images Module Level 3 | CR |
object-position | CSS Images Module Level 3 | CR |
offset | Motion Path Module Level 1 | WD |
offset-after | CSS Positioned Layout Module Level 3 | WD |
offset-anchor | Motion Path Module Level 1 | WD |
offset-before | CSS Positioned Layout Module Level 3 | WD |
offset-distance | Motion Path Module Level 1 | WD |
offset-end | CSS Positioned Layout Module Level 3 | WD |
offset-path | Motion Path Module Level 1 | WD |
offset-position | Motion Path Module Level 1 | WD |
offset-rotate | Motion Path Module Level 1 | WD |
offset-start | CSS Positioned Layout Module Level 3 | WD |
opacity | CSS Color Module Level 3 | REC |
opacity | CSS Color Module Level 4 | WD |
order | CSS Flexible Box Layout Module Level 1 | CR |
orphans | CSS 2.1 | REC |
orphans | CSS Fragmentation Module Level 3 | CR |
orphans | CSS Fragmentation Module Level 4 | FPWD |
outline | CSS 2.1 | REC |
outline | CSS Basic User Interface Module Level 4 | WD |
outline | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
outline-color | CSS 2.1 | REC |
outline-color | CSS Basic User Interface Module Level 4 | WD |
outline-color | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
outline-offset | CSS Basic User Interface Module Level 4 | WD |
outline-offset | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
outline-style | CSS 2.1 | REC |
outline-style | CSS Basic User Interface Module Level 4 | WD |
outline-style | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
outline-width | CSS 2.1 | REC |
outline-width | CSS Basic User Interface Module Level 4 | WD |
outline-width | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
overflow | CSS 2.1 | REC |
overflow | CSS Overflow Module Level 3 | WD |
overflow-block | CSS Overflow Module Level 3 | WD |
overflow-inline | CSS Overflow Module Level 3 | WD |
overflow-wrap | CSS Text Module Level 3 | WD |
overflow-x | CSS Overflow Module Level 3 | WD |
overflow-y | CSS Overflow Module Level 3 | WD |
overscroll-behavior | CSS Overscroll Behavior Module Level 1 | FPWD |
overscroll-behavior-block | CSS Overscroll Behavior Module Level 1 | FPWD |
overscroll-behavior-inline | CSS Overscroll Behavior Module Level 1 | FPWD |
overscroll-behavior-x | CSS Overscroll Behavior Module Level 1 | FPWD |
overscroll-behavior-y | CSS Overscroll Behavior Module Level 1 | FPWD |
padding | CSS 2.1 | REC |
padding | CSS Box Model Module Level 3 | WD |
padding-block | CSS Logical Properties and Values Level 1 | WD |
padding-block-end | CSS Logical Properties and Values Level 1 | WD |
padding-block-start | CSS Logical Properties and Values Level 1 | WD |
padding-bottom | CSS 2.1 | REC |
padding-bottom | CSS Box Model Module Level 3 | WD |
padding-inline | CSS Logical Properties and Values Level 1 | WD |
padding-inline-end | CSS Logical Properties and Values Level 1 | WD |
padding-inline-start | CSS Logical Properties and Values Level 1 | WD |
padding-left | CSS 2.1 | REC |
padding-left | CSS Box Model Module Level 3 | WD |
padding-right | CSS 2.1 | REC |
padding-right | CSS Box Model Module Level 3 | WD |
padding-top | CSS 2.1 | REC |
padding-top | CSS Box Model Module Level 3 | WD |
page | CSS Paged Media Module Level 3 | WD |
page-break-after | CSS 2.1 | REC |
page-break-before | CSS 2.1 | REC |
page-break-inside | CSS 2.1 | REC |
pause | CSS 2.1 | REC |
pause-after | CSS 2.1 | REC |
pause-before | CSS 2.1 | REC |
perspective | CSS 3D Transforms Module Level 3 | WD |
perspective-origin | CSS 3D Transforms Module Level 3 | WD |
pitch | CSS 2.1 | REC |
pitch-range | CSS 2.1 | REC |
place-content | CSS Box Alignment Module Level 3 | WD |
place-items | CSS Box Alignment Module Level 3 | WD |
place-self | CSS Box Alignment Module Level 3 | WD |
play-during | CSS 2.1 | REC |
position | CSS 2.1 | REC |
position | CSS Positioned Layout Module Level 3 | WD |
quotes | CSS 2.1 | REC |
quotes | CSS Generated Content Module Level 3 | WD |
region-fragment | CSS Regions Module Level 1 | WD |
resize | CSS Basic User Interface Module Level 4 | WD |
resize | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
richness | CSS 2.1 | REC |
right | CSS 2.1 | REC |
right | CSS Positioned Layout Module Level 3 | WD |
row-gap | CSS Box Alignment Module Level 3 | WD |
ruby-align | CSS Ruby Layout Module Level 1 | WD |
ruby-merge | CSS Ruby Layout Module Level 1 | WD |
ruby-position | CSS Ruby Layout Module Level 1 | WD |
running | CSS Generated Content for Paged Media Module | WD |
scroll-behavior | CSSOM View Module | WD |
scroll-margin | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-block | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-block-end | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-block-start | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-bottom | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-inline | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-inline-end | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-inline-start | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-left | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-right | CSS Scroll Snap Module Level 1 | CR |
scroll-margin-top | CSS Scroll Snap Module Level 1 | CR |
scroll-padding | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-block | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-block-end | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-block-start | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-bottom | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-inline | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-inline-end | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-inline-start | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-left | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-right | CSS Scroll Snap Module Level 1 | CR |
scroll-padding-top | CSS Scroll Snap Module Level 1 | CR |
scroll-snap-align | CSS Scroll Snap Module Level 1 | CR |
scroll-snap-stop | CSS Scroll Snap Module Level 1 | CR |
scroll-snap-type | CSS Scroll Snap Module Level 1 | CR |
scrollbar-color | CSS Scrollbars Module Level 1 | FPWD |
scrollbar-gutter | CSS Overflow Module Level 4 | FPWD |
scrollbar-width | CSS Scrollbars Module Level 1 | FPWD |
shape-image-threshold | CSS Shapes Module Level 1 | CR |
shape-inside | CSS Round Display Level 1 | WD |
shape-margin | CSS Shapes Module Level 1 | CR |
shape-outside | CSS Shapes Module Level 1 | CR |
spatial-navigation-action | CSS Spatial Navigation Level 1 | FPWD |
spatial-navigation-contain | CSS Spatial Navigation Level 1 | FPWD |
speak | CSS 2.1 | REC |
speak-header | CSS 2.1 | REC |
speak-numeral | CSS 2.1 | REC |
speak-punctuation | CSS 2.1 | REC |
speech-rate | CSS 2.1 | REC |
stress | CSS 2.1 | REC |
string-set | CSS Generated Content for Paged Media Module | WD |
string-set | CSS Generated Content Module Level 3 | WD |
stroke | SVG Strokes | FPWD |
stroke | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-align | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-alignment | SVG Strokes | FPWD |
stroke-break | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-color | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-dash-corner | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-dash-justify | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-dashadjust | SVG Strokes | FPWD |
stroke-dasharray | SVG Strokes | FPWD |
stroke-dasharray | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-dashcorner | SVG Strokes | FPWD |
stroke-dashoffset | SVG Strokes | FPWD |
stroke-dashoffset | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-image | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-linecap | SVG Strokes | FPWD |
stroke-linecap | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-linejoin | SVG Strokes | FPWD |
stroke-linejoin | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-miterlimit | SVG Strokes | FPWD |
stroke-miterlimit | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-opacity | SVG Strokes | FPWD |
stroke-opacity | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-origin | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-position | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-repeat | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-size | CSS Fill and Stroke Module Level 3 | FPWD |
stroke-width | SVG Strokes | FPWD |
stroke-width | CSS Fill and Stroke Module Level 3 | FPWD |
tab-size | CSS Text Module Level 3 | WD |
table-layout | CSS 2.1 | REC |
table-layout | CSS Table Module Level 3 | WD |
text-align | CSS 2.1 | REC |
text-align | CSS Text Module Level 3 | WD |
text-align-all | CSS Text Module Level 3 | WD |
text-align-last | CSS Text Module Level 3 | WD |
text-combine-upright | CSS Writing Modes Level 4 | CR |
text-combine-upright | CSS Writing Modes Level 3 | PR |
text-decoration | CSS 2.1 | REC |
text-decoration | CSS Text Decoration Module Level 3 | CR |
text-decoration-color | CSS Text Decoration Module Level 3 | CR |
text-decoration-line | CSS Text Decoration Module Level 3 | CR |
text-decoration-skip | CSS Text Decoration Module Level 4 | FPWD |
text-decoration-skip-ink | CSS Text Decoration Module Level 4 | FPWD |
text-decoration-style | CSS Text Decoration Module Level 3 | CR |
text-decoration-width | CSS Text Decoration Module Level 4 | FPWD |
text-emphasis | CSS Text Decoration Module Level 3 | CR |
text-emphasis-color | CSS Text Decoration Module Level 3 | CR |
text-emphasis-position | CSS Text Decoration Module Level 3 | CR |
text-emphasis-skip | CSS Text Decoration Module Level 4 | FPWD |
text-emphasis-style | CSS Text Decoration Module Level 3 | CR |
text-group-align | CSS Text Module Level 4 | WD |
text-height | CSS3module: line | WD |
text-indent | CSS 2.1 | REC |
text-indent | CSS Text Module Level 3 | WD |
text-justify | CSS Text Module Level 3 | WD |
text-orientation | CSS Writing Modes Level 4 | CR |
text-orientation | CSS Writing Modes Level 3 | PR |
text-overflow | CSS Basic User Interface Module Level 4 | WD |
text-overflow | CSS Basic User Interface Module Level 3 (CSS3 UI) | REC |
text-overflow | CSS Overflow Module Level 3 | WD |
text-shadow | CSS Text Decoration Module Level 3 | CR |
text-space-collapse | CSS Text Module Level 4 | WD |
text-space-trim | CSS Text Module Level 4 | WD |
text-spacing | CSS Text Module Level 4 | WD |
text-transform | CSS 2.1 | REC |
text-transform | CSS Text Module Level 3 | WD |
text-underline-offset | CSS Text Decoration Module Level 4 | FPWD |
text-underline-position | CSS Text Decoration Module Level 3 | CR |
text-wrap | CSS Text Module Level 4 | WD |
top | CSS 2.1 | REC |
top | CSS Positioned Layout Module Level 3 | WD |
transform | CSS 3D Transforms Module Level 3 | WD |
transform | CSS 2D Transforms | WD |
transform | CSS Transforms Module Level 1 | CR |
transform-box | CSS Transforms Module Level 1 | CR |
transform-origin | CSS 3D Transforms Module Level 3 | WD |
transform-origin | CSS 2D Transforms | WD |
transform-origin | CSS Transforms Module Level 1 | CR |
transform-style | CSS 3D Transforms Module Level 3 | WD |
transition | CSS Transitions | WD |
transition-delay | CSS Transitions | WD |
transition-duration | CSS Transitions | WD |
transition-property | CSS Transitions | WD |
transition-timing-function | CSS Transitions | WD |
unicode-bidi | CSS 2.1 | REC |
unicode-bidi | CSS Writing Modes Level 4 | CR |
unicode-bidi | CSS Writing Modes Level 3 | PR |
user-select | CSS Basic User Interface Module Level 4 | WD |
vertical-align | CSS3module: line | WD |
vertical-align | CSS 2.1 | REC |
vertical-align | CSS Inline Layout Module Level 3 | WD |
visibility | CSS 2.1 | REC |
voice-family | CSS 2.1 | REC |
volume | CSS 2.1 | REC |
white-space | CSS 2.1 | REC |
white-space | CSS Text Module Level 3 | WD |
white-space | CSS Text Module Level 4 | WD |
widows | CSS 2.1 | REC |
widows | CSS Fragmentation Module Level 3 | CR |
widows | CSS Fragmentation Module Level 4 | FPWD |
width | CSS 2.1 | REC |
width | CSS Intrinsic & Extrinsic Sizing Module Level 3 | WD |
will-change | CSS Will Change Module Level 1 | CR |
word-boundary-detection | CSS Text Module Level 4 | WD |
word-boundary-expansion | CSS Text Module Level 4 | WD |
word-break | CSS Text Module Level 3 | WD |
word-spacing | CSS 2.1 | REC |
word-spacing | CSS Text Module Level 3 | WD |
word-wrap | CSS Text Module Level 3 | WD |
wrap-after | CSS Text Module Level 4 | WD |
wrap-before | CSS Text Module Level 4 | WD |
wrap-flow | CSS Exclusions Module Level 1 | WD |
wrap-inside | CSS Text Module Level 4 | WD |
wrap-through | CSS Exclusions Module Level 1 | WD |
writing-mode | CSS Writing Modes Level 4 | CR |
writing-mode | CSS Writing Modes Level 3 | PR |
z-index | CSS 2.1 | REC |
z-index | CSS Positioned Layout Module Level 3 | WD |