Descriptions de toutes les spécifications CSS
Histoire
Tests
Selectors décrit les
sélecteurs d'éléments utilisés dans les CSS et certaines autres
technologies. Les sélecteurs sont utilisés pour sélectionner des
éléments dans un document HTML ou XML, afin d'y attacher des
propriétés (de style). Les éléments peuvent être sélectionnés en
fonction de leur nom, de leurs attributs, de leur contexte et
d'autres aspects.
Rédacteurs : Tantek Çelik, Elika J. Etemad, Daniel
Glazman, Ian Hickson, Peter Linss,
John Williams
Histoire
Selectors niveau 4 élargit le
niveau 3 avec de nouvelles façons de
sélectionner les éléments, par exemple, en fonction de ce qu'ils
contiennent ou de ce qui suit.
Rédacteurs : Elika J. Etemad, Tab Atkins Jr.
Histoire
Tests
CSS Level 2 Revision 1 corrige les erreurs contenues
dans la Recommandation de 1998
du niveau CSS 2 et ajoute quelques fonctionnalités très
demandées à l'origine prévues pour le niveau 3, qui ont déjà été
largement mises en œuvre. Mais la plupart de CSS 2.1 représente un
" instantané " de l'utilisation de CSS : il s'agit de toutes les
fonctions CSS qui sont mises en œuvre de manière interopérable pour
HTML et XML à la date de publication de la Recommandation.
Rédacteurs : Bert Bos, Tantek Celik, Ian Hickson,
Håkon Wium Lie
Histoire
L'aperçu de CSS niveau 2 du CSS montre à quoi ressemble
le CSS 2 avec les errata proposés appliqués et
le texte redondant remplacé par des références à d'autres modules
CSS. Il ne s'agit pas d'une spécification en soi, mais d'un candidat
pour la prochaine (c'est-à-dire la deuxième) révision du niveau 2 de
CSS.
Rédacteurs : Bert Bos
Histoire
CSS Snapshot 2007 renvoie à
toutes les spécifications qui, ensemble, représentent l'état de CSS
en 2006. Parce que de grandes parties de CSS sont encore en cours de
développement et qu'il est souvent difficile de connaître leur
statut, le groupe de travail CSS a décidé de publier ce document,
qui ne contient que les parties de CSS qui sont stables et dont le
fonctionnement a été démontré.
Rédacteurs : Elika J. Etemad
Histoire
CSS Snapshot 2010 renvoie à
toutes les spécifications qui représentent ensemble l'état de CSS à
partir de 2010. Avec ce document, le Groupe de travail CSS vise à aider les implémenteurs à faire
la distinction entre les parties du CSS qui sont prêtes pour la
production et les parties qui sont encore expérimentales.
Rédacteurs : Elika J. Etemad
Histoire
CSS Snapshot 2015 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2015. Avec ce document, le Groupe de travail CSS vise à aider
les implémenteurs à faire la distinction entre les parties du CSS
qui sont prêtes pour la production et les parties qui sont encore
expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Elika J. Etemad
Histoire
CSS Snapshot 2017 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2017. Il succède aux instantanés correspondants pour 2015, 2010 et 2007. Avec ce document, le groupe de travail CSS vise à aider les
implémenteurs à faire la distinction entre les parties du CSS qui
sont prêtes pour la production et les parties qui sont encore
expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Florian Rivoal
Histoire
CSS Snapshot 2018 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2018. Il succède aux instantanés correspondants pour 2017, 2015, 2010 et 2007. Avec ce
document, le groupe de travail CSS vise à aider les implémenteurs à faire la distinction entre
les parties du CSS qui sont prêtes pour la production et les parties
qui sont encore expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Florian Rivoal
Histoire
CSS Snapshot 2020 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2020. Il succède aux instantanés correspondants pour 2018, 2017, 2015, 2010 et 2007. Avec ce document, le groupe de travail CSS vise à aider les
implémenteurs à faire la distinction entre les parties du CSS qui
sont prêtes pour la production et les parties qui sont encore
expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Florian Rivoal
Histoire
CSS Snapshot 2021 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2021. Il succède aux instantanés correspondants pour 2020, 2018, 2017, 2015, 2010 et 2007. Avec ce
document, le groupe de travail CSS vise à aider les implémenteurs à faire la distinction entre
les parties du CSS qui sont prêtes pour la production et les parties
qui sont encore expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Florian Rivoal
Histoire
CSS Snapshot 2022 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2021. Il succède aux instantanés correspondants pour 2021, 2020, 2018, 2017, 2015, 2010 et 2007. Avec ce document, le groupe de travail CSS vise à aider les
implémenteurs à faire la distinction entre les parties du CSS qui
sont prêtes pour la production et les parties qui sont encore
expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Florian Rivoal
Histoire
CSS Snapshot 2023 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2023. Il succède aux instantanés correspondants pour 2022, 2021, 2020, 2018, 2017, 2015, 2010 et 2007. Avec ce
document, le groupe de travail CSS vise à aider les implémenteurs à faire la distinction entre
les parties du CSS qui sont prêtes pour la production et les parties
qui sont encore expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Florian Rivoal, Chris Lilley
Histoire
CSS Snapshot 2024 renvoie à
toutes les spécifications qui, ensemble, représentent l'état du CSS
à partir de 2024. Il succède aux instantanés correspondants pour 2023, 2022, 2021, 2020, 2018, 2017, 2015, 2010 et 2007. Avec ce document, le groupe de travail CSS vise à aider les
implémenteurs à faire la distinction entre les parties du CSS qui
sont prêtes pour la production et les parties qui sont encore
expérimentales.
Cette note inclut également les meilleures pratiques pour les
implémentations expérimentales et partielles, y compris les règles
pour les ''vendor prefixes" sur les fonctions propriétaires et
instables.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Florian Rivoal, Chris Lilley, Sebastian Zartner
Histoire
Grid Template Layout
(anciennement : Advanced Layout) décrit une nouvelle façon de
positionner les éléments en utilisant des contraintes sur leur
alignement les uns par rapport aux autres et sur leur flexibilité.
Les éléments de document sont acheminés dans un ou plusieurs
modèles, qui ressemblent à une grille de mise en page
traditionnelle, avec des lignes et des colonnes comme dans un
tableau. On peut l'appliquer à une page ou à des éléments
individuels, par exemple pour mettre en page un formulaire. Ce
module et le Grid Layout sont en train
d'être fusionnés.
Rédacteurs : Bert Bos, César Acebal
Beaucoup d'appareils, principalement visuels, sont en fait
capables de produire du son, parfois même de très haute qualité. Le
module Aural contient des propriétés permettant d'attacher des sons
de fond aux éléments et des effets sonores aux transitions d'état,
comme l'activation de liens ou le ‘survol’ d'un élément. Les options
prévues comprennent la superposition de plusieurs sons, le
positionnement d'un son à gauche ou à droite dans l'espace stéréo et
la lecture d'un son en boucle.
Rédacteurs : Dave Raggett, Daniel Glazman
Histoire
Tests
Backgrounds and Borders
décrit les couleurs et les images d'arrière-plan et le style des
bordures. Une nouvelle fonctionnalité inclut la possibilité d'étirer
l'image de fond, d'utiliser des images pour les bordures, d'arrondir
les coins de la boîte et d'ajouter une ombre de boîte à l'extérieur
de la bordure.
Rédacteurs : Bert Bos, Elika J. Etemad
Backgrounds and Borders
level 4 est un référentiel pour les fonctionnalités proposées
pour le prochain niveau du module Backgrounds
and Borders. Si (certaines de) ces caractéristiques sont
maintenues, le module remplacera à terme le module de niveau 3.
Aucun projet n'a encore été publié, mais les caractéristiques
actuellement attendues comprennent des formes pour les coins, des
positions d'arrière-plan relatives au mode d'écriture (rotation
automatique, miroir et/ou position d'un arrière-plan selon que
l'élément contient du texte vertical, de droite à gauche ou de
gauche à droite), et des bordures partielles (découpage de parties
d'un bord).
Rédacteurs : Bert Bos, Elika J. Etemad, Brad Kemper,
Lea Verou
Histoire
L'interface utilisateur de
base contient des fonctions pour styliser certains aspects
interactifs et dynamiques des pages web : l'apparence des éléments
form dans leurs différents états et plus de curseurs et de couleurs
pour décrire les interfaces utilisateur graphiques (IUG) qui se
fondent bien avec l'environnement du bureau de l'utilisateur.
Rédacteurs : Tantek Çelik
Histoire
Le box model décrit la
disposition du contenu au niveau du bloc dans un flux normal.
Lorsque les documents sont disposés sur des supports visuels (p. ex.
écran ou papier), CSS représente les éléments du document sous forme
de boîtes rectangulaires disposées les unes après les autres ou
imbriquées les unes dans les autres dans un ordre appelé flux. Le flux peut être horizontal
(typique pour la plupart des langues) ou vertical (souvent utilisé
pour le japonais et le chinois).
Rédacteurs : Bert Bos
CSS Extended Box Model
L'Extended Box Model fournit
un contrôle supplémentaire sur le positionnement des flotteurs et la
taille des boîtes.
Rédacteurs : Bert Bos
Histoire
La spécificationMarquee contient les propriétés qui
contrôlent la vitesse et la direction de l'effet "marquee". Les
marquees sont un mécanisme de défilement qui n'a pas besoin
d'intervention de l'utilisateur : le contenu débordant se déplace
dans et hors de la vue par lui-même. Marquee est surtout utilisé sur
les téléphones portables. (Jusqu'en avril 2008, les propriétés
marquee faisaient partie du module Box.)
Rédacteurs : Bert Bos
Histoire
Cascading and Inheritance
décrivent comment les valeurs sont assignées aux propriétés. CSS
permet à plusieurs feuilles de style d'influencer le rendu d'un
document, et le processus de combinaison de ces feuilles de style
est appelé ‘cascade’. Si aucune valeur ne peut être trouvée par
cascade, une valeur peut être héritée de l'élément parent ou alors
la valeur initiale de la propriété est utilisée. De plus, le module
décrit comment les ‘valeurs spécifiées’, c'est-à-dire ce que
contient une feuille de style, sont traitées en ‘valeurs calculées’
et ‘valeurs réelles’.
Rédacteurs : Elika J. Etemad, Tab Atkins Jr., Håkon Wium Lie
Histoire
Par rapport au niveau 3, le niveau 4 ajoute
un mot-clé ‘par défaut’ pour outrepasser l'ordre normal de cascade
et d'héritage, et la possibilité de qualifier la règle ‘@import’ non
seulement avec une media query, mais
aussi avec une clause 'supports()' (pour plus de détails, voir CSS Conditional Rules).
Rédacteurs : Elika J. Etemad / fantasai, Tab Atkins
Jr.
Histoire
-
Rédacteurs : Elika J. Etemad / fantasai, Miriam E.
Suzanne, Tab Atkins Jr.
Histoire
-
Rédacteurs : Elika J. Etemad / fantasai, Miriam E.
Suzanne, Tab Atkins Jr.
Histoire
Tests
Color spécifie les aspects
liés à la couleur du CSS, y compris la transparence et les
différentes notations pour le type de valeur <color>.
Rédacteurs : L. David Baron, Tantek Çelik, Chris
Lilley
Histoire
Color Module level 4 élargit le Color
level 3. Il définit diverses notations de couleur, y compris
RGB, HSL, hexadécimal, couleurs nommées, HWB, Lab, LCH et couleurs
relatives (‘color-mod’). Il définit les propriétés ‘color’ et
‘opacity’. Et il fournit des moyens de travailler dans des espaces
couleur autres que le sRGB par défaut.
Rédacteurs : Tab Atkins Jr., Chris Lilley, Lea
Verou, L. David Baron
Histoire
Fonts contient les propriétés
permettant de sélectionner les polices, ainsi que les propriétés des
ajustements de police, telles que les variantes de glyphes (par
exemple, les lettres ornées, les petites majuscules, les chiffres
elzéviriens) et le crénage. La sélection des polices est identique à
la section équivalente de CSS2. Les propriétés d'ajustement de
police sont désormais dans le niveau 3. Le module contient également
la règle @font-face pour les polices téléchargeables, qui se
trouvait auparavant dans un module séparé.
Le module sera éventuellement remplacé par les polices de niveau 4 , plus importantes.
Rédacteurs : John Daggett, Paul Nelson, Jason Cranford Teague, Michel Suignard, Chris Lilley
Histoire
Generated Content for Paged
Media contient des propriétés avancées pour l'impression,
au-delà de ce que le module Paged Media fournit déjà. Il a des
propriétés pour créer des notes de bas de page et des références
croisées ("voir section X à la page Y") pour construire des en-têtes
courants à partir des titres de section. Generated Content for Paged
Media contient des propriétés avancées pour l'impression, au-delà de
ce que le module Paged Media fournit déjà.
Rédacteurs : Håkon Wium Lie
Histoire
Page Floats a été séparé de
Generated Content for Paged Media. Il contient
des propriétés permettant de faire flotter des éléments vers le
haut, le bas ou le côté d'une page dans des rendus paginés, et de
faire flotter des éléments vers des positions particulières avec un
habillage de texte des deux côtés.
Rédacteurs : Johannes Wilm, Håkon Wium Lie
Histoire
Generated and Replaced Content définit comment mettre du contenu avant, après ou à la place d'un
élément. Le contenu peut être du texte ou un objet externe, tel
qu'une image. Par exemple, lorsqu'un document contient un élément
lié à une image, c'est ce module qui permet au concepteur de choisir
si l'image est affichée à la place de l'élément ou non. (Le calcul
de la taille des éléments remplacés est défini dans le
module CSS Image Values.)
Rédacteurs : Ian Hickson
Histoire
Hyperliens Présentation
traite des différentes façons dont les hyperliens peuvent être
présentés. CSS1 a déjà prévu les pseudo-classes ‘:visited’ et
‘:link’ pour sélectionner les hyperliens. Ce module fournira des
propriétés pour contrôler quels hyperliens sont actifs et à quel
endroit la cible est affichée lorsque l'utilisateur traverse le lien
(par exemple, dans une nouvelle fenêtre ou en ligne dans le document
en cours). Notez que tous les liens n'ont pas besoin d'être
présentés comme des hyperliens ; certains peuvent être traités comme
des éléments remplacés (voir le module Generated
and replaced content ) et certains sont hors du champ
d'application du CSS (tels que les liens vers les scripts, les
définitions d'espace de noms, les politiques P3P, etc.)
Rédacteurs : Tantek Çelik, Bert Bos, Daniel Glazman
Histoire
L'Introduction a été
supprimée et remplacée par une série de notes appelées " CSS Snapshots ". Voir, par exemple, le Snapshot 2010 pour une description.
Rédacteurs : Håkon Wium Lie, Eric A. Meyer, Bert Bos
Histoire
Listes contient les
propriétés des listes de style, en particulier différents types de
puces et de systèmes de numérotation.
Rédacteurs : Tab Atkins Jr., Shinyu Murakami, Ian Hickson
CSS Math
Math est un module pour les
propriétés visant à styliser des formules mathématiques, en
s'appuyant sur le modèle de disposition des éléments de présentation
de MathML. Ce module n'est pas en cours
d'études.
Rédacteurs : -
Histoire
La mise en page Multi-column
Layout comporte des propriétés permettant de faire circuler le
contenu dans des colonnes définies de manière flexible.
Histoire
-
Rédacteurs : Florian Rivoal, Rachel Andrew, Håkon Wium Lie
Rédacteurs : Håkon Wium Lie
Histoire
-
Rédacteurs : Florian Rivoal, Rachel Andrew, Håkon Wium Lie
Histoire
Tests
Les formats basés sur XML peuvent utiliser des "espaces de noms"
pour distinguer les multiples utilisations d'un même nom d'élément
les uns des autres, et ce projet explique comment les sélecteurs CSS
peuvent être étendus pour sélectionner ces éléments en fonction de
leur "espace de noms" ainsi que de leur nom local.
Rédacteurs : Elika J. Etemad, Anne van Kesteren,Chris Lilley,Peter Linss
Histoire
Le DOM spécifie les fonctions que l'on trouve dans plusieurs
bibliothèques de programmation (et navigateurs) pour manipuler les
documents HTML, XML et CSS. Les programmeurs peuvent les appeler à
partir de leurs programmes plutôt que d'écrire les leurs. Certaines
de ces fonctions concernent l'ajout et la suppression de règles et
la modification des propriétés dans les feuilles de style CSS. Ces
API forment CSS Object Model ou
CSS-OM. Elles sont utiles pour
les programmes autonomes ainsi que pour les scripts et les applets.
DOM niveau 2 contient deux chapitres sur CSS-OM (CSS Object Model)
et le CSS WG va développer un CSS-OM de niveau 3.
Rédacteurs : Anne van Kesteren
Histoire
Les API présentées par cette spécification fournissent aux auteurs
un moyen d'inspecter et de manipuler les informations de vue d'un
document. Il s'agit notamment d'obtenir la position des zones de
présentation des éléments, d'obtenir la largeur de la fenêtre
d'affichage à l'aide d'un script et de faire défiler un élément.
Rédacteurs : Anne van Kesteren
Histoire
Tests
Paged Media élargit les
propriétés que CSS2 avait déjà avec de nouvelles propriétés pour
contrôler des choses telles que l'exécution des en-têtes et pieds de
page et des numéros de page.
Rédacteurs : Melinda
Grant,Elika J. Etemad, Håkon Wium Lie, Simon Sapin, Jim Bigelow
Histoire
CSS Positioned Layout définit
l'une des nombreuses façons de mettre en page les parties d'un
document. Il contient des propriétés permettant de positionner un
élément à une position fixe par rapport à d'autres éléments
positionnés, de décaler les éléments de leur position normale et de
les positionner à une position fixe sur une page. Une propriété
‘z-index’ définit si les éléments sont devant ou derrière d'autres
éléments au même endroit.
Rédacteurs : Arron Eicholz
Histoire
Presentation Levels est un
moyen d'avancer et de reculer à travers plusieurs rendus d'un même
document, ce qui est particulièrement utile pour les présentations
en diaporama (mettre en évidence les éléments de la liste un par un)
et les vues de contour (montrer plus ou moins de détails). Le modèle
est que chaque élément a un niveau de présentation et trois styles
(trois états) : lorsque le navigateur est à un niveau de
présentation inférieur, un autre pour une correspondance exacte et
un lorsque le niveau de présentation du navigateur est supérieur à
celui de l'élément. Le navigateur doit offrir à l'utilisateur un
moyen facile d'augmenter et de diminuer le niveau du navigateur.
Rédacteurs : Håkon Wium Lie
Histoire
Ce module a été abandonné en mars 2008. Le mot-clé
‘reader’ est un type de média pour les Media Queries (similaire à
‘screen’, ‘print’, 'projection', etc). Les appareils qui pourraient
choisir d'appliquer des règles à l'intérieur de ‘@media reader’ sont
des équipements comme les lecteurs d'écran, qui affichent une page à
l'écran et la parlent en même temps, ou qui affichent la page et la
diffusent simultanément sur un dispositif braille dynamique. Les
propriétés qui s'appliquent à ce type de support sont donc la
combinaison des propriétés de l'écran, de la parole et du braille.
Rédacteurs : Bert Bos
Histoire
Ruby décrit les propriétés
CSS pour manipuler la position de "ruby", qui sont de petites
annotations sur ou à côté des mots, particulièrement communes en
chinois et japonais. Elles sont souvent utilisées pour donner la
prononciation ou le sens d'idéogrammes difficiles.
Rédacteurs : Richard Ishida, Paul Nelson, Michel Suignard
Histoire
Le module CSS Scoping niveau 1 définit l'équivalent des styles CSS scoped de HTML5, les
mécanismes de stylisation des pseudo-éléments (‘régions’) et les
sélecteurs pour le 'shadow DOM'.
Rédacteurs : Tab Atkins Jr., Elika Etemad
Histoire
Grid Layout permet de mettre en place une grille de conception
flexible pour un élément afin que les descendants de l'élément
puissent être positionnés par rapport à cette grille et ainsi être
alignés les uns par rapport aux autres en deux dimensions. Les zones
de la grille peuvent se voir attribuer des noms, à la fois pour
faciliter l'utilisation et pour créer un niveau d'indirection qui
facilite la réorganisation des éléments. Comme les autres modules de
grille/modèle, ce module s'appuie sur des idées de mise en page à base de cadres qui ont commencé en 1996
et ont produit, entre autres, un positionnement absolu dans CSS
niveau 2. Le module Grid Layout a donc un grand chevauchement avec
Disposition multi-colonnes, Modèle de mise en page, Disposition flexible de boîte, Positionnement de la grille, et Les régions, mais ne les remplace pas. On s'attend toutefois à ce
que les six modules puissent éventuellement être condensés en
seulement trois : multi-colonne, boîte flexible, et un troisième
pour les grilles / modèles / régions.
Rédacteurs : Alex
Mogilevsky, Phil Cupp, Markus Mielke, Daniel Glazman, Tab Atkins Jr., Elika
J. Etemad / fantasai, Rossen Atanassov
Histoire
Le niveau 2 du module Grid Layout élargit les capacités de la
grille, en particulier avec la possibilité de transformer les
éléments descendants d'un élément de grille autres que les enfants
en éléments de grille.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Rossen Atanassov
Histoire
Le niveau 3 du module Grid Layout définit un
algorithme qui place chaque nouveau élément de la grille
automatiquement dans la colonne ou la ligne le plus courte. (En
anglais : masonry layout, disposition en
maçonnerie.)
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Jen Simmons, Brandon Stewart
Histoire
'Régions' est le nom collectif d'un certain type de zones sur la
toile, qui peuvent être sélectionnées par des pseudo-éléments. Les
régions sont créées par certains autres modules, tels que Paged Media (qui crée des régions appelées
‘margin boxes’), Selectors (qui crée, par
exemple, la région '::first-line') et Grid
Template Layout (qui crée des 'slots').
Le module Regions définit
deux types de choses que vous pouvez faire avec les régions :
Certains types de régions peuvent être enchaînés ensemble et le
contenu y afflue, de sorte que le texte trop long pour une région ne
déborde pas, mais continue automatiquement dans une autre région ;
et, deuxièmement, le contenu peut être stylisé en fonction de la
région dans laquelle il se termine. Par exemple, un paragraphe qui
s'écoule dans deux régions peut avoir du texte en gras dans la
première région et du texte normal dans la seconde, même s'il n'y a
pas de limite d'élément.
Rédacteurs : Vincent Hardy, Rossen Atanassov, Alan
Stearns
Histoire
Speech contient des
propriétés pour spécifier comment un document est interprété par un
synthétiseur de parole : volume, voix, vitesse, hauteur, repères,
pauses, etc. Il y avait déjà un module ACSS (Aural CSS) dans CSS2,
mais il n'a jamais été correctement implémenté et il n'était pas
compatible avec le Speech Synthesis Markup Language (SSML), le langage de contrôle
des synthétiseurs de parole du W3C. Le module ACSS du CSS2 a donc
été divisé en deux parties : la parole (pour la parole réelle,
compatible avec SSML) et l'audio (pour les
effets sonores sur d'autres appareils). Les propriétés de la parole
au niveau 3 seront similaires à celles du niveau 2, mais avec des
valeurs différentes. (Les anciennes propriétés peuvent toujours être
utilisées avec le type de support ‘auditif’ déprécié, mais les
nouvelles doivent être utilisées à l'intérieur du nouveau support
‘parole’, ainsi que dans les feuilles de style pour ‘tous’ les
médias.)
Rédacteurs : Daniel Weck, Dave Raggett,Claudio Santambrogio,Daniel Glazman
Histoire
La syntaxe des règles CSS dans l'attribut ‘style ’ HTML ne fait
pas partie à proprement parler du CSS, mais est mentionnée ici, car
elle est produite par le groupe de travail CSS. Ce projet est devenu
nécessaire, car XHTML 1.0, contrairement à HTML 4.0, ne définit pas
la syntaxe des règles CSS dans son attribut de style. Cependant, la
spécification est valable pour tous les attributs similaires (par
exemple, ceux du SVG), et pas seulement pour HTML.
Rédacteurs : Elika J. Etemad, Tantek Çelik, Bert Bos, Marc Attinasi
Histoire
Syntax contient la grammaire
générique (compatible avec les technologies futures) à laquelle tous
les niveaux de CSS adhèrent. Chaque propriété a également des
restrictions sur la syntaxe de sa valeur, mais celles-ci peuvent
être trouvées dans les autres modules CSS.
Rédacteurs : Tab Atkins Jr., Simon Sapin, L. David Baron
CSS Tables Module
Tables décrivent la
disposition des tableaux : lignes, colonnes, cellules et légendes,
avec leurs bordures et alignements. Le modèle du niveau 3 n'aura
probablement rien de nouveau par rapport au niveau 2, mais il sera
plus détaillé.
Rédacteurs : François Remy, Greg Whitworth
Histoire
Text contient les propriétés
textuelles du CSS2 (justification, habillage de texte, etc.) ainsi
que plusieurs nouvelles propriétés, dont plusieurs pour traiter le
texte dans différentes langues et scripts (saut de ligne, kashida,
césure, etc.). Il inclut (et remplace) la proposition dans le projet
de présentation internationale. Voir aussi le module Line pour des
choses telles que l'alignement vertical à l'intérieur d'une ligne,
le calcul de la hauteur de ligne et les styles pour la première
ligne et la première lettre. Le module Text a atteint le statut CR
en 2003, mais très peu a été mis en application. Certaines
typographies courantes nécessitaient trop de propriétés, tandis que
de nombreuses combinaisons de valeurs n'étaient pas utiles. La
réécriture a commencé en 2004 et devrait aboutir à la même
fonctionnalité, mais avec moins de propriétés et de meilleures
valeurs par défaut. Le module Text a été divisé en quatre parties :
Text, Writing Modes, Line Grid et Text Decoration.
Rédacteurs : Elika J. Etemad, Koji Ishii, Shinyu Murakami, Paul Nelson, Michel Suignard, Chris Lilley
Histoire
Writing Modes(précédemment :
Text Layout) décrit les propriétés qui contrôlent la direction du
texte : lignes horizontales de texte qui sont empilées de haut en
bas (normal pour la plupart des langues), lignes verticales de texte
qui sont empilées de droite à gauche (souvent utilisées pour le
japonais), ou lignes verticales qui s'empilent de gauche à droite
(mongolien). Il décrit également l'ordre des lettres à l'intérieur
de la ligne (bidirectionnalité) et la rotation qui peut se produire
pour certaines lettres à l'intérieur du texte vertical.
Rédacteurs : Elika Etemad / fantasai, Koji Ishii,
Shinyu Murakami,Paul Nelson, Michel Suignard
Histoire
Le niveau 4 élargit le niveau 3 avec quelques fonctions
supplémentaires, telles que ‘sideways-lr/sideways-rl’, en combinant
les chiffres horizontalement à l'intérieur du texte vertical, et en
mettant automatiquement le texte en colonnes lorsque le texte est
orthogonal (vertical ou horizontal) au texte environnant (horizontal
ou vertical). Sideways-lr' et ‘sideways-lr’ sont des modes
d'écriture verticaux alternatifs qui sont très utiles pour écrire du
texte verticalement dans des scripts qui sont normalement
horizontaux, par exemple, pour écrire du texte anglais sur des dos
de livre ou le long du bord d'une page.
Rédacteurs : Elika Etemad / fantasai, Koji Ishii
Histoire
Le module CSS Line Grid niveau
1définit les propriétés pour faciliter l'alignement des lignes
en colonne côte à côte ou sur les deux côtés d'une feuille de
papier, malgré les images ou les titres qui interrompent la grille
régulière. Il définit également des mécanismes pour aligner
verticalement les lettres dans une série de lignes, ce qui est une
conception commune dans les écritures idéographiques, comme le
japonais. (Ces fonctions faisaient auparavant partie de Writing Modes).
Rédacteurs : Elika Etemad, Koji Ishii, Alan Stearns
Histoire
Values and Units décrit les
valeurs communes et les unités que les propriétés CSS acceptent.
Rédacteurs : Håkon Wium
Lie,Tab Atkins, fantasai, Chris
Lilley
Histoire
-
Rédacteurs : Tab Atkins, fantasai,
Histoire
-
Rédacteurs : Tab Atkins, Elika J. Etemad / fantasai,
Miriam E. Suzanne
Histoire
Le module Polices Web a
été fusionné avec le module Polices . Web
Fonts permet de télécharger des polices à utiliser avec un document.
La technologie est également incluse dans SVG et, inversement, on
peut créer des polices à télécharger dans SVG. Auparavant, cette
fonctionnalité faisait partie du niveau 2 du CSS, mais avec la
révision du niveau 2, elle a été déplacée au niveau 3.
Rédacteurs : John Daggett, Chris Lilley, Michel Suignard
Histoire
Behavioral Extensions to CSS
définit la propriété ‘binding’ pour XBL. La propriété a été
appelée 'behavior' dans la première ébauche. Ce projet contenait un
certain nombre d'autres propositions qui ne sont plus étudiées.
(Dans une certaine mesure, elles ont été remplacées par XBL.)
Rédacteurs : Ian Hickson
Histoire
Le module Flexible Box Layout
définit les mots-clés ‘flex’ et ‘inline-flex’ pour la propriété
‘display’, ce qui fait qu'un élément est affiché sous forme de
colonne ou de ligne d'éléments enfants. Les propriétés
supplémentaires déterminent l'ordre des boîtes enfant (de gauche à
droite, de bas en haut, etc.) et la façon dont l'espace est réparti
sur les enfants et les espaces entre eux. Le module est
principalement destiné à forcer les rangées de contrôles d'une interface graphique à
une hauteur ou une largeur égale.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Rossen Atanassov, Alex
Mogilevsky, L. David Baron,
Neil Deakin, Ian Hickson, David Hyatt
Histoire
Le module CSS Images définit
comment les propriétés peuvent se référer aux images par URL. Toutes
les propriétés qui peuvent prendre des images comme valeur, telles
que 'background-image' et ‘list-style-image’, utilisent cette
syntaxe. Elle définit également les dégradés de couleur en tant que
type d'image intégré.
Rédacteurs : Elika J. Etemad, Tab Atkins Jr.
Histoire
Le module Image définit
comment les propriétés peuvent se référer aux images avec une URL.
Toutes les propriétés qui peuvent prendre des images comme valeur,
telles que ‘background-image’ et ‘list-style-image’, utilisent cette
syntaxe. Il définit également les dégradés de couleurs. Le module de
niveau 4 élargit le module de niveau 3 du même
nom avec, entre autres, des dégradés de couleurs coniques.
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai, Lea Verou
Histoire
Le module Fragmentation CSS
définit les propriétés pour forcer ou éviter les sauts de page et de
colonne. Il combine des fonctionnalités qui étaient auparavant dans
deux spécifications différentes, CSS Paged
Media et Multi-column Layout.
Rédacteurs : Rossen Atanassov, Elika J. Etemad /
fantasai
Histoire
-
Rédacteurs : Rossen Atanassov, Elika J. Etemad /
fantasai
Histoire
Le module Transitions est une
propriété qui permet d'animer les transitions entre pseudo-classes
(par exemple, lorsqu'un élément entre ou sort de l'état ‘:hover’).
Au cours d'un délai donné, certaines valeurs de propriété passent
progressivement de l'ancienne valeur à la nouvelle, plutôt
qu'instantanément, comme dans le niveau 2.
Rédacteurs : Dean Jackson, David Hyatt, Chris
Marrin, Sylvain Galineau, L. David Baron
Histoire
-
Rédacteurs : L. David Baron, Brian Birtles
Histoire
Le module Animations spécifie
quelles propriétés changent leurs valeurs au cours d'une animation,
quelles valeurs elles prennent successivement, et pendant combien de
temps. Il ne définit pas ce qui provoque le démarrage d'une
animation particulière, mais seulement ce qui se passe pendant une
animation. (Comparez ceci au module Transitions , qui anime également les propriétés, mais entre
les changements d'état, c'est-à-dire les pseudo-classes).
Rédacteurs : Dean Jackson, David Hyatt, Chris Marrin
Histoire
-
Rédacteurs : L. David Baron, Brian Birtles
Histoire
Web Animations est une
spécification conjointe des groupes de travail CSS et SVG. CSS Transitions, CSS
Animations et SVG fournissent tous des
mécanismes qui génèrent du contenu animé sur une page Web. Bien que
les trois spécifications présentent de nombreuses caractéristiques
similaires, elles sont décrites en des termes différents. Cette
spécification propose un modèle d'animation abstrait qui englobe les
caractéristiques communes aux trois spécifications. Ce modèle est
rétrocompatible avec le comportement actuel de ces spécifications de
sorte qu'elles peuvent être définies en termes de ce modèle sans
aucun changement visible.
Rédacteurs : Brian Birtles, Shane Stephens, Alex
Danilo, Tab Atkins
Histoire
-
Rédacteurs : Brian Birtles, Robert Flack
Histoire
Tests
CSS Mobile Profile décrit un
sous-ensemble de CSS qui est adapté aux appareils portatifs, tels
que les téléphones mobiles. Ce profil répond en outre au type de
media ‘handheld’.
Rédacteurs : Svante Schubert, Robin Berjon, Ted Wugofski, Doug Dominiak, Peter Stark, Tapas Roy
Histoire
Tests
CSS Print Profile décrit un
sous-ensemble de CSS qui convient aux documents imprimés sur des
imprimantes bon marché. C'est un compagnon du profil d'impression XHTML.
Rédacteurs : Elika J. Etemad, Melinda Grant, Jim Bigelow
Histoire
Le CSS TV profile décrit un
sous-ensemble de CSS qui convient aux documents affichés sur les
téléviseurs, y compris les documents textuels diffusés sur la
télévision numérique.
Rédacteurs : Glenn Adams, Tantek Çelik, Sean Hayes,
Håkon Wium Lie
Histoire
CSS Conditional Rules définit
un certain nombre de façons de faire dépendre les règles de style de
facteurs extérieurs au document, tels que le média de sortie
(‘@media’, pour la plupart déjà au niveau 2), les capacités de
l'agent utilisateur et l'URL du document.
Rédacteurs : L. David Baron
Histoire
CSS Viewport Level 1
(anciennement ‘CSS Device Adaptation’) définit l'effet de l'élément
<META NAME=VIEWPORT> qui peut apparaître dans les documents
HTML5. Sur certains appareils, cet élément influence la taille du
bloc contenant initial et la correspondance des unités CSS (‘px’,
‘cm’, ‘pt’, etc.) avec les unités réelles.
Le bloc contenant initial est un rectangle hypothétique dans le
modèle de rendu CSS qui définit la position (0,0) et la
signification des pourcentages sur l'élément racine. Sur les
appareils dotés d'un écran, il est normalement égal à la fenêtre de
visualisation (c'est-à-dire la fenêtre sur laquelle le document est
dessiné). Toutefois, pour des raisons historiques, certains
appareils utilisent un bloc de contenu initial plus grand que la
fenêtre d'affichage. C'est généralement le cas des téléphones
mobiles et des tablettes dont la largeur est inférieure à 1 000 px.
Ces appareils mettent également à l'échelle les unités CSS en
fonction du rapport entre la fenêtre d'affichage et le bloc initial,
ce qui rend les unités plus petites que celles recommandées par CSS.
L'élément <META> peut remplacer la taille du bloc contenant
initial et définir un facteur de zoom explicite pour modifier la
taille des unités CSS.
Le plus souvent, l'élément <META> est utilisé pour indiquer
aux téléphones mobiles que le bloc contenant initial doit être égal
à la fenêtre d'affichage. Voici à quoi cela ressemble :
<meta name="viewport" content="width=device-width">
Rédacteurs : Florian Rivoal, Emilio Cobos Álvarez,
Matt Rakow, Rune Lillesveen, Ryan Betts, Øyvind Stenhaug
Histoire
CSS Exclusions définit les
propriétés à définir sur les éléments positionnés pour qu'elles
agissent comme des ‘exclusions’ et font en sorte que le texte
s'enroule autour de celles-ci, de la même manière que le texte
s'enroule autour des éléments flottants.
Rédacteurs : Vincent Hardy, Rossen Atanassov, Alan
Stearns
Histoire
CSS Shapes définit les
propriétés pour assigner une forme (cercle, polygone ou image
arbitraire) à une boîte CSS, de sorte que les longueurs des lignes à
l'intérieur de la boîte sont déterminées par cette forme, plutôt que
par les marges de la boîte. La forme peut également être utilisée
sur des éléments flottants pour définir comment le texte à
l'extérieur du flotteur s'enroule autour de lui.
Rédacteurs : Vincent Hardy, Rossen Atanassov, Alan
Stearns
Histoire
Compositing and Blending
permet aux boîtes non seulement d'être opaques ou
semi-transparentes, mais aussi de se combiner avec les boîtes
sous-jacentes d'autres façons (différence de couleur, masque de
couleur, décalage de couleur, etc.) pour obtenir divers effets. Ce
module est réalisé en collaboration avec SVG.
Rédacteurs : Rik Cabanier
Histoire
Filter Effects permet
d'appliquer des filtres graphiques à un élément (après son rendu,
mais avant qu'il n'ait été composé, voir Compositing et Blending). Les filtres peuvent flouter un
élément, ajouter une ombre, modifier les couleurs, augmenter le
contraste, ajouter une texture, etc. Le module définit un certain
nombre d'effets graphiques communs, mais permet aussi d'utiliser des
filtres écrits en OpenGL (OpenGL ES Shading Language). Ce module est
réalisé en collaboration avec SVG.
Rédacteurs : Vincent Hardy, Dean Jackson, Erik
Dahlström
Histoire
CSS Masking offre deux moyens
de masquer partiellement ou totalement des parties d'éléments
visuels : le masquage et l'écrêtage. Le masquage décrit comment
utiliser un autre élément graphique ou une autre image comme une
luminance ou masque alpha. L'écrêtage décrit la région visible des
éléments visuels. Ce module définit les fonctionnalités du CSS et du
SVG.
Rédacteurs : Dirk Schulze, Brian Birtles, Tab Atkins
Jr.
Histoire
La boîte anonyme qui enferme le contenu d'une cellule dans une table ou d'une fente de
grille, et la ou les boîtes à l'intérieur d'une flexbox ont en commun qu'elles peuvent toutes
être alignées sur chacun des quatre bords de leur conteneur, ou
centrées entre ces bords. Si la flexbox contient plusieurs boîtes,
elles peuvent également être étalées ("justifiées") entre deux
bords. Le Box Alignment définit
diverses propriétés pour les alignements des boîtes. On étudie si
les propriétés peuvent être étendues pour s'appliquer aux boîtes
dans d'autres contextes, en particulier au flux normal. Cela
permettrait, par exemple, d'aligner le contenu d'une boîte flottante
sur le fond du flotteur, similaire à la manière dont
‘vertical-align : bottom’ aligne le contenu d'une cellule de
tableau. On peut également ajouter le contrôle de l'alignement au
moyen de marges flexibles (comme ‘margin : auto’ sans ses
limitations).
Rédacteurs : Elika J. Etemad / fantasai, Tab Atkins
Jr.
Histoire
Le module Text Decoration définit les propriétés qui contrôlent le
style et la position des différentes décorations autour du texte,
généralement pour le mettre en valeur, et qui n'affectent pas la
mise en page du texte lui-même : ‘text-decoration’ (souligné,
surligné, clignotant, etc.), 'text-emphasis' (soulignement d'Asie de
l'Est sur le dessus des idéogrammes) et ‘text-shadow’. Ces
propriétés se trouvaient auparavant dans le module
Texte.
Rédacteurs : Elika J. Etemad, Koji Ishii
Histoire
Le niveau 4 du module Text Decoration élargit le niveau 3 avec
plus de contrôle sur divers aspects de la décoration, tels que le
style et la position des soulignés.
Rédacteurs : Elika J. Etemad, Koji Ishii
Histoire
Le module de dimensionnement définit les mots-clés à utiliser sur
les propriétés ‘width’ et ‘height’ pour spécifier que la taille d'un
élément doit être aussi étroite que possible ou aussi large que
possible, plutôt que la largeur héritée du parent de l'élément. Ces
mots-clés sont séparés de la définition de " largeur " et de "
hauteur " dans le modèle de base et seront
probablement fusionnés de nouveau dans ce module à une date
ultérieure.
Rédacteurs : Tab Atkins, Elika J. Etemad / fantasai
Histoire
-
Rédacteurs : Tab Atkins, Elika J. Etemad / fantasai,
Jen Simmons
Histoire
Le module Counter Styles définit la règle
‘@counter-styles’ avec laquelle les auteurs peuvent définir leurs
propres styles de numérotation pour les listes, les en-têtes de
section, les figures, etc. Les styles de numérotation du niveau 2
sont prédéfinis. Ils comprennent les décimales (1, 2, 3, 4...), les
lettres romaines supérieures (I, II, III, IV...), les lettres alpha
inférieures (a, b, c, d...), etc, ainsi que certains styles pour les
listes à puces, comme le disque (•).
Rédacteurs : Tab Atkins Jr.
Histoire
Le module CSS Custom Properties for Cascading Variables
Level 1 permet d'associer des données arbitraires (paires
nom/valeur) à des éléments. Les données sont sous la forme de
propriétés de la forme ‘--NAME : VALEUR’. Les propriétés sont
héritées. Elles sont accessibles via le DOM et sont également
référencées dans d'autres propriétés via la notation fonctionnelle
‘var(--NAME)’.
Rédacteurs : Luke Macpherson, Tab Atkins Jr., Daniel
Glazman
Histoire
Le module CSS Overflow de niveau
3 définit la propriété ‘overflow’, qui spécifie comment un
texte qui est trop large ou trop haut pour sa boîte doit être
traité. Le texte peut déborder, être coupé ou défiler librement.
Voir le module CSS marquee pour les
différents mécanismes de défilement et le module CSS fragmentation niveau 3 pour contrôler la façon dont
le texte est divisé en pages.
Rédacteurs : L. David Baron
Histoire
Le module CSS Overflow de niveau
4 élargit le module de niveau 3 avec un mécanisme permettant
de décomposer une boîte en plusieurs pages avec soit une page
affichée, soit toutes les pages affichées en même temps. Un
pseudo-élément permet de sélectionner les pages individuelles et de
leur appliquer un style.
Rédacteurs : L. David Baron, Florian Rivoal
Histoire
-
Rédacteurs : Florian Rivoal, Elika J. Etemad /
fantasai, Robert Flack
Histoire
Le module CSS Display niveau 3 redéfinit la propriété ‘display’ en tant que raccourci pour trois
autres propriétés, chacune pour un aspect plus ou moins indépendant
de la propriété ‘display’ : si l'élément démarre un nouveau bloc ou
continue en ligne, comment le contenu de l'élément est disposé, et
si l'élément a une étiquette sur le côté. Le module définit
également une nouvelle propriété qui fait la même chose que
‘display : none’ (ne pas afficher ou parler l'élément). On s'attend
à ce que ces propriétés de petit calibre soient surtout utiles dans
les scripts.
Rédacteurs : Tab Atkins Jr.
Histoire
-
Rédacteurs : Tab Atkins Jr., Elika J. Etemad /
fantasai
Histoire
Le module CSS Font Loading niveau
3 définit une partie de l'API DOM pour la règle ‘@font-face’
du CSS. En particulier, il définit des méthodes permettant à un
script de charger explicitement une police (par exemple, de la
charger plus tôt que le moteur de rendu ne la chargerait par
lui-même) et d'être informé lorsqu'une police est chargée.
Rédacteurs : Tab Atkins Jr.
Histoire
Le module CSS Will Change de niveau
1permet à un auteur de donner des indices au moteur de rendu
sur les éléments susceptibles de changer de style d'une manière ou
d'une autre (par exemple, à cause d'animations ou de transitions) et
où la vitesse est critique. Cela peut aider un moteur de rendu à
décider où il doit faire un peu de travail à l'avance.
Rédacteurs : Tab Atkins Jr.
Histoire
Non-element Selectors Module Level
1 définit les sélecteurs pour d'autres types de nodes que les
éléments dans un document arborescent. En particulier, il fournit
des moyens de sélectionner les attributs des éléments.
Ces sélecteurs n'ont pas d'effet en CSS, car CSS ne style que des
éléments. Ils sont destinés à d'autres contextes où des sélecteurs
sont utilisés pour sélectionner des parties d'une arborescence,
comme Selectors API et ITS 2.0. Ils offrent donc une alternative à
XPath, lorsqu'on ne peut/veut pas utiliser XPath.
Rédacteurs : Jirka Kosek, Tab Atkins Jr.
Histoire
Geometry Interfaces définit
les APIs pour les scripts qui manipulent les points, les rectangles,
les quadrilatères et les matrices de transformation.
Rédacteurs : Simon Pieters, Dirk Schulze, Rik
Cabanier
Histoire
Fullscreen n'est plus
développé. Ce module contenait une proposition pour une API et
quelques sélecteurs CSS pour les éléments de style qui sont affichés
maximisés sur un écran.
Rédacteurs : Anne van Kesteren, Tantek Çelik
Histoire
Le module CSS Inline Layout décrit la
mise en page à l'intérieur d'une ligne et l'empilement des lignes,
ainsi que le style des lettrines. Il remplace le module CSS Line Layout.
Rédacteurs : Dave Cramer, Elika J. Etemad /
fantasai, Steve Zilles
Histoire
Le module Pseudo-Elements CSS définit
divers pseudo-éléments, c'est-à-dire des parties de documents qui
correspondent à quelque chose rendue, mais pas directement à un
élément du document source. Un certain nombre d'entre eux étaient
déjà définis dans CSS2 (::première ligne, ::première lettre, etc.), quelques autres sont nouveaux,
tels que ::sélection (texte sélectionné) et ::placeholder (texte placeholder dans un élément de saisie).
Le module Selectors décrit comment
utiliser les pseudo-éléments dans les sélecteurs.
Rédacteurs : Daniel Glazman, Elika J. Etemad /
fantasai, Alan Stearns
Histoire
Le module Motion Path définit une
manière supplémentaire de régler la position et la rotation des
éléments absolument positionnés. La position est donnée par une
trajectoire (une forme SVG) et un déplacement le long de cette
trajectoire entre 0 et 100 %. En combinaison avec des animations, le
déplacement peut également être animé.
Ce module est le fruit d'un travail collaboratif des groupes de
travail SVG et CSS.
Rédacteurs : Dirk Schulze, Shane Stephens
Histoire
Le module CSS Scroll Snap définit les propriétés pour
contrôler certains aspects du défilement d'un élément débordant :
lorsqu'on fait défiler avec une souris ou un dispositif similaire,
on peut faire en sorte que l'élément s'accroche à des positions
particulières, par exemple, la première ligne d'un élément enfant ou
le centre d'une image. Ces points d'accrochage peuvent être soit par
proximité (l'élément s'accroche à une position uniquement lorsque
l'action de défilement s'est terminée près de cette position), soit
par obligation (l'élément s'accroche toujours au point d'accrochage
le plus proche lorsque l'action de défilement se termine).
Rédacteurs : Matt Rakow, Jacob Rossi, Tab
Atkins-Bittner, Elika J. Etemad / fantasai
Histoire
Le module CSS Round Display définit
de nouvelles propriétés et de nouveaux mots-clés pour les propriétés
existantes afin de mieux gérer les vues circulaires ou arrondies. Il
inclut, entre autres, des media queries pour sélectionner les règles
de style en fonction de la forme de la fenêtre et des coordonnées
polaires pour le positionnement absolu.
Rédacteurs : Hyojin Song, Jihye Hong
Histoire
Le module CSS Basic User Interface
décrit les propriétés et les valeurs CSS pour styliser les éléments
d'interface utilisateur de base. Il inclut et élargit le niveau 3 de l'interface utilisateur de base CSS avec,
entre autres, des propriétés pour styliser le caret d'insertion.
Rédacteurs : Florian Rivoal
Histoire
Le niveau 4 du module de texte CSS
inclut et élargit le niveau 3 du module CSS Text. Il définit la rupture de ligne, la justification et l'alignement,
le traitement des espaces blancs et les transformations de texte.
Rédacteurs : Elika J. Etemad / fantasai, Koji Ishii,
Alan Stearns
Histoire
Les spécifications du groupe de travail Houdini (un
groupe de travail mixte avec le groupe de travail CSS et TAG) visent à spécifier l'accès de bas
niveau à un moteur de rendu CSS tel qu'on le trouve dans un
navigateur typique, y compris, par exemple, l'analyseur CSS, le
modèle de boîte, le chargement de police, la gestion des
débordements et le défilement. Une application qui utilise un tel
moteur CSS peut donc outrepasser ou étendre certaines de ses
fonctionnalités.
Le CSS Painting API Level 1 est l'une de ces
spécifications et définit une API pour se connecter aux fonctions
qui peignent une boîte CSS à l'écran, y compris son arrière-plan,
ses bordures et son contenu. Elle peut être utilisée, par exemple,
pour peindre un arrière-plan fourni par un algorithme plutôt qu'une
image.
Rédacteurs : Shane Stephens, Ian Kilpatrick, Dean
Jackson
Histoire
Le niveau 1 de CSS Properties and Values API fait
partie des spécifications Houdini. Il définit
une API pour enregistrer de nouvelles propriétés avec le moteur CSS.
Contrairement au module Custom properties
(qui permet de définir des propriétés de manière déclarative), l'API
permet de définir des propriétés avec des syntaxes spéciales et des
propriétés qui n'héritent pas.
Rédacteurs : Tab Atkins, Shane Stephens, Daniel
Glazman, Alan Stearns, Elliot Sprehn, Greg Whitworth
Histoire
CSS Typed OM Level 1 fait partie des spécifications Houdini. Il définit une API pour accéder aux
valeurs des propriétés dans CSS Object Model de manière efficace,
c'est-à-dire généralement sous forme de nombres plutôt que sous
forme de chaînes de caractères.
Rédacteurs : Shane Stephens
Histoire
Worklets Level 1 fait partie des spécifications Houdini. Il définit une API pour insérer du code
JavaScript dans le pipeline de rendu.
Rédacteurs : Ian Kilpatrick
Histoire
CSS Layout API Level 1 fait partie des spécifications Houdini. Il définit une API
JavaScript pour attacher des scripts qui réagissent aux changements
de style et d'arborescence des boîtes.
Rédacteurs : Greg Whitworth, Ian Kilpatrick, Tab
Atkins-Bittner, Shane Stephens, Robert O'Callahan, Rossen Atanassov
Histoire
Fonts Module level 4 élargit le Fonts
niveau 3. Il ajoute la prise en charge, entre autres, des
polices colorées, des polices variables et des emoji.
Rédacteurs : John Daggett, Myles C. Maxfield
Histoire
-
Rédacteurs : Myles C. Maxfield, Chris Lilley
Histoire
CSS Rhythmic Sizing Level 1 offre une propriété qui
force la distance entre les lignes, normalement fixée par la hauteur
des lignes, à être arrondie à un multiple d'une valeur donnée. Cela
permet aux lignes de rester alignées sur une grille fixe, même s'il
y a des lignes occasionnelles qui nécessitent plus d'espace (par
exemple, parce qu'elles contiennent une formule mathématique ou une
image en ligne). Ce module est un complément potentiel au module Line Grid.
Rédacteurs : Koji Ishii, Elika J. Etemad / fantasai
Histoire
Le module Fill and Stroke
définit les propriétés pour définir les couleurs et les motifs de
remplissage des formes SVG et du texte. La syntaxe CSS permet aux
formes SVG d'être stylisées avec une feuille de style (externe), au
lieu d'avoir des attributs sur chaque forme. Le "remplissage" se
réfère à l'intérieur des formes, le "trait" aux bords. Les deux
peuvent être des couleurs simples, mais aussi des motifs, des
dégradés ou des images.
Rédacteurs : Elika J. Etemad / fantasai, Tab
Atkins-Bittner
Histoire
Le module Containment propose
une propriété ‘contain’ qui est particulièrement utile dans les
interfaces
graphiques hautement dynamiques : il déclare qu'un élément
n'influence pas le rendu d'autres éléments en dehors de lui-même et
ne peint pas en dehors de sa propre boîte. Cela signifie que
l'élément peut être ajouté et retiré très rapidement, sans avoir à
recalculer le style des autres éléments. Par exemple, un tel élément
n'augmente pas la taille de son parent et n'incrémente pas les
compteurs de liste.
Rédacteurs : Tab Atkins, Florian Rivoal
Histoire
Le niveau 2 du CSS Containment
Module étend le niveau 1 avec des
valeurs additionnelles pour la propriété ‘contain’.
Rédacteurs : Tab Atkins, Florian Rivoal
Histoire
-
Rédacteurs : Tab Atkins, Florian Rivoal, Miriam E.
Suzanne
Histoire
Les animations et transitions utilisent des fonctions de chronométrage pour
spécifier comment la vitesse d'une animation varie au cours de la
durée de l'animation. (L'animation les qualifie de ‘easing
functions’, d'où le nom du module.) Les types les plus courants sont
prédéfinis. Mais il est possible d'en définir d'autres, y compris
certains qui rebondissent de sur leur cible. Ce module définit les
valeurs possibles pour toutes les propriétés de chronométrage.
Rédacteurs : Brian Birtles, Dean Jackson, Matt
Rakow, Shane Stephens
Histoire
-
Rédacteurs : Brian Birtles, Dean Jackson, Tab Atkins
Jr., Chris Lilley
Histoire
Le module Logical Properties and
Values permet de définir des propriétés indirectement, en
fonction de la direction et du mode d'écriture de l'élément ou de
son bloc contenant. Par exemple, le réglage de ‘margin-inline-start’
définit indirectement l'une des quatre propriétés de marge
(margin-top, -right, -bottom ou -left), selon que le texte de
l'élément est écrit de gauche à droite, de droite à gauche, de haut
en bas, ou de bas en haut. Cela est utile dans les feuilles de style
génériques simples, telles que les feuilles de style User Agent,
mais peut également parfois raccourcir les styles pour les documents
qui mélangent le texte de gauche à droite et de droite à gauche, en
particulier pour les éléments -left et le texte de gauche à droite
sont (pour la plupart) des images en miroir.
Rédacteurs : Rossen Atanassov, Elika J. Etemad /
fantasai
Histoire
-
Rédacteurs : Tab Atkins-Bittner, Fergal Daly
Histoire
-
Rédacteurs : Jihye Hong, Florian Rivoal
Histoire
-
Rédacteurs : Elika J. Etemad / fantasai, Rossen
Atanassov, Rune Lillesveen, Tab Atkins Jr.
Histoire
-
Rédacteurs : Majid Valipour , Robert Flack, Stephen
McGruer
Histoire
-
Rédacteurs : Aleks Totic, Greg Whitworth
Histoire
-
Rédacteurs : Chris Lilley, Una Kravets, Lea Verou,
Adam Argyle
Histoire
-
Rédacteurs : L. David Baron, Elika J. Etemad /
fantasai, Chris Lilley
Histoire
-
Rédacteurs : Florian Rivoal, Sanket Joshi, Megan
Gardner
Histoire
-
Rédacteurs : Tab Atkins-Bittner, Adam Argyle
Histoire
-
Rédacteurs : Tab Atkins-Bittner, Jake Archibald,
Khushal Sagar
Histoire
-
Rédacteurs : Tab Atkins-Bittner, Jake Archibald,
Khushal Sagar
Histoire
-
Rédacteurs : Tab Atkins-Bittner, Elika J. Etemad /
fantasai, Ian Kilpatrick
Histoire
Le niveau 1 contient seulement les propriétés les plus
élémentaires de CSS, telles que ‘margin’, ‘padding’, ‘background’,
`color', et ‘font’, avec des restrictions sur les valeurs
autorisées. Le premier niveau de CSS à être complété (en 1996), il
correspondait aux capacités des implémentations de l'époque. Il
n'est actuellement que d'intérêt historique ; toutes les
implémentations devraient pouvoir supporter le niveau 2 et
probablement aussi de grandes parties du niveau 3.
Rédacteurs : Håkon Wium Lie, Bert Bos
SVG
Certaines propriétés sont spécifiques au style SVG (ou à des
langages graphiques similaires) et sont définies dans la
spécification SVG, plutôt que dans un module CSS. Elles peuvent être
utilisés avec d'autres propriétés dans une feuille de style, mais ne
s'appliquent généralement pas aux mêmes éléments. Elles spécifient
des aspects tels que la couleur des traits et des remplissages, et
la forme des extrémités des traits.
Liens de navigation du site
