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
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
-
Rédacteurs : Elika J. Etemad / fantasai, Tab Atkins
Jr.
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
-
Rédacteurs : Tab Atkins-Bittner, Elika J. Etemad /
fantasai, Ian Kilpatrick
Histoire
-
Miriam E. Suzanne, Tab Atkins-Bittner
Histoire
-
Rédacteurs : Tab Atkins-Bittner
Histoire
-
Rédacteurs : Tab Atkins-Bittner, Daniel Holbert,
Jonathan Watt
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