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.
widthREC- La propriété
widthpermet de spécifier explicitement la largeur préférée de la boîte d’un élément. min-widthREC- La propriété
min-widthpermet de spécifier la largeur minimale de la boîte d’un élément. max-widthREC- La propriété
max-widthpermet de spécifier la largeur maximale de la boîte d’un élément. heightREC- La propriété
heightpermet de spécifier explicitement la hauteur préférée de la boîte d’un élément. min-heightREC- La propriété
min-heightpermet de spécifier la hauteur minimale de la boîte d’un élément. max-heightREC- La propriété
max-heightpermet de spécifier la hauteur maximale de la boîte d’un élément. box-sizingREC- La propriété
box-sizingdéfinit la boite de référence utilisée pour calculer la hauteur et la largeur totale d’un élément. min-block-sizeWD- La propriété
min-block-sizedéfinit la taille minimale horizontale ou verticale (en fonction de la valeur dewriting-mode) d’un élément de niveau bloc. max-block-sizeWD- La propriété
max-block-sizedéfinit la taille maximale horizontale ou verticale (en fonction de la valeur dewriting-mode) d’un élément de niveau bloc. block-sizeWD- La propriété
block-sizeest une propriété raccourcie qui permet de définir les valeurs demin-block-sizeet demax-block-size. min-inline-inlineWD- La propriété
min-inline-sizedéfinit la taille minimale horizontale ou verticale (en fonction de la valeur dewriting-mode) d’un élément de niveau inline. max-inline-sizeWD- La propriété
max-inline-sizedéfinit la taille maximale horizontale ou verticale (en fonction de la valeur dewriting-mode) d’un élément de niveau inline. inline-sizeWD- La propriété
inline-sizeest une propriété raccourcie qui permet de définir les valeurs demin-inline-sizeet 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-topREC- La propriété
padding-toppermet de régler la taille de la marge intérieure haute d’un élément. padding-rightREC- La propriété
padding-rightpermet de régler la taille de la marge intérieure droite d’un élément. padding-bottomREC- La propriété
padding-bottompermet de régler la taille de la marge intérieure basse d’un élément. padding-leftREC- La propriété
padding-leftpermet de régler la taille de la marge intérieure gauche d’un élément. paddingREC- La propriété
paddingest une propriété raccourcie qui permet de définir les marges intérieures haute, droite, basse et gauche d’un élément. padding-block-startWD- La propriété
padding-block-startpermet 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,directionettext-orientation. padding-block-endWD- La propriété
padding-block-endpermet 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,directionettext-orientation. padding-blockWD- La propriété
padding-blockest une propriété raccourcie qui permet de définir les valeurs depadding-block-startetpadding-block-end. padding-inline-startWD- La propriété
padding-inline-startpermet 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,directionettext-orientation. padding-inline-endWD- La propriété
padding-inline-endpermet 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,directionettext-orientation. padding-inlineWD- La propriété
padding-inlineest une propriété raccourcie qui permet de définir les valeurs depadding-inline-startetpadding-inline-end. margin-topREC- La propriété
margin-toppermet de régler la taille de la marge extérieure haute d’un élément. margin-rightREC- La propriété
margin-rightpermet de régler la taille de la marge extérieure droite d’un élément. margin-bottomREC- La propriété
margin-bottompermet de régler la taille de la marge extérieure basse d’un élément. margin-leftREC- La propriété
margin-leftpermet de régler la taille de la marge extérieure gauche d’un élément. marginREC- La propriété
marginest une propriété raccourcie qui permet de définir les marges extérieure haute, droite, basse et gauche d’un élément. margin-block-startWD- La propriété
margin-block-startpermet 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,directionettext-orientation. margin-block-endWD- La propriété
margin-block-endpermet 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,directionettext-orientation. margin-blockWD- La propriété
margin-blockest une propriété raccourcie qui permet de définir les valeurs demargin-block-startetmargin-block-end. margin-inline-startWD- La propriété
margin-inline-startpermet 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,directionettext-orientation. margin-inline-endWD- La propriété
margin-inline-endpermet 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,directionettext-orientation. margin-inlineWD- La propriété
margin-inlineest une propriété raccourcie qui permet de définir les valeurs demargin-inline-startetmargin-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.
borderREC- La propriété
borderest une propriété raccourcie qui permet de définir les propriétés des bordures pour un élément. border-widthREC- La propriété
border-widthpermet de définir la largeur des bordures d’un élément. border-styleREC- La propriété
border-stylepermet de définir le style des bordures d’un élément (bordure solide, en pointillés, avec effet 3D, etc.). border-colorREC- La propriété
border-colorpermet de définir la couleur des bordures d’un élément. border-bottomREC- La propriété
border-bottompermet de définir les propriétés de la bordure basse d’un élément. border-leftREC- La propriété
border-leftpermet de définir les propriétés de la bordure gauche d’un élément. border-topREC- La propriété
border-toppermet de définir les propriétés de la bordure haute d’un élément. border-rightREC- La propriété
border-rightpermet de définir les propriétés de la bordure droite d’un élément. border-{top|right|bottom|left}-widthREC- Les propriétés
border-{top|right|bottom|left}-widthpermettent de définir la largeur de la bordure {haute|droite|basse|gauche} d’un élément. border-{top|right|bottom|left}-styleREC- Les propriétés
border-{top|right|bottom|left}-widthpermettent de définir le style de la bordure {haute|droite|basse|gauche} d’un élément. border-{top|right|bottom|left}-colorREC- Les propriétés
border-{top|right|bottom|left}-widthpermettent de définir la couleur de la bordure {haute|droite|basse|gauche} d’un élément. border-blockWD- La propriété
border-blockpermet 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,directionet detext-orientationappliquées à l’élément. border-inlineWD- La propriété
border-inlinepermet 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,directionet detext-orientationappliquées à l’élément. border-{block|inline}-widthWD- Les propriétés
border-{block|inline}-widthpermettent de définir la largeur des bordures pour {l’axe de bloc|l’axe en ligne} de l’élément. border-{block|inline}-styleWD- Les propriétés
border-{block|inline}-stylepermettent de définir le style des bordures pour {l’axe de bloc|l’axe en ligne} de l’élément. border-{block|inline}-colorWD- Les propriétés
border-{block|inline}-colorpermettent de définir la couleur des bordures pour {l’axe de bloc|l’axe en ligne} de l’élément. border-block-startWD- La propriété
border-block-startpermet 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-endWD- La propriété
border-block-endpermet 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-startWD- La propriété
border-inline-startpermet 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-endWD- La propriété
border-inline-endpermet 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}-widthWD- Les propriétés
border-{block-start|block-end|inline-start|inline-end-widthpermettent 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}-styleWD- Les propriétés
border-{block-start|block-end|inline-start|inline-end-stylepermettent 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}-colorWD- Les propriétés
border-{block-start|block-end|inline-start|inline-end}-colorpermettent 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-radiusCR- La propriété
border-radiuspermet de définir le niveau de l’arrondi (rayon de courbure) des bordures d’un élément. border-top-left-radiusCR- La propriété
border-top-left-radiuspermet de définir le niveau d’arrondi du coin formé par les bordures gauche et haute d’un élément. border-top-right-radiusCR- La propriété
border-top-right-radiuspermet de définir le niveau d’arrondi des bordures du coin supérieur droit d’un élément. border-bottom-right-radiusCR- La propriété
border-bottom-right-radiuspermet de définir le niveau d’arrondi des bordures du coin inférieur droit d’un élément. border-bottom-left-radiusCR- La propriété
border-bottom-left-radiuspermet de définir le niveau d’arrondi des bordures du coin inférieur gauche d’un élément. border-start-start-radiusWD- La propriété
border-start-start-radiuspermet 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-radiuspar défaut) border-start-end-radiusWD- La propriété
border-start-end-radiuspermet 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-radiuspar défaut) border-end-start-radiusWD- La propriété
border-end-start-radiuspermet 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-radiuspar défaut) border-end-end-radiusWD- La propriété
border-end-end-radiuspermet de définir l’arrondi des bordures relatives au coin représentant la fin des axes en ligne et de bloc (border-bottom-right-radiuspar défaut) border-imageCR- La propriété
border-imageproprié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}-imageWD- Les propriétés
border{bottom|left|top|right}-imagesont identiques àborder-imagemais sont utilisées pour définir une ou plusieurs images pour chaque bordure de l’élément (hors coins). border-image-sourceCR- La propriété
border-image-sourcepermet de spécifier une image à utiliser à la place du rendu spécifié par la propriétéborder-style. border-image-sliceCR- La propriété
border-image-slicepermet 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-widthCR- La propriété
border-image-widthpermet de définir les décalages utilisés pour diviser la zone d’image de la bordure en neuf parties. border-image-outsetCR- La propriété
border-image-outsetpermet d’indiquer dans quelle ampleur la zone d’image de bordure doit s’étendre au delà de la boite de bordure. border-image-repeatCR- La propriété
border-image-repeatpermet de définir le comportement de répétition d’une image de bordure. border-corner-imageWD- La propriété
border-corner-imageest 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}-imageWD- Les propriétés
border-{top-left|top-right|bottom-right|bottom-left}-imagesont identiques àborder-corner-imagemais pour chaque coin de bordure. border-fitWD- La propriété
border-fitpermet de déterminer si et comment les images de bordure seront insérées. border-fit-lengthWD- La propriété
border-fit-lengthdé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-widthWD- La propriété
border-fit-widthdé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-lengthWD- Les propriétés
border-{bottom|left|top|right}-fit-lengthsont identiques àborder-fit-lengthmais pour chaque bordure. border-{bottom|left|top|right}-fit-widthWD- Les propriétés
border-{bottom|left|top|right}-fit-widthsont identiques àborder-fit-widthmais pour chaque bordure. border-corner-fitWD- La propriété
border-corner-fitest 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-lengthWD- La propriété
-{top-left|top-right|bottom-right|bottom-left}-fit-lengthpermet 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-widthWD- La propriété
-{top-left|top-right|bottom-right|bottom-left}-fit-widthpermet 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-transformWD- La propriété
border-image-transformpermet d’indiquer que les images sur les bords doivent être des transformations de l’image définie enborder-top-image. border-corner-image-transformWD- La propriété
border-corner-image-transformpermet 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-boundaryWD- La propriété
border-boundarypermet de définir une contrainte de limite qui affecte les bordures d’un élément. border-breakWD- La propriété
border-breakpermet 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.
positionREC- La propriété
positionpermet d’indiquer quel algorithme de positionnement doit être utilisé pour calculer la position d’une boîte. topREC- La propriété
toppermet 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. rightREC- La propriété
rightpermet 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. bottomREC- La propriété
bottompermet 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. leftREC- La propriété
leftpermet 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-indexREC- La propriété
z-indexpermet 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-endWD- La propriété
offset-endindique 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-modeetdirection. Pourwriting-mode : horizontal-tbetdirection: ltr, cela correspond au bord droit. offset-beforeWD- La propriété
offset-beforeindique 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-modeetdirection. Pourwriting-mode : horizontal-tbetdirection: ltr, cela correspond au bord supérieur. offset-afterWD- La propriété
offset-afterindique 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-modeetdirection. Pourwriting-mode : horizontal-tbetdirection: ltr, cela correspond au bord inférieur. offset-startWD- La propriété
offset-startindique 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-modeetdirection. Pourwriting-mode : horizontal-tbetdirection: ltr, cela correspond au bord gauche. inset-block-startWD- La propriété
inset-block-startpermet 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,directionettext-orientation. inset-block-endWD- La propriété
inset-block-endpermet 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,directionettext-orientation. inset-blockWD- La propriété
inst-blockpermet de définir les valeurs des propriétésinset-block-startetinset-block-end. inset-inline-startWD- La propriété
inset-inline-startpermet 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,directionettext-orientation. inset-inline-endWD- La propriété
inset-inline-endpermet 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,directionettext-orientation. inset-inlineWD- La propriété
inst-inlinepermet de définir les valeurs des propriétésinset-inline-startetinset-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.
floatREC- La propriété
floatpermet 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. clearREC- La propriété
clearpermet 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-deferFPWD- La définition de la propriété
float-defern’est pas définitive pour le moment (la propriété vient tout juste d’être proposée). float-offsetFPWD- La définition de la propriété
float-offsetn’est pas définitive pour le moment (la propriété vient tout juste d’être proposée). float-referenceFPWD- La définition de la propriété
float-referencen’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.
visibilityREC- La propriété
visibilitypeut ê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.
displayREC- La propriété
displaypermet 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-contentCR- La propriété
align-contentpermet 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-contentCR- La propriété
justify-contentpermet d’aligner le contenu d’une boite élément par rapport à la boite le long de l’axe principal / l’axe en ligne. place-contentWD- La propriété
place-contentest une propriété raccourcie qui permet de définir les valeurs pouralign-contentetjustify-content. align-selfCR- La propriété
align-selfpermet d’aligner une boite au sein de son conteneur sur l’axe secondaire ou axe en colonne. justify-selfWD- La propriété
justify-selfpermet 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-selfWD- La propriété
place-selfest une propriété raccourcie qui permet de définir les valeurs pouralign-selfetjustify-self. align-itemsCR- La propriété
align-itemspermet de définir la valeur dealign-selfpour l’ensemble des éléments descendants directs. justify-itemsWD- La propriété
justify-itemspermet de définir la valeur dejustify-selfpour l’ensemble des éléments descendants directs. place-itemsWD- La propriété
place-itemsest une propriété raccourcie qui permet de définir les valeurs pouralign-itemsetjustify-items. row-gapWD- La propriété
row-gappermet 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-gapWD- La propriété
column-gappermet 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. gapWD- La propriété
gapest une propriété raccourcie qui permet de définir les valeurs derow-gapet decolumn-gap. orderCR- La propriété
ordercontrô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-growCR- La propriété
flex-growdéfinit la capacité d’une élément flexible à s’étendre pour occuper l’espace disponible. flex-shrinkCR- La propriété
flex-shrinkdéfinit la capacité d’une élément flexible à rétrécir pour ne pas déborder de son conteneur. flex-basisCR- La propriété
flex-basisdétermine la taille de base d’un élément flexible avant que tout espace soit redistribué. flexCR- La propriété
flexest une propriété raccourcie qui permet de définir les valeurs pourflex-grow,flex-shrinketflex-basis. flex-directionCR- La propriété
flex-directionpermet 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-wrapCR- La propriété
flex-wrapdé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-flowCR- La propriété
flex-flowest une propriété raccourcie qui permet de définir les valeurs pourflex-directionetflex-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-columnsCR- La propriété
grid-template-columnsspécifie la liste des pistes (nom et taille) pour les colonnes de la grille. grid-template-rowsCR- La propriété
grid-template-rowsspécifie la liste des pistes (nom et taille) pour les lignes de la grille. grid-template-areasCR- La propriété
grid-template-areaspermet de définir des zones de grille nommées. grid-templateCR- La propriété
grid-templateest une propriété raccourcie qui permet de définir les valeurs degrid-template-columns,grid-template-rowsetgrid-template-areas. grid-auto-rowsCR- La propriété
grid-auto-rowspermet de définir la taille des pistes créées de façon implicite pour les lignes d’une grille. grid-auto-columnsCR- La propriété
grid-auto-columnspermet de définir la taille des pistes créées de façon implicite pour les colonnes d’une grille. grid-auto-flowCR- La propriété
grid-auto-flowcontrô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. gridCR- La propriété
gridest 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-columnsetgrid-template-areas) et implicites (grid-auto-rows,grid-auto-columnsetgrid-auto-flow). grid-row-startCR- La propriété
grid-row-startpermet de définir la ligne de départ d’un élément de grille. grid-row-endCR- La propriété
grid-row-endpermet de définir la ligne de fin d’un élément de grille. grid-rowCR- La propriété
grid-rowest une propriété raccourcie qui permet de définir les valeurs pourgrid-row-startetgrid-row-end. grid-column-startCR- La propriété
grid-column-startpermet de définir la colonne de départ d’un élément de grille. grid-column-endCR- La propriété
grid-column-endpermet de définir la colonne de fin d’un élément de grille. grid-columnCR- La propriété
grid-columnest une propriété raccourcie qui permet de définir les valeurs pourgrid-column-startetgrid-column-end. grid-areaCR- La propriété
grid-areaest une propriété raccourcie qui permet de définir les valeurs pourgrid-row-start,grid-column-start,grid-row-endetgrid-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-beforeCR- La propriété
break-beforepermet de spécifier un comportement de rupture de page / colonne / région précédant la boite élément. break-afterCR- La propriété
break-afterpermet de spécifier un comportement de rupture de page / colonne / région suivant la boite élément. break-insideCR- La propriété
break-insidepermet de spécifier un comportement de rupture de page / colonne / région au sein de la boite élément. orphansCR- La propriété
orphansspécifie le nombre minimum de lignes dans un conteneur bloc qui doit être laissé dans un fragment avant fragmentation (cassure). widowsCR- La propriété
widowsspécifie le nombre maximum de lignes dans un conteneur bloc qui doit être laissé dans un fragment avant fragmentation. page-break-beforeREC- La propriété
page-break-beforeest une propriété héritée du CSS 2.1. On lui préfère la propriétébreak-beforeaujourd’hui. page-break-afterREC- La propriété
page-break-afterest une propriété héritée du CSS 2.1. On lui préfère la propriétébreak-afteraujourd’hui. page-break-insideREC- La propriété
page-break-insideest une propriété héritée du CSS 2.1. On lui préfère la propriétébreak-insideaujourd’hui. margin-breakFPWD- La propriété
margin-breakdé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-breakCR- La propriété
box-decoration-breakdé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-fromWD- La propriété
flow-fromtransforme un conteneur de type bloc en une région et l’associe à un flux nommé. flow-intoWD- La propriété
flow-intopeut 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-fragmentWD- La propriété
region-fragmentcontrô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-widthWD- La propriété
column-widthpermet de définir la largeur des colonnes dans un conteneur multi-colonnes. column-countWD- La propriété
column-countpermet de définir le nombre de colonnes dans un conteneur multi-colonnes. columnsWD- La propriété
columnsest une propriété raccourcie qui permet de définir les valeurs decolumn-widthetcolumn-count. column-rule-widthWD- La propriété
column-rule-widthdéfinit une règle de taille pour les colonnes d’un élément. column-rule-styleWD- La propriété
column-rule-styledéfinit une règle de style pour les colonnes d’un élément. column-rule-colorWD- La propriété
column-rule-colordéfinit une règle de couleur pour les colonnes d’un élément. column-ruleWD- La propriété
column-ruleest une propriété raccourcie qui permet de définir les valeurs decolumn-rule-width,column-rule-styleetcolumn-rule-color. column-spanWD- La propriété
column-spandéfinit le nombre de colonnes qu’un élément doit occuper. column-fillWD- La propriété
column-fillpermet 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-familyREC- La propriété
font-familyspécifie une liste hiérarchisée de noms de familles de polices ou de noms de familles génériques. font-weightREC- La propriété
font-weightspécifie le poids des glyphes dans la police, leur degré de noirceur ou l’épaisseur du trait. font-stretchREC- La propriété
font-stretchsélectionne une forme normale, condensée ou étendue dans une famille de polices. font-styleREC- La propriété
font-stylepermet de sélectionner une forme italique ou oblique pour une police. font-sizeREC- La propriété
font-sizeindique la hauteur souhaitée des glyphes à partir de la police. font-size-adjustREC- La propriété
font-size-adjustpermet de préserver la lisibilité d’une police de repli en uniformisant la valeur d’aspect des différentes polices. fontREC- La propriété
fontest une propriété raccourcie qui permet de définir les valeurs defont-style,font-variant,font-weight,font-stretch,font-size,font-heightetfont-family. font-synthesis-weightWD- La propriété
font-synthesis-weightdé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-styleWD- La propriété
font-synthesis-styledé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-synthesisREC- La propriété
font-synthesisest une proprété raccourcie qui permet de définir les valeurs pourfont-synthesis-weightetfont-synthesis-style. font-synthesis-small-capsWD- La propriété
font-synthesis-small-capsdétermine si les agents utilisateurs sont autorisés à synthétiser des minusucles pour des polices qui ne possèdent pas de fgrme minuscule. font-kerningREC- Le crénage (kerning) est l’ajustement contextuel de l’espacement entre les glyphes. La propriété
font-kerningcontrôle le crénage métrique, le crénage qui utilise les données de réglage contenues dans la police. font-variant-ligaturesREC- La propriété
font-variant-ligaturespermet 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-capsREC- La propriété
font-variant-capspermet de contrôler les glyphes utilisés pour représenter les lettres en capitales. font-variant-numericREC- La propriété
font-variant-numericpermet de contrôler la forme des caractères numériques (nombres, fractions, etc.). font-variant-alternatesWD- La propriété
font-variant-alternatescontrôle l’utilisation de glyphes alternatifs. font-variant-east-asianREC- La propriété
font-variant-east-asiancontrôle l’utilisation des glyphes alternatifs pour les scripts japonais, chinois et d’Asie orientale. font-variant-positionREC- La propriété
font-variant-positionpermet d’utiliser des glyphes de plus petite taille positionnés en exposant ou en indice. font-variantREC- La propriété
font-variantest 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-asianetfont-variant-position. font-feature-settingsREC- La propriété
font-feature-settingsfournit un contrôle de bas niveau sur les fonctionnalités de police OpenType. font-language-overrideWD- La propriété
font-language-overridepermet 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-sizingWD- La propriété
font-optical-sizingdé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-settingsWD- La propriété
font-variation-settingsfournit un contrôle de bas niveau sur les variations de police OpenType ou TrueType. font-paletteWD- La propriété
font-palettepermet de définir la palette de couleur utilisée au sein de certains glyphes. font-variant-emojiWD- La propriété
font-variant-emojipermet 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-transformREC- La propriété
text-transformpermet de transformer le texte pour le styliser. word-boundary-detectionWD- La propriété
word-boundary-detectionpermet 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-expansionWD- La propriété
word-boundary-expansionpermet 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-collapseWD- La propriété
text-space-collapseindique si et comment l’espace blanc à l’intérieur de l’élément est réduit. text-wrapWD- La propriété
text-wrapspécifie le mode d’habillage du texte. text-space-trimWD- La propriété
text-space-trimpermet de spécifier le comportement de rognage au début et à la fin d’une boite. white-spaceREC- La propriété
white-spaceest une propriété raccourcie qui permet de définir les valeurs detext-space-collapse,text-wrapettext-space-trim. wrap-beforeWD- La propriété
wrap-beforepermet de définir un comportement à adopter par rapport aux opportunités de rupture de ligne avant la boite. wrap-afterWD- La propriété
wrap-afterpermet de définir un comportement à adopter par rapport aux opportunités de rupture de ligne après la boite. wrap-insideWD- La propriété
wrap-insidepermet de définir un comportement à adopter par rapport aux opportunités de rupture de ligne à l’intérieur de la boite. tab-sizeWD- La propriété
tab-sizedétermine la taille de la tabulation utilisée pour le rendu des caractères de tabulation préservés. hyphenate-characterWD- La propriété
hyphenate-characterspécifie la chaîne affichée entre les parties de mots avec un trait d’union. hyphenate-limit-zoneWD- La propriété
hyphenate-limit-zonespé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-charsWD- La propriété
hyphenate-limit-charsspé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-linesWD- La propriété
hyphenate-limit-linesindique le nombre maximum de lignes successives avec des tirets dans un élément. hyphenate-limit-lastWD- La propriété
hyphenate-limit-lastindique le comportement de césure à la fin des éléments, des colonnes, des pages et des écarts. text-align-allWD- La propriété
text-align-allspé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-lastqui n’est pasauto. text-align-lastWD- La propriété
text-align-lastdécrit comment la dernière ligne d’un bloc ou une ligne juste avant un saut de ligne forcé est alignée. text-alignREC- La propriété
text-alignest une propriété raccourcie qui permet de définir les valeurs detest-align-allettext-align-lastet 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-justifyWD- La propriété
text-justifysélectionne la méthode de justification utilisée lorsque l’élément possède untext-align: justify. text-group-alignWD- La propriété
text-group-alignaligne le contenu des boites de lignes en tant que groupe tout en maintenant leur alignement de texte. line-paddingWD- La propriété
line-paddingajuste l’espacement uniquement au début / à la fin d’une ligne. text-spacingWD- La propriété
text-spacingcontrôle l’espacement entre les caractères adjacents sur la même ligne. word-breakWD- La propriété
word-breakspécifie où il est «normal» et autorisé de rompre les lignes de texte. line-breakWD- La propriété
line-breakspécifie le degré de rigueur des règles de rupture de ligne appliquées dans un élément. hyphensWD- La propriété
hyphenspermet de contrôler les possibilités de césure. overflow-wrapWD- La propriété
overflow-wrappermet 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-wrapWD- La propriété
word-wrapest un alias deoverflow-wrap. word-spacingREC- La propriété
word-spacingpermet d’ajouter de l’espace supplémentaire entre les mots. letter-spacingWD- La propriété
letter-spacingpermet d’ajouter de l’espace supplémentaire entre les lettres. text-indentREC- La propriété
text-indentspécifie l’indentation appliquée aux lignes du contenu en ligne d’un bloc. hanging-punctuationWD- La propriété
hanging-punctuationindique 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-lineCR- La propriété
text-decoration-linepermet de définir les décorations de lignes à ajouter à l’élément. text-decoration-styleCR- La propriété
text-decoration-stylepermet de définir le style des lignes dessinées pour décorer le texte text-decoration-colorCR- La propriété
text-decoration-colorpermet de définir le couleur des lignes dessinées pour décorer le texte. text-decorationCR- La propriété
text-decorationest une propriété raccourcie qui permet de définir les valeurs detext-decoration-line,text-decoration-styleettext-decoration-color. text-decoration-widthFPWD- La propriété
text-decoration-widthdéfinit l’épaisseur du trait des soulignements, des surlignages et des lignes. text-underline-positionCR- La propriété
text-underline-positiondéfinit la position d’un soulignement spécifié sur l’élément. text-emphasis-styleCR- La propriété
text-emphasis-styledéfinit le type des marques d’emphase utilisée. text-emphasis-colorCR- La propriété
text-emphasis-colordéfinit la couleur des marques d’emphase utilisée. text-emphasisCR- La propriété
text-emphasisest une propriété raccourcie qui permet de définir les valeurs detext-emphasis-styleettext-emphasis-color. text-emphasis-positionCR- La propriété
text-emphasis-positionpermet de définir l’emplacement des marques d’emphase. text-emphasis-skipFPWD- La propriété
text-emphasis-skippermet de définir pour quels caractères les marques d’emphase doivent être dessinées. text-shadowCR- La propriété
text-shadowpermet d’ajouter des ombres autour des textes. text-underline-offsetFPWD- La propriété
text-underline-offsetdéfinit le décalage des soulignements par rapport à leur position initiale. text-decoration-skipFPWD- La propriété
text-decoration-skipspécifie les parties du contenu de l’élément que toute décoration de texte affectant l’élément doit ignorer. text-decoration-skip-inkFPWD- La propriété
text-decoration-skip-inkcontrô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-heightREC- La propriété
line-heightpermet de définir permet de définir la hauteur de la boîte d’une ligne. dominant-baselineWD- La propriété
dominant-baselinepermet 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-shiftWD- La propriété
baseline-shiftpermet de repositionner la ligne de base dominante par rapport à la ligne de base dominante du contenu textuel du parent. alignment-baselineWD- La propriété
alignment-baselinepermet de définir quel point d’une boite de niveau inline va être aligné sur tel point du parent. vertical-alignWD- La propriété
vertical-alignest une propriété raccourcie qui permet de définir les valeurs debaseline-shiftet dealignment-baseline. Elle spécifie la façon dont une boite de niveau inline va être aligné dans la ligne. inline-sizingWD- La propriété
inline-sizingspé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-lettersWD- La propriété
initial-letterspermet de définir le style des lettrines (lettres initiales) qu’elles soient rabaissées ou surélevées. initial-letters-alignWD- La propriété
initial-letters-alignspécifie les points d’alignement utilisés pour dimensionner et positionner une lettre initiale. initial-letters-wrapWD- La propriété
initial-letters-wrapspé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-xWD- La propriété
overflow-xpermet de définir la façon dont on souhaite gérer les débordements dans la direction horizontale. overflow-yWD- La propriété
overflow-ypermet de définir la façon dont on souhaite gérer les débordements dans la direction verticale. overflowREC- La propriété
overflowest une propriété raccourcie qui permet de définir les valeurs deoverflow-xetoverflow-y. overflow-blockWD- La propriété
overflow-blockpermet de définir la façon dont on souhaite gérer les débordements dans une direction déterminée par la valeur duwriting-modede l’élément. overflow-inlineWD- La propriété
overflow-inlinepermet de définir la façon dont on souhaite gérer les débordements dans une direction déterminée par la valeur duwriting-modede l’élément. text-overflowREC- La propriété
text-overflowspé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 ») dontoverflowest autre quevisible. max-linesWD- La propriété
max-lineslimite le contenu d’un bloc à un nombre maximal de lignes avant d’être coupée. block-overflowWD- La propriété
block-overflowpermet 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. continueWD- La propriété
continuepermet 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-clampWD- La propriété
line-clampest une propriété raccourcie qui permet de définir les valeurs demax-lines,block-overflowetcontinue. scrollbar-gutterFPWD- La propriété
scrollbar-gutterpermet 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-imageREC- La propriété
list-style-imagepermet de définir l’image utilisée comme puce devant les éléments de listes. list-style-typeREC- La propriété
list-style-typepermet de définir le type de puce d’un élément de liste (cercle, caractère, etc.) list-style-positionREC- La propriété
list-style-positionpermet de définir la position du marqueur (::marker) de liste par rapport à la boîte principale. list-styleREC- La propriété
list-styleest 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-sideWD- La propriété
marker-sidespé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-resetREC- La propriété
counter-resetinstancie les nouveaux compteurs sur un élément et les définit sur les valeurs entières spécifiées. counter-incrementREC- La propriété
counter-incrementpermet 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-setWD- La propriété
counter-setpermet 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-layoutREC- La propriété
permet de définir l’algorithme utilisé pour disposer les cellules, lignes et colonnes d’un tableau. border-collapseREC- La propriété
permet d’indiquer si les bordures des celllules adjacentes d’un tableau doivent être fusionnées ou non. border-spacingREC- La propriété
permet de définir la taille de l’espace entre les bordures des celllules adjacentes d’un tableau. caption-sideREC- La propriété
permet de définir la position de la légende d’un tableau. empty-cellsREC- 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-fitCR- La propriété
object-fitspé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-positionCR- La propriété
object-positiondétermine l’alignement de l’élément remplacé dans sa boîte. image-orientationCR- La propriété
image-orientationest dans les dernières spécifications CSS considérée comme dépréciée. image-renderingCR- La propriété
image-renderingindique à 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-resolutionWD- La propriété
image-resolutionpermet 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-propertyWD- La propriété
transition-propertyspécifie le nom de la propriété CSS à laquelle la transition est appliquée. transition-durationWD- La propriété
transition-durationdéfinit la durée d’une transition. transition-timing-functionWD- La propriété
transition-timing-functiondécrit comment les valeurs intermédiaires utilisées lors d’une transition seront calculées. transition-delayWD- La propriété
transition-delaypermet de définir un délai avant le démarrage d’une transition. transitionWD- La propriété
transitionest 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.
animationWD- La propriété
animationest une propriété raccourcie qui permet de créer des animations. animation-nameWD- La propriété
animation-namepermet de définir un nom pour une animation. animation-durationWD- La propriété
animation-durationpermet de définir la durée d’une animation. animation-timing-functionWD- La propriété
animation-timing-functionpermet de définir la façon dont une animation CSS doit se dérouler au cours de chaque cycle. animation-delayWD- La propriété
animation-delaypermet de définir un délai avant le début d’une animation. animation-iteration-countWD- La propriété
animation-iteration-countpermet d’indiquer le nombre de cycles pendant lesquels une animation doit être jouée. animation-directionWD- La propriété
animation-directionpermet de définir dans quelle direction les cycles d’une animation doivent être joués (début -> fin, fin -> début, alterné…). animation-fill-modeWD- La propriété
animation-fill-modepermet 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-stateWD- La propriété
animation-play-statepermet 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.
transformCR- La propriété
transformpermet de définir une transformation 2D ou 3D à appliquer à un élément via une liste de fonctions de transformation. transform-originCR- La propriété
transform-originpermet d’établir l’origine de la transformation pour un élément. transform-boxCR- La propriété
transform-boxpermet de déterminer la boite de référence de l’élément à utiliser pour appliquer une transformation. transform-styleWD- La propriété
transform-styledéfinit le mode de rendu des éléments imbriqués dans un espace 3D. perspectiveWD- La propriété
perspectiveapplique 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-originWD- La propriété
perspective-originpermet de définir le point d’origine pour la propriétéperspective. backface-visibilityWD- La propriété
backface-visibilitydé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-gridWD- La propriété
line-gridspé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-snapWD- La propriété
line-snappermet d’aligner les lignes des éléments contenus dans l’élément possédant unline-gridsur la grille servant de ligne de base définie parline-grid. box-snapWD- La propriété
box-snapspé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.
backgroundREC- La propriété
backgroundest une propriété raccourcie qui permet de définir le fond où arrière plan d’un élément. background-colorREC- La propriété
background-colorpermet de définir une couleur de fond pour un élément. background-imageREC- La propriété
background-imagepermet de définir une image de fond pour un élément. background-originCR- La propriété
background-originpermet 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-positionREC- La propriété
background-positionpermet de définir la position de l’image par rapport à l’origine définie avecbackground-origin. background-sizeCR- La propriété
background-sizepermet de définir la taille des images de fond. background-repeatREC- La propriété
background-repeatpermet de définir le comportement de répétition d’une image de fond. background-attachmentREC- La propriété
background-attachmentpermet 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-clipCR- La propriété
background-clippermet 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-shadowCR- La propriété
box-shadowpermet 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-widthREC- La propriété
outline-widthpermet 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-styleREC- La propriété
outline-stylepermet de définir la mise en forme utilisée pour dessiner l’outline d’un élément. outline-colorREC- La propriété
outline-colorpermet de définir la couleur utilisée pour dessiner l’outline d’un élément. outlineREC- La propriété
outlineest une propriété raccourcie qui permet de définir les valeurs deoutline-width,outline-styleetoutline-color. outline-offsetREC- La propriété
outline-offsetpermet de définir l’espace à ajouter entre le bord de la boite de bordure d’un élément et l’outline. resizeREC- La propriété
resizepermet de spécifier si un élément est redimensionnable par l’utilisateur et, le cas, échéant, selon quel(s) axe(s). cursorREC- La propriété
cursorpermet 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-colorREC- La propriété
caret-colorpermet de définir la couleur du curseur au sein des éléments dans lesquels l’utilisateur peut écrire (éléments de typeinputprincipalement). caret-shapeWD- La propriété
caret-shapepermet de définir la forme du curseur au sein des éléments dans lesquels l’utilisateur peut écrire. caretWD- La propriété
caretest une propriété raccourcie qui permet de définir les valeurs decaret-coloret decaret-shape. nav-upWD- La propriété
nav-uppermet 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-rightWD- La propriété
nav-rightpermet 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-downWD- La propriété
nav-downpermet 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-leftWD- La propriété
nav-leftpermet 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-selectWD- La propriété
user-selectpermet 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-pathCR- La propriété
clip-pathspé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éclipqui est aujourd’hui dépréciée. clip-ruleCR- La propriété
clip-ruleindique 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-imageCR- La propriété
mask-imagedéfinit l’image qui sera utilisée comme masque pour un élément. mask-modeCR- La propriété
mask-modedétermine si le masque défini parmask-image> est considéré comme un masque de luminance ou un masque alpha mask-repeatCR- La propriété
mask-repeatdé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-positionCR- La propriété
mask-positionindique la position initiale pour chaque image de masque utilisée relativement à l’origine définie avecmask-origin. mask-clipCR- La propriété
mask-clipdéfinit la zone qui est modifiée par un masque. mask-originCR- La propriété
mask-originpermet de définir le point d’origine à partir duquel placer le masque. mask-sizeCR- La propriété
mask-sizepermet de définir les dimensions des images utilisées comme masques. mask-compositeCR- La propriété
mask-compositepermet 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. maskCR- La propriété
maskest une propriété raccourcie qui permet de définir les valeurs demask-image,mask-mode,mask-repeat,mask-position,mask-clip,mask-origin,mask-sizeetmask-composite. mask-border-sourceCR- La propriété
mask-border-sourcepermet de définir l’image à utiliser pour créer le masque de bordure d’un élément. mask-border-modeCR- La propriété
mask-border-modeindique le mode de fusion utilisé pour le masque de bordure. mask-border-sliceCR- La propriété
mask-border-slicepermet de découper l’image source fournie parmask-border-sourceen différentes régions. mask-border-widthCR- La propriété
mask-border-widthdéfinit la largeur du masque de bordure d’un élément. mask-border-outsetCR- La propriété
mask-border-outsetindique la distance entre le masque de la bordure et la boîte de la bordure. mask-border-repeatCR- La propriété
mask-border-repeatpermet 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-borderCR- La propriété
mask-borderest 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-repeatetmask-border-mode. mask-typeCR- La propriété
mask-typepermet 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-typeCR- La propriété
scroll-snap-typepermet 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-topCR- La propriété
scroll-padding-toppermet 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-rightCR- La propriété
scroll-padding-rightpermet 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-bottomCR- La propriété
scroll-padding-bottompermet 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-leftCR- La propriété
scroll-padding-leftpermet 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-paddingCR- La propriété
scroll-paddingest une propriété raccourcie qui permet de définir les valeurs descroll-padding-top,scroll-padding-right,scroll-padding-bottometscroll-padding-left. scroll-padding-block-startCR- La propriété
scroll-padding-block-startpermet 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-endCR- La propriété
scroll-padding-block-endpermet 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-blockCR- La propriété
scroll-padding-blockest une propriété raccourcie qui permet de définir les valeurs descroll-padding-block-startetscroll-padding-block-end. scroll-padding-inline-startCR- La propriété
scroll-padding-inline-startpermet 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-endCR- La propriété
scroll-padding-inline-endpermet 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-inlineCR- La propriété
scroll-padding-inlineest une propriété raccourcie qui permet de définir les valeurs descroll-padding-inline-startetscroll-padding-inline-end. scroll-margin-topCR- La propriété
scroll-margin-toppermet de définir la marge de défilement de l’élément sur le bord supérieur. scroll-margin-rightCR- La propriété
scroll-margin-rightpermet de définir la marge de défilement de l’élément sur le côté droit. scroll-margin-bottomCR- La propriété
scroll-margin-bottompermet de définir la marge de défilement de l’élément sur le bord inférieur. scroll-margin-leftCR- La propriété
scroll-margin-leftpermet de définir la marge de défilement de l’élément sur le côté gauche. scroll-margin-block-startCR- La propriété
scroll-margin-block-startdéfinit la marge de défilement de l’élément sur le début de l’axe de bloc. scroll-margin-block-endCR- La propriété
scroll-margin-block-enddéfinit la marge de défilement de l’élément sur la fin de l’axe de bloc. scroll-margin-blockCR- La propriété
scroll-margin-blockest une propriété raccourcie qui permet de définir les valeurs descroll-margin-block-startetscroll-margin-block-end. scroll-margin-inline-startCR- La propriété
scroll-margin-inline-startdéfinit la marge de défilement de l’élément sur le début de l’axe en ligne. scroll-margin-inline-endCR- La propriété
scroll-margin-inline-enddéfinit la marge de défilement de l’élément sur la fin de l’axe en ligne. scroll-margin-inlineCR- La propriété
scroll-margin-inlineest une propriété raccourcie qui permet de définir les valeurs descroll-margin-inline-startetscroll-margin-inline-end. scroll-snap-alignCR- La propriété
scroll-snap-aligndé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-stopCR- La propriété
scroll-snap-stopdéfinit la façon dont un conteneur de défilement peut « passer outre » certaines positions d’accroche. scrollbar-colorFPWD- La propriété
scrollbar-colorpermet de définir les couleurs des barres de défilement d’un élément. scrollbar-widthFPWD- La propriété
scrollbar-widthpermet de définir l’épaisseur maximale des barres de défilement d’un élément lorsqu’elles sont affichées. overscroll-behavior-xFPWD- La propriété
overscroll-behavior-xspécifie le comportement de à adopter lors d’un dépassement de la limite de défilement sur l’axe horizontal. overscroll-behavior-yFPWD- La propriété
overscroll-behavior-yspécifie le comportement de à adopter lors d’un dépassement de la limite de défilement sur l’axe vertical. overscroll-behaviorFPWD- La propriété
overscroll-behaviorest une propriété raccourcie qui permet de définir les valeurs deoverscroll-behavior-xetoverscroll-behavior-y. overscroll-behavior-blockFPWD- La propriété
overscroll-behavior-blockspé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-inlineFPWD- La propriété
overscroll-behavior-inlinespé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-behaviorFPWD- La propriété
scroll-behaviordé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.
directionREC- La propriété
directionspé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-bideREC- La propriété
unicode-bidipermet aux boites inline de remplacer la directionnalité intrinsèque du texte. Elle ne devrait pas être utilisée dans les documents HTML. writing-modeCR- La propriété
writing-modepermet de spécifier si les lignes de texte doivent être disposées horizontalement ou verticalement et la direction dans laquelle les blocs progressent. text-orientationCR- La propriété
text-orientationpermet de définir l’orientation du texte dans une ligne. Elle n’a d’effet que dans les modes typographiques verticaux. text-combine-uprightCR- La propriété
text-combine-uprightdé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-outsideCR- La propriété
shape-outsidedéfinit une forme (qui peut ne pas être un rectangle) autour de laquelle le contenu en ligne devra « s’écouler ». shape-image-thresholdCR- La propriété
shape-image-thresholddéfinit le seuil en terme de canal alpha à utiliser pour extraire la forme d’une image. shape-marginCR- La propriété
shape-marginpermet de définir la marge autour d’une forme CSS créée avecshape-outside. shape-insideWD- La propriété
shape-insidepermet 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-pathWD- 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-distanceWD- La propriété
définit une position le long d’un chemin défini avecoffset-path. offset-positionWD- La propriété
permet de définir la position initiale du chemin défini avecoffset-path. offset-anchorWD- La propriété
offset-anchorpermet de définir un opint d’ancrage pour pour une boite positionnée le long d’un chemin défini avecoffset-path. offset-rotateWD- La propriété
permet de définir l’orientation de la boîte lors du positionnement le long du chemin défini avecoffset-path. offsetWD- La propriété
est une propriété raccourcie qui permet de définir les valeurs pouroffset-position,offset-path,offset-distance,offset-rotateetoffset-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-modeCR- La propriété
mix-blend-modepermet 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. isolationCR- La propriété
isolationindique que l’élément crée un nouveau contexte d’empilement. background-blend-modeCR- La propriété
background-blend-modedé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.
colorREC- La propriété
colorpermet de définir la couleur des textes. opacityREC- La propriété
opacitypermet de définir le niveau d’opacité (et donc de transparence) d’un élément. color-schemeWD- La propriété
color-schemepermet à un élément d’indiquer les combinaisons de couleurs avec lesquelles il devrait être rendu. forced-color-adjustWD- La propriété
forcer-color-adjustpermet de sortir des éléments du mode de couleurs forcées afin de contrôler totalement les couleurs. color-adjustWD- La propriété
color-adjustindique à 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(). allCR- La propriété
allpermet de réinitialiser toutes les propriétés, à l’exception deunicode-bidietdirection, avec leurs valeurs initiales, héritées ou qui proviennent d’une autre feuille de style. containREC- La propriété
containpermet d’indiquer qu’un élément, ainsi que son contenu, sont, autant que possible, indépendants du reste de l’arbre du document. will-changeCR- La propriété
will-changefournit 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.
contentREC- La propriété
contentdétermine ce qui est rendu à l’intérieur d’un élément ou d’un pseudo-élément. quoteREC- La propriété
quotespé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.
pageWD- La propriété
pageest utilisée pour spécifier un type de page particulier (appelé page nommée) sur lequel un élément doit être affiché. sizeWD- La propriété
sizepermet de définir la taille et l’orientation cibles du bloc conteneur de la page. marksWD- La propriété
marksajoute des repères de coupe et / ou d’enregistrement au document. bleedWD- La propriété
bleedpermet de définir la taille de l’espace en dehors de la page avant que le contenu ne soit tronqué. string-setWD- La propriété
string-setcontient 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-displayWD- La propriété
footnote-displaydétermine si une note de bas de page est affichée sous forme d’élément bloc ou en ligne. footnote-policyWD- La propriété
footnote-policydonne aux auteurs une certaine influence sur le rendu des pages difficiles. bookmark-levelWD- La propriété
bookmark-levelpermet de définir le niveau de signet d’un document. bookmark-labelWD- La propriété
bookmark-labelpermet de définir une étiquette pour un signet. bookmark-stateWD- La propriété
bookmark-statepermet 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-alignWD- La propriété
ruby-aligndéfinit la façon dont les éléments ruby sont distribués autour du texte de base. ruby-mergeWD- La propriété
ruby-mergecontrôle le rendu des zones d’annotation ruby lorsqu’il en existe plusieurs dans un conteneur ruby. ruby-positionWD- La propriété
ruby-positiondé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.
filterWD- La propriété
filterpermet d’appliquer des filtres afin d’obtenir des effets graphiques de flou ou de saturation. color-interpretation-filtersWD- La propriété
color-interpretation-filtersspécifie l’espace colorimétrique pour les opérations de création d’image effectuées via les effets de filtre. flood-colorWD- La propriété
flood-colorindique la couleur à utiliser pour submerger la sous-région primitive de filtre actuelle. flood-opacityWD- La propriété
flood-opacitydéfinit la valeur d’opacité à utiliser dans toute la sous-région de filtre primitive. lighting-colorWD- La propriété
lighting-colordé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-ruleFPWD- La propriété
fill-rulepermet de définir la règle utilisée pour déterminer quelles parties de la zone de dessin sont incluses dans la forme. fill-breakFPWD- La propriété
fill-breakspécifie comment la géométrie d’une boite fragmentée est traitée lors de remplissages. fill-colorFPWD- La propriété
fill-colorpermet de définir la couleur de remplissage pour un élément. On lui préfèrera la propriétécolorpour remplir du texte. fill-imageFPWD- La propriété
fill-imagepermet de définir l’image à utiliser comme remplissage pour un élément. fill-originFPWD- La propriété
fill-originspécifie des coordonnées de la zone de remplissage. fill-positionFPWD- La propriété
fill-positionspécifie la position initiale d’une image de remplissage (après tout redimensionnement) dans la zone de remplissage. fill-sizeFPWD- La propriété
fill-sizepermet de définir la taille des images de remplissage. fill-repeatFPWD- La propriété
fill-repeatpermet de définir le comportement de répétition des images de remplissage après redimensionnement et positionnement. fillFPWD- La propriété
fillest une propriété raccourcie qui permet de définir les valeurs defill-color,fill-image,fill-origin,fill-position,fill-sizeetfill-repeat. fill-opacityFPWD- La propriété
fill-opacitypermet de définir le niveau d’opacité du remplissage utilisé. stroke-widthFPWD- La propriété
stroke-widthpermet de définir la largeur du contour côté externe. stroke-alignFPWD- La propriété
stroke-alignpermet d’aligner un conour le long de l’outline (bordure externe). stroke-linecapFPWD- La propriété
stroke-linecappermet de définir la forme à la fin d’une ligne ouverte. stroke-linejoinFPWD- La propriété
stroke-linejoinspécifie la forme à utiliser aux coins des tracés ou des formes de base lorsqu’elles possèdent des contours. stroke-miterlimitFPWD- La propriété
stroke-miterlimitdéfinit la limite du rapport entre la longueur du coin et la valeur destroke-widthutilisée pour dessiner la liaison entre deux segments de ligne. stroke-breakFPWD- La propriété
stroke-breakpermet de définir le traitement à apporter aux contours d’une boite fragmentée. stroke-dasharrayFPWD- La propriété
stroke-dasharraycontrôle le motif et l’espacement entre les segments utilisés pour tracer le contour d’un élément. stroke-dashoffsetFPWD- La propriété
stroke-dashoffsetpermet de définir le décalage initial des pointillés (sur les lignes SVG notamment). stroke-dash-cornerFPWD- La propriété
stroke-dash-cornerdétermine si un tiret est toujours peint aux sommets d’une forme possédant un contour. stroke-dash-justifyFPWD- La propriété
stroke-dash-justifyspé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-colorFPWD- La propriété
stroke-colorpermet de définir le couleur d’un contour. stroke-imageFPWD- La propriété
stroke-imagepermet de définir une image à utiliser comme contour d’un élément. stroke-originFPWD- La propriété
stroke-originpermet de définir les coordonnées d’un contour en définissant la zone de contour. stroke-positionFPWD- La propriété
stroke-positionspécifie la position initiale d’une image de contour (après tout redimensionnement) dans la zone de remplissage. stroke-sizeFPWD- La propriété
stroke-sizepermet de définir le taille des images utilisées comme contour. stroke-repeatFPWD- La propriété
stroke-repeatpermet de définir le comportement de répétition des images utilisées comme contour. strokeFPWD- La propriété
strokeest une propriété raccourcie qui permet de définir les valeurs destroke-color,stroke-image,stroke-origin,stroke-position,stroke-sizeetstroke-repeat. stroke-opacityFPWD- La propriété
stroke-opacitypermet 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-alignmentFPWD- La propriété
stroke-alignmentpermet d’aligner un contour le long de l’outline (bordure côté extérieur) de l’objet courant. stroke-dashadjustFPWD- La propriété
stroke-dashadjustspé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-dashcornerFPWD- La propriété
stroke-dashcornerdé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-dasharrayest répété. marker-startFPWD- La propriété
marker-startindique le marqueur qui sera dessiné au niveau du premier sommet de l’élément. marker-midFPWD- La propriété
marker-midindique le marqueur qui sera dessiné au niveau de tous les sommets de l’élément à l’exception du premier et du dernier. marker-endFPWD- La propriété
marker-endindique le marqueur qui sera dessiné au niveau du dernier sommet de l’élément. marker-segmentFPWD- La propriété
marker-segmentest utilisée pour spécifier le marqueur qui sera tracé au centre de chaque segment du chemin. marker-patternFPWD- La propriété
marker-patternest utilisée pour spécifier un motif de marqueurs et d’espaces à répéter le long de l’élément marquable. markerFPWD- La propriété
markerest une propriété raccourcie qui permet de définir les valeurs demarker-start,marker-mid,marker-end,marker-segmentetmarker-pattern. marker-knockout-leftFPWD- La propriété
marker-knockout-leftpermet de tronquer une partie d’un contour lorsqu’un marqueur est placé sur un tracé. marker-knockout-rightFPWD- La propriété
marker-knockout-rightpermet 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-flowWD- La propriété
wrap-flowpermet de définir la façon dont le contenu inline va pouvoir se placer autour de l’exclusion. wrap-throughWD- La propriété
wrap-throughpermet 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-stepFPWD- La propriété
line-height-steppermet de définir l’unité de base à utiliser pour le calcul de la hauteur de ligne d’une boite. block-step-sizeFPWD- La propriété
block-step-sizepermet de définir l’unité de base pour le calcul de la hauteur logique d’une boite de niveau bloc. block-step-insertFPWD- La propriété
block-step-insertpermet de définir si l’espace supplémentaire introduit parblock-step-sizedoit être inséré à l’intérieur ou à l’extérieur de la boite de bordure de l’élément. block-step-alignFPWD- La propriété
block-step-alignpermet de définir si l’espace supplémentaire introduit parblock-step-sizedoit être inséré avant, après, ou réparti de chaque côté de la boite. block-step-roundFPWD- La propriété
block-step-roundpermet de spécifier si l’ajustement causé parblock-step-sizedoit ajouter ou enlever de l’espace. block-stepFPWD- La propriété
block-stepest une propriété raccourcie qui permet de définir les valeurs deblock-step-size,block-step-insert,block-step-alignetblock-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-containFPWD- La propriété
spatial-navigation-containpermet d’établir un conteneur de navigation spatiale c’est-à-dire un groupement d’éléments qui peuvent être focus. spatial-navigation-actionFPWD- La propriété
spatial-navigation-actionpermet 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 |





