Spécifications CSS
Les feuilles de style en cascade, niveau 2
Spécification CSS2
Recommandation du W3C du 12 mai 1998
- Cette version :
- http://www.w3.org/TR/1998/REC-CSS2-19980512
- Dernière version :
- http://www.w3.org/TR/REC-CSS2
- Version précédente :
- http://www.w3.org/TR/1998/PR-CSS2-19980324
- Rédacteurs :
- Bert Bos
<bbos@w3.org>
Håkon Wium Lie <howcome@w3.org>
Chris Lilley <chris@w3.org>
Ian Jacobs <ij@w3.org>
Résumé
Cette spécification définit CSS2 : les feuilles de style en cascade, niveau 2. CSS2 est un langage de feuille de style qui permet aux auteurs et aux lecteurs de lier du style (ex. les polices de caractères, l'espacement et un signal auditif) aux documents structurés (ex. documents HTML et applications XML). En séparant la présentation du style du contenu des documents, CSS2 simplifie l'édition pour le Web et la maintenance d'un site.
CSS2 est construit sur CSS1 (voir [CSS1]), ainsi toute feuille de style valide en CSS1 est également valide en CSS2 à très peu d'exceptions près. CSS2 prévoit des feuilles de style liées à un média spécifique ce qui autorise les auteurs à présenter des documents sur mesure pour les navigateurs visuels, les synthétiseurs de parole, les imprimantes, les lecteurs en Braille, les appareils portatifs, etc. Cette spécification introduit aussi les notions de positionnement du contenu, de téléchargement des polices, de mise en forme des tables, de fonctions d'internationalisation, de compteurs et numérotage automatiques et quelques propriétés concernant l'interface utilisateur.
Statut de ce document
Ce document a été vérifié par les membres du W3C et d'autres parties intéressées et le Directeur l'a approuvé comme Recommandation du W3C. C'est un document stable qui peut être utilisé comme document de référence ou cité comme norme de référence par un autre document. En produisant cette Recommandation, le W3C entend attirer l'attention sur une spécification et en promouvoir un large déploiement. Ceci multiplie la fonctionnalité et l'interopérabilité du Web.
Une liste des Recommandations actuelles du W3C et d'autres documents techniques peut être trouvée à http://www.w3.org/TR.
Les discussions publiques sur les fonctions de CSS ont lieu sur la liste www-style@w3.org.
Formats disponibles
La spécification CSS2 est disponible dans les formats suivants :
- HTML :
- http://www.w3.org/TR/1998/REC-CSS2-19980512
- fichier texte entier :
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.txt,
- HTML sous la forme d'un fichier compressé .tgz :
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.tgz,
- HTML sous la forme d'un fichier .zip (ce n'est pas un fichier '.exe') :
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.zip,
- sous la forme d'un fichier PostScript .ps.gz :
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.ps.gz,
- et sous la forme d'un fichier PDF :
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.pdf.
Pour toute contestation sur les diverses formes de la spécification, on considère http://www.w3.org/TR/1998/REC-CSS2-19980512 le lieu de la version définitive.
Langues disponibles
La version anglaise de la spécification est la seule version officielle. Cependant, pour des versions traduites en d'autres langues voir http://www.w3.org/Style/css2-updates/translations.html.
Errata
La liste des erreurs connues de cette spécification se trouve à http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html. Merci de faire part d'erreurs éventuelles dans ce document à css2-editors@w3.org.
Sommaire général
- 1 À propos de la spécification CSS2
- 2 Introduction à CSS2
- 3 La conformité : obligations et recommandations
- 4 La syntaxe de CSS2 et les types de données de base
- 5 Les sélecteurs
- 6 L'assignation des valeurs des propriétés, la cascade et l'héritage
- 7 Les types de médias
- 8 Le modèle des boîtes
- 9 Le modèle de mise en forme visuel
- 10 Détails du modèle de mise en forme visuel
- 11 Le rendu visuel
- 12 Le contenu généré, le numérotage automatique et les listes
- 13 Les médias paginés
- 14 Les couleurs et les arrière-plans
- 15 Les polices
- 16 Le texte
- 17 Les tables
- 18 L'interface utilisateur
- 19 Les feuilles de style auditives
- Annexe A : Un exemple de feuille de style pour HTML 4.0
- Annexe B : Changements depuis CSS1
- Annexe C : Mise en œuvre et notes d'évaluation des polices
- Annexe D : La grammaire de CSS2
- Annexe E : Références
- Annexe F : Index des propriétés
- Annexe G : Index des descripteurs
- Annexe H : Index
Sommaire détaillé
- 1 À propos de la spécification CSS2
- 1.1 Lire la spécification
- 1.2 Organisation de la spécification
- 1.3 Conventions
- 1.4 Remerciements
- 1.5 Notice de copyright
- 2 Introduction à CSS2
- 3 La conformité : obligations et recommandations
- 4 La syntaxe de CSS2 et les types de données de base
- 5 Les sélecteurs
- 5.1 La reconnaissance d'un motif
- 5.2 La syntaxe des sélecteurs
- 5.3 Le sélecteur universel
- 5.4 Les sélecteurs de type
- 5.5 Les sélecteurs descendants
- 5.6 Les sélecteurs d'enfant
- 5.7 Les sélecteurs d'enfants adjacents
- 5.8 Les sélecteurs d'attribut
- 5.9 Les sélecteurs d'ID
- 5.10 Les pseudo-éléments et les pseudo-classes
- 5.11 Les pseudo-classes
- 5.12 Les pseudo-éléments
- 6 L'assignation des valeurs des propriétés, la cascade et l'héritage
- 7 Les types de médias
- 8 Le modèle des boîtes
- 8.1 Les dimensions des boîtes
- 8.2 Exemples de marges, d'espacements et de bordures
- 8.3 Les propriétés de marge : 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' et 'margin'
- 8.4 Les propriétés d'espacement : 'padding-top', 'padding-right', 'padding-bottom', 'padding-left' et 'padding'
- 8.5 Les propriétés de bordure
- 8.5.1 L'épaisseur de bordure : les propriétés 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width' et 'border-width'
- 8.5.2 La couleur de bordure : les propriétés 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color' et 'border-color'
- 8.5.3 Le style de bordure : les propriétés 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style' et 'border-style'
- 8.5.4 Les propriétés raccourcies de bordure : 'border-top', 'border-bottom', 'border-right', 'border-left' et 'border'
- 9 Le modèle de mise en forme visuel
- 9.1 Introduction au modèle de mise en forme visuel
- 9.2 Le contrôle de la génération de la boîte
- 9.3 Les schémas de positionnement
- 9.4 Le flux normal
- 9.5 Les flottants
- 9.6 Le positionnement absolu
- 9.7 Les relations entre les propriétés 'display', 'position' et 'float'
- 9.8 Comparaison entre les positionnements en flux normal, flottant et absolu
- 9.9 La présentation en couches
- 9.10 Le sens du texte : les propriétés 'direction' et 'unicode-bidi'
- 10 Détails du modèle de mise en forme visuel
- 10.1 La définition du "bloc conteneur"
- 10.2 La largeur du contenu : la propriété 'width'
- 10.3 Le calcul des largeurs et des marges
- 10.3.1 Les éléments de type en-ligne non remplacés
- 10.3.2 Les éléments de type en-ligne remplacés
- 10.3.3 Les éléments de type bloc non remplacés dans un flux normal
- 10.3.4 Les éléments de type bloc remplacés dans un flux normal
- 10.3.5 Les éléments flottants non remplacés
- 10.3.6 Les éléments flottants remplacés
- 10.3.7 Les éléments non remplacés en position absolue
- 10.3.8 Les éléments remplacés en position absolue
- 10.4 Les largeurs minimales et maximales : 'min-width' et 'max-width'
- 10.5 La hauteur du contenu : la propriété 'height'
- 10.6 Le calcul des hauteurs et des marges
- 10.6.1 Les éléments de type en-ligne non remplacés
- 10.6.2 Les éléments de types en-ligne et bloc remplacés dans un flux normal et éléments flottants remplacés
- 10.6.3 Les éléments de type bloc non remplacés dans un flux normal et éléments flottants non remplacés
- 10.6.4 Les éléments non remplacés en position absolue
- 10.6.5 Les éléments remplacés en position absolue
- 10.7 Les hauteurs minimales et maximales : 'min-height' and 'max-height'
- 10.8 Le calcul de la hauteur de ligne : les propriétés 'line-height' et 'vertical-align'
- 11 Les effets visuels
- 12 Le contenu généré, le numérotage automatique et les listes
- 13 Les médias paginés
- 13.1 Introduction aux médias paginés
- 13.2 Les boîtes de page : la règle @page
- 13.3 Les sauts de page
- 13.3.1 Les propriétés de coupure avant et après : 'page-break-before', 'page-break-after', 'page-break-inside'
- 13.3.2 L'utilisation des pages nommées : 'page'
- 13.3.3 Les coupures à l'intérieur des éléments : 'orphans', 'widows'
- 13.3.4 Les sauts de page permis
- 13.3.5 Les sauts de page forcés
- 13.3.6 Les sauts de page "au mieux"
- 13.4 La cascade dans un contexte de page
- 14 Les couleurs et les arrière-plans
- 15 Les polices
- 15.1 Introduction
- 15.2 La spécification des polices
- 15.2.1 Les propriétés de spécification de police
- 15.2.2 La famille de polices : la propriété 'font-family'
- 15.2.3 Le style de police : les propriétés 'font-style', 'font-variant', 'font-weight' et 'font-stretch'
- 15.2.4 La taille de police : les propriétés 'font-size' et 'font-size-adjust'
- 15.2.5 La propriété raccourcie de police : la propriété 'font'
- 15.2.6 Les familles de polices génériques
- 15.3 La sélection des polices
- 15.3.1 Les descriptions des polices et @font-face
- 15.3.2 Les descripteurs de sélection de police : 'font-family', 'font-style', 'font-variant', 'font-weight', 'font-stretch' et 'font-size'
- 15.3.3 Le descripteur de qualification des données de police : 'unicode-range'
- 15.3.4 Le descripteur des valeurs numériques : 'units-per-em'
- 15.3.5 Le descripteur de référencement : 'src'
- 15.3.6 Les descripteurs de correspondance : 'panose-1', 'stemv', 'stemh', 'slope', 'cap-height', 'x-height', 'ascent' et 'descent'
- 15.3.7 Les descripteurs de synthèse : 'widths', 'bbox' et 'definition-src'
- 15.3.8 Les descripteurs d'alignement : 'baseline', 'centerline', 'mathline' et 'topline'
- 15.3.9 Exemples
- 15.4 Les caractéristiques des polices
- 15.4.1 Introduction aux caractéristiques des polices
- 15.4.2 Le nom entier d'une police
- 15.4.3 Les unités de coordonnée dans le carré em
- 15.4.4 La ligne de base centrale
- 15.4.5 Le codage des polices
- 15.4.6 Le nom de famille de polices
- 15.4.7 Les dimensions des glyphes
- 15.4.8 L'épaisseur de tige horizontale
- 15.4.9 La hauteur des glyphes majuscules
- 15.4.10 La hauteur des glyphes minuscules
- 15.4.11 La ligne de base inférieure
- 15.4.12 La ligne de base mathématique
- 15.4.13 La boîte de circonscription maximale
- 15.4.14 La hauteur maximale sans accent
- 15.4.15 La profondeur maximale sans accent
- 15.4.16 Le nombre Panose-1
- 15.4.17 L'étendue des caractères ISO 10646
- 15.4.18 La ligne de base supérieure
- 15.4.19 L'épaisseur de tige verticale
- 15.4.20 L'angle d'inclinaison vertical
- 15.5 L'algorithme de correspondance de police
- 16 Le texte
- 16.1 L'alinéa : la propriété 'text-indent'
- 16.2 L'alignement : la propriété 'text-align'
- 16.3 La décoration
- 16.4 L'interlettrage et l'espace-mot : les propriétés 'letter-spacing' et 'word-spacing'
- 16.5 La capitalisation : la propriété 'text-transform'
- 16.6 Les caractères blancs : la propriété 'white-space'
- 17 Les tables
- 17.1 Introduction aux tables
- 17.2 Le modèle de table de CSS
- 17.3 Les sélecteurs de colonne
- 17.4 Les tables dans le modèle de mise en forme visuel
- 17.5 La disposition visuelle des contenus de la table
- 17.6 Les bordures
- 17.7 Le rendu auditif des tables
- 18 L'interface utilisateur
- 19 Les feuilles de styles auditives
- 19.1 Introduction aux feuilles de styles auditives
- 19.2 La propriété de volume : 'volume'
- 19.3 La propriété de parole : 'speak'
- 19.4 Les propriétés de pause : 'pause-before', 'pause-after' et 'pause'
- 19.5 Les propriétés de signal : 'cue-before', 'cue-after' et 'cue'
- 19.6 La propriété de mixage : 'play-during'
- 19.7 Les propriétés spatiales : 'azimuth' et 'elevation'
- 19.8 Les propriétés des caractéristiques des voix : 'speech-rate', 'voice-family', 'pitch', 'pitch-range', 'stress' et 'richness'
- 19.9 Les propriétés de diction : 'speak-punctuation' et 'speak-numeral'
- Annexe A : Un exemple de feuille de style pour HTML 4.0
- Annexe B : Les changements depuis CSS1
- Annexe C : Les notes de mise en œuvre et d'optimisation des polices
- Annexe D : La grammaire de CSS2
- Annexe E : Références
- Annexe F : Index des propriétés
- Annexe G : Index des descripteurs
- Annexe H : Index
Version en cache
21/11/2024 09:58:03 Cette version de la page est en cache (à la date du 21/11/2024 09:58:03) afin d'accélérer le traitement. Vous pouvez activer le mode utilisateur dans le menu en haut pour afficher la dernère version de la page.Document créé le 04/02/2006, dernière modification le 26/10/2018
Source du document imprimé : https://www.gaudry.be/css.html
L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.
Références
Ces références et liens indiquent des documents consultés lors de la rédaction de cette page, ou qui peuvent apporter un complément d'information, mais les auteurs de ces sources ne peuvent être tenus responsables du contenu de cette page.
L'auteur de ce site est seul responsable de la manière dont sont présentés ici les différents concepts, et des libertés qui sont prises avec les ouvrages de référence. N'oubliez pas que vous devez croiser les informations de sources multiples afin de diminuer les risques d'erreurs.