Précédent

Table des matières

bas de page     

Suivant     


Table des matières abrégée
7 Les propriétés de mise en forme
    7.1 La description des groupes de propriétés
    7.2 Les aires de XSL et le modèle de la boîte de CSS
    7.3 Le rectangle de référence pour les calculs en pourcentage
    7.4 Les propriétés d'accessibilité communes
    7.5 Les propriétés de position absolue communes
    7.6 Les propriétés auditives communes
    7.7 Les propriétés de bordure, d'espacement et d'arrière-plan communes
    7.8 Les propriétés de police communes
    7.9 Les propriétés de césure communes
    7.10 Les propriétés de marge communes de bloc
    7.11 Les propriétés de marge communes en-ligne
    7.12 Les propriétés de position relative communes
    7.13 Les propriétés d'alignement des aires
    7.14 Les propriétés de dimension des aires
    7.15 Les propriétés liées aux blocs et aux lignes
    7.16 Les propriétés des caractères
    7.17 Les propriétés en relation avec la couleur
    7.18 Les propriétés en relation avec les flottants
    7.19 Les propriétés de rétention et de coupure
    7.20 Les propriétés en relation avec la disposition
    7.21 Les propriétés leader et rule
    7.22 Les propriétés des effets dynamiques des objets de mise en forme
    7.23 Les propriétés des marqueurs
    7.24 Les propriétés de conversion des nombres et des chaînes
    7.25 Les propriétés de pagination et de disposition
    7.26 Les propriétés des tables
    7.27 Les propriétés en relation avec le mode d'écriture
    7.28 Les propriétés diverses
    7.29 Les propriétés raccourcies

7 Les propriétés de mise en forme

7.1 La description des groupes de propriétés

Les chapitres suivants décrivent les propriétés des objets de mise en forme.

Un certain nombre de propriétés sont reprises de la spécification CSS2. De plus, les corrections apportées à CSS2 ont été intégrées. Voir le chapitre [CSS2].

Les propriétés reprises de CSS2 apparaissent entourées d'une bordure noire épaisse, celles dérivées des propriétés CSS2 entourées d'une bordure noire mince.

7.2 Les aires de XSL et le modèle de la boître de CSS

Ce chapitre décrit comment interpréter celles des descriptions de propriété qui intègrent la définition CSS2 de la propriété en question. Pour CSS2, les « boîtes » sont générées par des « éléments », tout comme, pour XSL, les aires sont générées par des objets de mise en forme. On doit considérer toutes les références aux « boîtes », dans la définition CSS2, comme étant des références aux aires, dans le modèle des aires de XSL, et quant aux « éléments«  d'une définition CSS2, sauf ceux qui apparaissent dans une rubrique « S'applique à : », comme se référant aux « objets de mise en forme ».

On considérera que l'expression élément positionné en CSS fait référence à un objet de mise en forme en XSL, celui-ci ayant pour l'une ou l'autre propriété, une valeur calculée autre que "auto" pour 'absolute-position' et/ou une valeur calculée autre que "static" pour 'relative-position'.

Remarque :

Comme pour XSL, la propriété 'position' représente un raccourci pour les propriétés 'absolute-position' et 'relative-position', celle-ci équivaut à la définition CSS.

La position et les dimensions de la boîte se rapporte normalement à la position et aux dimensions du rectangle de contenu de l'aire. On donne des correspondances supplémentaires entre le modèle de la boîte de CSS2 et celui de l'aire de XSL dans la table qui suit.

BoîteAire
bord du haut du contenubord du haut du rectangle de contenu
bord de l'espacementrectangle d'espacement
aire du contenuintérieur du rectangle de contenu
aire de l'espacementzone entre le rectangle de contenu et le rectangle d'espacement
aire de la bordurezone entre le rectangle d'espacement et le rectangle de bordure
arrière-planarrière-plan
bloc conteneuraire de bloc ancêtre le plus proche qui ne soit pas une aire de ligne (voir l'information supplémentaire plus loin quand le « bloc conteneur » s'emploie comme référence pour des calculs en pourcentage)
légendeaire générée par l'objet fo:table-caption
boîte en-ligneaire en-ligne
boîte de ligneaire de ligne
boîte de blocaire de bloc qui ne soit pas une aire de ligne
boîte de pageaire de page

Les marges de boîte correspondent aux traits de l'aire selon la description de leur calcul à partir des valeurs des propriétés au chapitre [5 L'affinage et la résolution des propriétés].

7.3 Le rectangle de référence pour les calculs en pourcentage

Les conversions autorisées pour les valeurs en pourcentage, spécifiées dans la définition de la propriété, se font typiquement en rapport avec le rectangle de contenu d'une aire. On détermine cette aire comme suit :

  1. Pour les propriétés définies par CSS2 comme se rapportant au « bloc conteneur », on utilise le rectangle de contenu de l'aire de bloc, celle-ci n'étant pas une aire de ligne, de l'ancêtre le plus proche ;

  2. Pour les propriétés définies par XSL, la définition de la propriété spécifie le rectangle de contenu de l'aire qui est utilisée ;

  3. Les exceptions aux règles précédentes, pour déterminer l'aire à utiliser, sont :

    1. Quand ces règles s'appliquent aux objets fo:root, fo:page-sequence et fo:title, ainsi qu'aux descendants de ce dernier, le rectangle utilisé a les dimensions qui correspondent à la valeur "auto" des propriétés 'page-height' et 'page-width'. Les dimensions de progression de bloc et en-ligne se déterminent alors en fonction des valeurs calculées des traits reference-orientation et writing-mode de l'objet de mise en forme en question, ou de l'objet fo:title dans le cas d'un descendant de celui-ci ;

    2. Quand ces règles sont appliquées sur des objets fo:static-content ou fo:flow, le rectangle de contenu utilisé dépend de la région de la première page sur laquelle le contenu est dirigé. Pour la région du corps, il s'agit de l'aire de référence de flux normal, et pour les autres régions de l'aire de référence de région ;

    3. Quand appliquées sur un objet fo:footnote-body, ou sur un objet fo:float qui génère une aire de la classe d'aire xsl-before-float, le rectangle utilisé correspond, respectivement, au rectangle de contenu de l'aire de référence de note de pied et à celui de l'aire de référence avant-flottant ;

    4. Quand appliqués sur un objet fo:float qui génère une aire de la classe d'aire xsl-side-float, le rectangle de contenu utilisé correspond à l'aire de bloc de l'ancêtre le plus proche, qui n'est pas une aire de ligne du type xsl-anchor, générée par l'objet fo:float ;

    5. Quand la propriété 'absolute-position' a la valeur "fixed", le bloc conteneur est défini par l'aire de zone de visualisation de l'ancêtre le plus proche. S'il n'y en a pas, le bloc conteneur est défini par l'agent utilisateur ;

    6. Quand la propriété 'absolute-position' a la valeur "absolute", le bloc conteneur est établi par l'aire de l'ancêtre le plus proche A, dont la classe d'aire est différente de xsl-normal ou la valeur de la propriété 'relative-position' est "relative".

      Si A est une aire de bloc, le rectangle utilisé est le rectangle d'espacement de A.

      Si A est une aire en-ligne, générée par un objet de mise en forem F, le rectangle utilisé est un rectangle virtuel, dont les bords d'avant et de début correspondent à ceux de la première aire générée par F et dont les bords d'après et de fin correspondent à ceux de la dernière aire générée par F. Ce « rectangle » peut s'étendre négativement.

  4. Si l'objet de mise en forme, qui génère l'aire en question, génère une séquence de telles aires, on utilise la première aire pour la conversion.

7.4 Les propriétés d'accessibilité communes

7.4.1 'source-document'

Définition XSL :

Valeur : <uri-spécification> [ <uri-spécification> ]* | none | inherit
Valeur initiale : none
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : tous

Celle-ci est utilisée par tous ceux des objets de mise en forme qui peuvent être contenus dans dans un objet fo:flow, ou fo:static-content (tous les objets de mise en forme qui peuvent être créés à partir d'un élément de la source XML).

Les significations des valeurs sont les suivantes :

none

Le document source est transitoire, inconnu ou non-spécifié ;

<uri-spécification>

Une spécification d'URI désignant une (sous-)ressource utilisée comme entrée pour la feuille de style.

Cette propriété fournit un pointeur de retour vers le(s) document(s) XML orinal(aux) utilisé(s), en accord avec la définition Dublin Core pour « source » (« Une référence vers une ressource à partir de laquelle est dérivée la présente ressource », voir http://purl.org/DC/documents/rec-dces-19990702.htm). Cette valeur n'est pas validée par un processeur XSL, ni n'a une signification standardisée inhérente pour celui-ci.

Les conseils d'utilisation pour l'accessibilité du W3C http://www.w3.org/TR/WCAG20/, http://www.w3.org/TR/ATAG10/ et http://www.w3.org/TR/UAAG10/ encouragent fortement l'utilisation de cette propriété, soi sur l'objet fo:root, soit sur le premier objet de mise en forme généré à partir d'un document source donné.

La référence d'URI présente un intérêt pour les appareils de rendu alternatifs (lecteurs à synthèse auditive, etc.), quand la structure de l'arbre des objets de mise en forme est inappropriée pour un appareil donné.

7.4.2 'role'

Définition XSL :

Valeur : <chaîne> | <uri-spécification> | none | inherit
Valeur initiale : none
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : tous

Celle-ci est utilisée par tous ceux des objets de mise en forme qui peuvent être contenus dans un objet fo:flow ou fo:static-content (tous les objets de mise en forme qui peuvent être créés directement à partir d'un élément de la source XML).

Les significations des valeurs sont les suivantes :

none

Indique qu'aucune balise sémantique n'est citée par cet objet de mise en forme ;

<chaîne>

La valeur est une chaîne représentant un identifiant sémantique qui peut être utilisé pour le rendu de cet objet de mise en forme ;

<uri-spécification>

Une spécification d'URI, indicant une ressource RDF [RDF], c'est-à-dire, un objet XML dont la syntaxe est valide pour la grammaire RDF.

Cette propriété fournit un indice aux appareils de rendu alternatifs (lecteurs à synthèse auditive, etc.) sur le rôle de l'élément XML, ou des éléments, utilisés pour la construction de cet objet de mise en forme, au cas où l'un avait pu être identifié lors de la construction de l'arbre XSLT. Cette information peut être utilisée pour l'élaboration de rendus alternatifs quand le rendu normal d'un objet de mise en forme n'est pas adéquat ou satisfaisant ; par exemple, l'information de rôle peut être utilisée pour offrir un meilleur rendu auditif d'un matériel avec une mise en forme visuelle.

Pour aider les appareils de rendu alternatifs, la valeur de <chaîne> devrait être le nom qualifié (QName [XML Names]) de l'élément à partir duquel est construit l'objet de mise en forme. Si un QName fournit un contexte insuffisant, la valeur de <uri-spécification> peut être utilisée pour identifier une ressource RDF qui décrit plus complètement le rôle. Cette ressource RDF peut être soit incorporée dans l'arbre résultant et référencée par un identifiant d'URI relatif ou un identifant de fragment, ou bien se trouver en dehors de l'arbre résultant. Cette spécification ne définit aucun QName ni vocabulaire RDF standards ; ceux-ci dépendent fréquemment du domaine d'application. D'autres groupes, comme le Dublin Core, ont défini de tels vocabulaires.

Cette propriété ne s'héritent pas, mais tous les nœuds subsidiaires de cet objet de mise en forme, qui ne sont pas porteurs d'une propriété 'role', devraient utiliser les mêmes propriétés de présentation alternative (cette propriété ne s'hérite pas car l'appareil de rendu pourrait avoir besoin de connaître le début et la fin du sous-arbre de l'objet de mise en forme généré par l'élément).

7.5 Les propriétés de position absolue communes

7.5.1 'absolute-position'

Dérivée d'une propriété CSS2.

Valeur : auto | absolute | fixed | inherit
Valeur initiale : auto
S'applique à : fo:block-container
Héritée : non
Pourcentage : sans objet
Médias : visuel

Les significations des valeurs sont les suivantes :

auto

Il n'y a pas de contrainte de positionnement absolu. Le positionnement se fait en fonction de la propriété 'relative-position' ;

absolute

L'emplacement de l'aire (et éventuellement ses dimensisons) est spécifié avec les propriétés 'left', 'right', 'top' et 'bottom'. Celles-ci spécifient les décalages de l'aire par rapport à l'aire la contenant. Les aires en position absolue sont retirées du flux normal. Celles-ci n'ont ainsi aucune influence sur la disposition de leurs pairs suivants. Également, bien que les aires en position absolue aient des marges, celles-ci ne fusionnent pas avec les autres marges ;

fixed

L'emplacement de l'aire se calcule en fonction du modèle « absolu », mais en plus, l'aire est fixe par rapport à une référence. Pour les médias continus, l'aire est fixe par rapport à la zone de visualisation (et ne bouge pas lors d'un défilement). Pour les médias paginés, l'aire est fixe par rapport à la page, même si celle-ci est vue au travers d'une zone de visualisation (par exemple, dans le cas d'un aperçu avant impression). Les auteurs peuvent souhaiter une position « fixe » en fonction du média. Par exemple, ceux-ci peuvent vouloir qu'une aire reste en haut de la zone de visualisation à l'écran, mais pas en haut de toutes les pages imprimées ;

Les restrictions suivantes se rajoutent dans le cas de présentations paginées :

7.5.2 'top'

Définition CSS2, modifiée par http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x12

Valeur : <longueur> | <pourcentage> | auto | inherit
Valeur initiale : auto
S'applique à : éléments positionnés
Héritée : non
Pourcentage : se rapporte à la hauteur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'top' vf.
http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-top

Cette propriété spécifie l'ampleur du décalage du bord de la marge du haut d'une boîte en-dessous du bord du haut de la boîte de son bloc conteneur.

Les modifications XSL de la définition CSS :

Voir la définition de la propriété [7.5.5 'left'].

7.5.3 'right'

Définition CSS2, modifiée par http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x12

Valeur : <longueur> | <pourcentage> | auto | inherit
Valeur initiale : auto
S'applique à : éléments positionnés
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'right' vf.
http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-right

Cette propriété spécifie l'ampleur du déplacement du bord de la marge de droite d'une boîte vers la gauche du bord droit de la boîte de son bloc conteneur.

Les modifications XSL de la définition CSS :

Voir la définition de la propriété [7.5.5 'left'].

7.5.4 'bottom'

Définition CSS2, modifiée par http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x12

Valeur : <longueur> | <pourcentage> | auto | inherit
Valeur initiale : auto
S'applique à : éléments positionnés
Héritée : non
Pourcentage : se rapporte à la hauteur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'bottom' vf.
http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-bottom

Cette propriété spécifie l'ampleur du décalage du bord de la marge du bas d'une boîte au-dessus du bord du bas de la boîte de son bloc conteneur.

Les modifications XSL de la définition CSS :

Voir définition de la propriété [7.5.5 'left'].

7.5.5 'left'

Définition CSS2, modifiée par http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x12

Valeur : <longueur> | <pourcentage> | auto | inherit
Valeur initiale : auto
S'applique à : éléments positionnés
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'left' vf.
http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-left

Cette propriété spécifie l'ampleur du décalage du bord de la marge de gauche d'une boîte vers la droite du bord gauche de la boîte de son bloc conteneur.

Les significations des valeurs des quatre propriétés (de décalage de position) sont les suivantes :

auto

L'effet de cette valeur dépend de quelles propriétés en relation ont aussi la valeur "auto". Voir les chapitres traitant de la largeur et de la hauteur des éléments non-remplacés en position absolue pour le détail ;

<longueur>

Le décalage est une distance fixe à partir du bord de référence ;

<pourcentage>

Le décalage est un pourcentage de la largeur du bloc conteneur, pour les propriétés 'left' et 'right', ou de la hauteur de celui-ci, pour les propriétés 'top' et 'bottom'. Pour ces dernières, si la hauteur du bloc container n'est pas spécifiée explicitement (c'est-à-dire, celle-ci dépendant de la hauteur du contenu), alors la valeur en pourcentange est considérée comme étant "auto" ;

Pour les boîtes en position absolue, les décalages dépendent de la boîte du bloc conteneur. Pour les boîtes en position relative, les décalages dépendent des bords externes de la boîte elle-même (c'est-à-dire, celle-ci reçoit un emplacement dans le flux normal, puis le décalage a lieu à partir de cet emplacement en fonction de ces propriétés).

Les modifications XSL de la définition CSS :

Ces propriétés indiquent l'emplacement du rectangle de contenu de l'aire associée.

Si les propriétés 'left' et 'right' ont toutes deux une valeur autre que "auto", alors, quand la propriété 'width' a la valeur "auto", la largeur du rectangle de contenu est surclassée ; autrement, la géométrie serait sur-contrainte et se résoudrait comme au chapitre [5.3.4 La géométrie sur-contrainte]. De la même façon, si "top" et "bottom" ont toutes deux une valeur autre que "auto", alors, quand "height" a la valeur "auto", la hauteur du rectangle de contenu est surclassée ; autrement, la géométrie serait sur-contrainte et se résoudrait comme au chapitre [5.3.4 La géométrie sur-contrainte].

7.6 Les propriétés auditives communes

7.6.1 'azimuth'

Définition CSS2 :

Valeur : <angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit
Valeur initiale : center
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'azimuth' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-azimuth

7.6.2 'cue-after'

Définition CSS2 :

Valeur : <uri-spécification> | none | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'cue-after' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-cue-after

Les modifications XSL de la définition CSS :

La valeur <uri> a été changée pour <uri-spécification>.

7.6.3 'cue-before'

Définition CSS2 :

Valeur : <uri-spécification> | none | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'cue-before' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-cue-before

Les modifications XSL de la définition CSS :

La valeur <uri> a été changée pour <uri-spécification>.

7.6.4 'elevation'

Définition CSS2 :

Valeur : <angle> | below | level | above | higher | lower | inherit
Valeur initiale : level
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'elevation' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-elevation

7.6.5 'pause-after'

Définition CSS2 :

Valeur : <durée> | <pourcentage> | inherit
Valeur initiale : selon l'agent utilisateur
S'applique à : tous les éléments
Héritée : non
Pourcentage : voir explication
Médias : auditif

Référence CSS2 : propriété 'pause-after' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-pause-after

7.6.6 'pause-before'

Définition CSS2 :

Valeur : <durée> | <pourcentage> | inherit
Valeur initiale : selon l'agent utilisateur
S'applique à : tous les éléments
Héritée : non
Pourcentage : voir explication
Médias : auditif

Référence CSS2 : propriété 'pause-before' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-pause-before

7.6.7 'pitch'

Définition CSS2 :

Valeur : <fréquence> | x-low | low | medium | high | x-high | inherit
Valeur initiale : medium
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'pitch' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-pitch

7.6.8 'pitch-range'

Définition CSS2 :

Valeur : <nombre> | inherit
Valeur initiale : 50
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'pitch-range' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-pitch-range

7.6.9 'play-during'

Définition CSS2 :

Valeur : <uri-spécification> mix? repeat? | auto | none | inherit
Valeur initiale : auto
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'play-during' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-play-during

Les modifications XSL de la définition CSS :

La valeur <uri> a été changée pour <uri-spécification>.

7.6.10 'richness'

Définition CSS2 :

Valeur : <nombre> | inherit
Valeur initiale : 50
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'richness' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-richness

7.6.11 'speak'

Définition CSS2 :

Valeur : normal | none | spell-out | inherit
Valeur initiale : normal
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'speak' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-speak

7.6.12 'speak-header'

Définition CSS2 :

Valeur : once | always | inherit
Valeur initiale : once
S'applique à : ceux des éléments qui ont une information d'en-tête de table
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'speak-header' vf.
http://www.w3.org/TR/REC-CSS2/tables.html#propdef-speak-header

7.6.13 'speak-numeral'

Définition CSS2 :

Valeur : digits | continuous | inherit
Valeur initiale : continuous
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'speak-numeral' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-speak-numeral

7.6.14 'speak-punctuation'

Définition CSS2 :

Valeur : code | none | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'speak-punctuation' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-speak-punctuation

7.6.15 'speech-rate'

Définition CSS2 :

Valeur : <nombre> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit
Valeur initiale : medium
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'speech-rate' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-speech-rate

7.6.16 'stress'

Définition CSS2 :

Valeur : <nombre> | inherit
Valeur initiale : 50
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'stress' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-stress

7.6.17 'voice-family'

Définition CSS2 :

Valeur : [ [ <voix-spécifique> | <voix-générique> ],]* [ <voix-spécifique> | <voix-générique> ] | inherit
Valeur initiale : selon l'agent utilisateur
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : auditif

Référence CSS2 : propriété 'voice-family' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-voice-family

7.6.18 'volume'

Définition CSS2 :

Valeur : <nombre> | <pourcentage> | silent | x-soft | soft | medium | loud | x-loud | inherit
Valeur initiale : medium
S'applique à : tous les éléments
Héritée : oui
Pourcentage : se rapporte à la valeur héritée
Médias : auditif

Référence CSS2 : propriété 'volume' vf.
http://www.w3.org/TR/REC-CSS2/aural.html#propdef-volume

7.7 Les propriétés de bordure, d'espacement et d'arrière-plan communes

Les propriétés de bordure, d'espacement et d'arrière-plan suivantes proviennent de CSS2. Celles des propriétés 'border-', 'padding-' et 'background-' qui ont une terminaison en "before", "after", "start" ou "end" sont liées au mode d'écriture, ce sont des propriétés uniquement XSL.

7.7.1 'background-attachment'

Définition CSS2 :

Valeur : scroll | fixed | inherit
Valeur initiale : scroll
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'background-attachment' vf.
http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-attachment

scroll

L'image d'arrière-plan défile avec l'objet qui la contient ;

fixed

L'image d'arrière-plan reste fixe dans la zone visible de l'objet qui la contient ;

Quand une image d'arrière-plan est spécifiée, cette propriété indique si l'image est fixe en fonction de la zone de visualisation ("fixed") ou défile avec le document ("scroll").

Même si l'image est fixe, celle-ci ne reste visible que quand elle se trouve dans l'arrière-plan ou l'espacement de l'aire de l'élément. Ainsi, à moins que celle-ci ne forme une mosaïque ("background-repeat: repeat"), l'image peut être invisible.

Les agents utilisateurs peuvent interpréter la valeur "fixed" comme étant "scroll". Cependant, on recommande que la valeur "fixed" soit interprétée correctement, au moins pour les éléments HTML et BODY, car les auteurs n'ont aucun moyen de fournir une image pour les seuls navigateurs qui reconnaissent cette valeur. Voir le chapitre sur la conformité pour le détail.

Les modifications XSL de la définition CSS :

Le dernier paragraphe de la description CSS ne s'applique pas.

7.7.2 'background-color'

Définition CSS2 :

Valeur : <couleur> | transparent | inherit
Valeur initiale : transparent
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'background-color' vf.
http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-color

Cette propriété donne la couleur de l'arrière-plan d'un d'élément, soit avec une valeur <couleur>, soit avec le mot-clé transparent, qui laisse les couleurs sous-jacentes transparaître ;

transparent

Les couleurs sous-jacentes transparaissent ;

<couleur>

Toute spécification de couleur valide.

Les modifications XSL de la définition CSS :

XSL introduit une fonction rgb-icc() (voir [5.10.2 Les fonctions de couleur]) comme valeur de couleur valide pour cette propriété.

7.7.3 'background-image'

Définition CSS2 :

Valeur : <uri-spécification> | none | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 :propriété 'background-image' vf.
http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-image

Cette propriété donne l'image d'arrière-plan d'un élément. Lors de la spécification d'une propriété 'background-image', les auteurs devraient également spécifier une couleur d'arrière-plan, qui sera utilisée si l'image était indisponible. Quand l'image devient disponible, celle-ci est rendue par-dessus la couleur d'arrière-plan (ainsi, cette couleur est visible au travers des parties transparentes de l'image).

Cette propriété admet comme valeurs soit une valeur <uri-spécification>, désignant l'image, soit la valeur "none", pour ne pas employer d'image.

none

Aucune image n'est spécifiée ;

<uri-spécification>

Les modifications XSL de la définition CSS :

La valeur <uri> a été changée pour <uri-spécification>.

7.7.4 'background-repeat'

Définition CSS2 :

Valeur : repeat | repeat-x | repeat-y | no-repeat | inherit
Valeur initiale : repeat
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'background-repeat' vf.
http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-repeat

Quand on spécifie une image d'arrière-plan, cette propriété indique si celle-ci se répète (en mosaïque) et la manière de la répétition. La mosaïque recouvre les aires du contenu et d'espacement d'une boîte. Les significations des valeurs sont les suivantes :

repeat

L'image se répète à la fois dans les sens horizontal et vertical ;

repeat-x

L'image ne se répète que dans un sens horizontal ;

repeat-y

L'image ne se répète que dans un sens vertical ;

no-repeat

L'image ne se répète pas : un seul exemplaire de celle-ci est dessiné ;

Les modifications XSL de la définition CSS :

Les termes « horizontal » et « vertical » se définissent en fonction de l'orientation de référence ; le terme « horizontal » correspond à un sens de « gauche-à-droite » et « vertical » de « haut-en-bas ».

Remarque :

Ainsi, quand l'aire subit une rotation, la mosaïque subit aussi une rotation. La mosaïque est cependant indépendante du mode d'écriture.

7.7.5 'background-position-horizontal'

Dérivée d'une propriété CSS2.

Valeur : <pourcentage> | <longueur> | left | center | right | inherit
Valeur initiale : 0%
S'applique à : tous ceux des objets de mise en forme auxquels s'applique un arrière-plan
Héritée : non
Pourcentage : se rapporte à la taille du rectangle d'espacement
Médias : visuel

Quand on a spécifié une image d'arrière-plan, cette propriété donne sa position initiale dans le sens horizontal.

<pourcentage>

Spécifie qu'un point de l'image, à un pourcentage donné et dans une direction de gauche à droite, sera placé sur un point de l'aire du rectangle d'espacement, à cette même valeur en pourcentage et dans cette même direction ;

Remarque :

Par exemple, pour une valeur de 0%, le bord gauche de l'image s'aligne sur le bord gauche de l'aire du rectangle d'espacement. Une valeur de 100% aligne le bord droit de l'image sur le bord droit du rectangle d'espacement. Pour une valeur de 14%, un point de l'image situé à 14% vers la droite s'aligne sur un point du rectangle d'espacementsitué à 14% vers la droite.

<longueur>

Spécifie que le bord gauche de l'image sera placé à la valeur spécifiée vers la droite du bord gauche du rectangle d'espacement ;

Remarque :

Par exemple, pour une valeur de 2cm, le bord gauche de l'image se place à 2cm vers la droite du bord gauche du rectangle d'espacement.

left

Équivaut à 0% ;

center

Équivaut à 50% ;

right

Équivaut à 100%.

Les modifications XSL de la définition CSS :

Les valeurs "left" et "right" se définissent en fonction de l'orientation de référence.

7.7.6 'background-position-vertical'

Dérivée d'une propriété CSS2.

Valeur : <pourcentage> | <longueur> | top | center | bottom | inherit
Valeur initiale : 0%
S'applique à : tous ceux des objets de mise en forme auxquels s'applique un arrière-plan
Héritée : non
Pourcentage : se rapporte à la taille du rectangle d'espacement
Médias : visuel

Quand on a spécifié une image d'arrière-plan, cette propriété spécifie la position initiale de celle-ci dans le sens vertical.

<pourcentage>

Spécifie qu'un point, situé sur l'image au pourcentage donné, en partant du haut et en allant vers le bas, sera placé sur un point, situé sur le rectangle d'espacement de l'aire, de la valeur du même pourcentage en partant du haut et en allant vers le bas ;

Remarque :

Par exemple, pour une valeur de 0%, le bord du haut de l'image s'aligne avec le bord du haut du rectangle d'espacement de l'aire. Une valeur de 100% aligne le bord du bas de l'image avec le bord du bas du rectangle d'espacement. Pour une valeur de 84%, un point de l'image situé à 84% vers le bas se place sur un point du rectangle d'espacement situé à 84% vers le bas.

<longueur>

Spécifie que le bord du haut de l'image sera placé à la valeur spécifiée en dessous du bord du haut du rectangle d'espacement.

Remarque :

Par exemple, pour une valeur de 2cm, le bord du haut de l'image se place à 2cm en-dessous du bord du haut du rectangle d'espacement.

top

Équivaut à 0% ;

center

Équivaut à 50% ;

bottom

Équivaut à 100% ;

Les modifications XSL de la définition CSS :

Les valeurs "top" et "bottom" se définissent en fonction de l'orientation de référence.

7.7.7 'border-before-color'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie la couleur de la bordure sur le bord d'avant d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.19 'border-top-color'].

7.7.8 'border-before-style'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie le style de bordure pour le bord d'avant.

Voir la définition de la propriété [7.7.20 'border-top-style'].

7.7.9 'border-before-width'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-épaisseur> | <longueur-conditionnelle> | inherit
Valeur initiale : medium
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie l'épaisseur de bordure sur le bord d'avant.

Voir la définition de la propriété [7.7.21 'border-top-width'].

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composée spécifiant l'épaisseur et la conditionnalité éventuelle de la bordure d'un bord d'avant ;

Le composant .length est une valeur de <longueur>. Celle-ci ne peut être négative. Le composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si l'épaisseur de bordure doit être de 0pt, ou si l'épaisseur doit être retenue, quand le bord qui lui est associé est un bord de tête dans une aire de référence pour les aires, générées à partir de cet objet de mise en forme, dont le trait is-first a la valeur "false". Voir le chapitre [4.3 Les espaces et la conditionnalité] pour le détail. La valeur initiale du composant .conditionality est "discard".

Si on donne une valeur de <longueur> à la propriété 'border-before-width', le formateur devra convertir en terme de composants cette valeur seule, comme suit :

Si on spécifie la propriété 'border-before-width' avec l'un des mots-clés de largeur, le composant .conditionality prend la valeur "discard" et le composant .length une longueur qui dépend de l'agent utilisateur.

Remarque :

Si la valeur de la propriété 'border-style' est "none", la valeur calculée de l'épaisseur est forcée à "0pt".

7.7.10 'border-after-color'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie la couleur de la bordure sur le bord d'après d'une aire de bloc ou d'une aire en-ligne.

Voir définition de la propriété [7.7.19 'border-top-color'].

7.7.11 'border-after-style'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie le style de bordure sur le bord d'après.

Voir la définition de la propriété [7.7.20 'border-top-style'].

7.7.12 'border-after-width'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-épaisseur> | <longueur-conditionnelle> | inherit
Valeur initiale : medium
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie l'épaisseur de bordure sur le bord d'après.

Voir la définition de la propriété [7.7.21 'border-top-width'].

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composée qui spécifie l'épaisseur et la conditionnalité éventuelle de la bordure pour le bord d'après ;

Le composant .length est une valeur de <longueur>. Celle-ci ne peut être négative. Le composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si l'épaisseur de bordure doit être de 0, ou doit être retenue quand le bord qui lui est associé est un bord de queue dans une aire de référence pour les aires, générées à partir de cet objet de mise en forme, dont la valeur du trait is-last est "false". Voir le chapitre [4.3 Les espaces et la conditionnalité] pour le détail. La valeur intitiale du composant .conditionality est "discard".

Remarque :

Si la valeur de la propriété 'border-style' est "none", la valeur calculée de l'épaisseur est forcée à "0pt".

7.7.13 'border-start-color'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie la couleur de la bordure sur le bord de début d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.19 'border-top-color'].

7.7.14 'border-start-style'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie le style de bordure sur le bord de début.

Voir la définition de la propriété [7.7.20 'border-top-style'].

7.7.15 'border-start-width'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-épaisseur> | <longueur-conditionnelle> | inherit
Valeur initiale : medium
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie l'épaisseur de bordure sur le bord de début.

Remarque :

Si la valeur de la propriété 'border-style' est "none", la valeur calculée de l'épaisseur est forcée à "0pt".

Voir la définition de la propriété [7.7.21 'border-top-width'].

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composée qui spécifie l'épaisseur et la conditionnalité éventuelle de la bordure pour le bord de début.

Le composant .length est une valeur de <longueur>. Celle-ci ne peut être négative. Le composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si l'épaisseur de la bordure doit être nulle, ou doit être retenue quand le bord qui lui est associé est un bord de tête dans une aire de ligne pour les aires, générées à partir de cet objet de mise en forme, dont la valeur du trait is-first est "false". Voir le chapitre [4.3.1 Les règles de résolution d'espace] pour le détail. La valeur initiale du composant .conditionality est "discard".

7.7.16 'border-end-color'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie la couleur de bordure sur le bord de fin d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.19 'border-top-color'].

7.7.17 'border-end-style'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie le style de bordure sur le bord de fin.

Voir la définition de la propriété [7.7.20 'border-top-style'].

7.7.18 'border-end-width'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <bordure-épaisseur> | <longueur-conditionnelle> | inherit
Valeur initiale : medium
S'applique à : voir explication
Héritée : non
Pourcentage : sans objet
Médias : visuel

Spécifie l'épaisseur de bordure sur le bord de fin.

Remarque :

Si la valeur de la propriété 'border-style' est "none", la valeur calculée de l'épaisseur est forcée à "0pt".

Voir la définition de la propriété [7.7.21 'border-top-width'].

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composée qui spécifie l'épaisseur et la conditionnalité éventuelle de la bordure pour le bord de fin.

Le composant .length est une valeur de <longueur>. Celle-ci ne peut être négative. Le composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si l'épaisseur de bordure doit être de 0, ou si l'épaisseur doit être retenue quand le bord qui lui est associé est un bord de fin dans une aire en-ligne pour les aires, générées à partir de cet objet de mise en forme, dont la valeur du trait is-last est "false". Voir le chapitre [4.3.1 Les règles de résolution d'espace] pour le détail. La valeur initiale du composant .conditionality est "discard".

7.7.19 'border-top-color'

Définition CSS2 :

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-top-color' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-top-color

La propriété 'border-color' donne la couleur des quatre bordures. Les significations des valeurs sont les suivantes :

<couleur>

Toute spécification de couleur valide.

Si la couleur de bordure d'un élément n'est pas spécifiée, l'agent utilisateur peut utiliser la valeur de la propriété 'color' de l'élément comme valeur calculée pour la couleur de bordure.

7.7.20 'border-top-style'

Définition CSS2, modifiée par http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x9

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-top-style' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-top-style

Les propriétés de style de bordure spécifient le style de ligne de la bordure ("solid", "double", "dashed", etc.).

Les propriétés définies dans ce chapitre se rapporte au type de valeur <bordure-style> qui admet l'une des valeurs suivantes :

none

Aucune bordure. Cette valeur force à '0' la valeur calculée de la propriété 'border-width' ;

hidden

Même chose que "none", sauf pour la résolution des conflits de bordure des éléments des tables ;

dotted

La bordure est formée d'une série de points ;

dashed

La bordure est formée d'une série de tirets ;

solid

La bordure est formée d'un seul segment de ligne ;

double

La bordure est formée de deux lignes pleines. La somme de l'épaisseur de ces lignes et de l'espace entre celles-ci est égale à la valeur de la propriété 'border-width' ;

groove

La bordure semble avoir été gravée dans le canevas ;

ridge

L'inverse de "groove" : la bordure semble être extrudée du canevas ;

inset

La bordure donne l'impression que la boître entière est incorporée au canevas ;

outset

L'inverse de "inset" : la bordure donne l'impression que la boîte entière est extrudée du canevas.

Toutes les bordures sont dessinées par-dessus l'arrière-plan de la boîte. Les couleurs de bordure dessinées pour les valeurs "groove", "ridge", "inset" et "outset" devraient être basées sur la propriété 'border-color' de l'élément, cependant l'agent utilisateur peut choisir son propre algorithme pour le calcul de la couleur qui sera utilisée. Par exemple, si la valeur de la propriété 'border-color' est "silver", un agent utilisateur pourrait employer un dégradé de couleur, du blanc au gris foncé, pour simuler la pente d'une bordure.

Les agents utilisateurs conformes pour HTML peuvent interpréter les valeurs "dotted", "dashed", "double", "groove", "ridge", "inset" et "outset" comme étant "solid".

7.7.21 'border-top-width'

Définition CSS2 :

Valeur : <bordure-width> | inherit
Valeur initiale : medium
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-top-width' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-top-width

Les propriétés d'épaisseur de bordure spécifient l'épaisseur de la bordure. Les propriétés définies dans ce chapitre se rapporte au type de valeur <bordure-épaisseur>, qui admet l'une des valeurs suivantes :

thin

Une bordure fine ;

medium

Une bordure moyenne ;

thick

Une bordure épaisse ;

<longueur>

L'épaisseur de la bordure a une valeur explicite. Celles-ci ne peuvent pas être négatives.

L'interprétation des trois premières valeurs dépend de l'agent utilisateur. Cependant, les relations suivantes doivent se vérifier :

7.7.22 'border-bottom-color'

Définition CSS2 :

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-bottom-color' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-bottom-color

Spécifie la couleur de bordure sur le bord du bas.

Voir la définition de la propriété [7.7.19 'border-top-color'].

7.7.23 'border-bottom-style'

Définition CSS2 :

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-bottom-style' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-bottom-style

Spécifie le style de bordure sur le bord du bas.

Voir la définition de la propriété [7.7.20 'border-top-style'].

7.7.24 'border-bottom-width'

Définition CSS2 :

Valeur : <bordure-épaisseur> | inherit
Valeur initiale : medium
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-bottom-width' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-bottom-width

Spécifie l'épaisseur de bordure sur le bord du bas.

Voir la définition de la propriété [7.7.21 'border-top-width'].

7.7.25 'border-left-color'

Définition CSS2 :

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-left-color' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-left-color

Spécifie la couleur de bordure sur le bord de gauche.

Voir la définition de la propriété [7.7.19 'border-top-color'].

7.7.26 'border-left-style'

Définition CSS2 :

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-left-style' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-left-style

Spécifie le style de bordure sur le bord de gauche.

Voir la définition de la propriété [7.7.20 'border-top-style'].

7.7.27 'border-left-width'

Définition CSS2 :

Valeur : <bordure-épaisseur> | inherit
Valeur initiale : medium
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-left-width' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-left-width

Spécifie l'épaisseur de bordure sur le bord de gauche.

Voir la définition de la propriété [7.7.21 'border-top-width'].

7.7.28 'border-right-color'

Définition CSS2 :

Valeur : <couleur> | inherit
Valeur initiale : la valeur de la propriété 'color'
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-right-color' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-right-color

Spécifie la couleur de bordure sur le bord de droite.

Voir la définition de la propriété [7.7.19 'border-top-color'].

7.7.29 'border-right-style'

Définition CSS2 :

Valeur : <bordure-style> | inherit
Valeur initiale : none
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-right-style' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-right-style

Spécifie le style de bordure sur le bord de droite.

Voir la définition de la propriété [7.7.20 'border-top-style'].

7.7.30 'border-right-width'

Définition CSS2 :

Valeur : <bordure-épaisseur> | inherit
Valeur initiale : medium
S'applique à : tous les éléments
Héritée : non
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'border-right-width' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-right-width

Spécifie l'épaisseur de bordure sur le bord de droite.

Voir la définition de la propriété [7.7.21 'border-top-width'].

7.7.31 'padding-before'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <espacement-largeur> | <longueur-conditionnelle> | inherit
Valeur initiale : 0pt
S'applique à : voir explication
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Spécifie la largeur de l'espacement sur le bord d'avant d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.35 'padding-top']).

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composée qui spécifie la largeur et la conditionnalité éventuelle de l'espacement pour le bord d'avant.

Le composant .length est une valeur de <longueur>. Celle-ci ne peut pas être négative. Le composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si la largeur de l'espacement doit être nulle, ou si la largeur doit être retenue quand le bord qui lui est associé est un bord de tête dans une aire de référence pour les aires, générées à partir de cet objet de mise en forme, dont la valeur du trait is-first est "false". Voir [4.3 Les espaces et la conditionnalité] pour le détail. La valeur initiale du composant .conditionality est "discard".

7.7.32 'padding-after'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <espacement-largeur> | <longueur-conditionnelle> | inherit
Valeur initiale : 0pt
S'applique à : voir explication
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Spécifie la largeur de l'espacement sur le bord d'après d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.35 'padding-top']).

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composé qui spécifie la largeur et la conditionnité éventuelle de l'espacement pour le bord d'après.

Le composant .length a une valeur de <longueur>. Celle-ci ne peut pas être négative. La composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si la largeur de l'espacement doit être nul, ou si la largeur doit être retenue quand le bord qui lui est associé est un bord de queue dans une aire de référence pour les aires, générées à partir de cet objet de mise en forme, dont la valeur du trait is-last est "false". Voir le chapitre [4.3 Les espaces et la conditionnalité] pour le detail. La valeur initiale du composant .conditionality est "discard".

7.7.33 'padding-start'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <espacement-largeur> | <longueur-conditionnelle> | inherit
Valeur initiale : 0pt
S'applique à : voir explication
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Spécifie la largeur de l'espacement sur le bord de début d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.35 'padding-top']).

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composée qui spécifie la largeur et la conditionnalité éventuelle de l'espacement pour le bord de début.

Le composant .length est une valeur de <longueur>. Celle-ci ne peut être négative. Le composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si la largeur de l'espacement doit être nulle, ou si la largeur doit être retenue quand le bord qui lui est associé est un bord de tête dans une aire de ligne pour les aires, générées à partir de cet objet de mise en forme, dont le trait is-first a la valeur "false". Voir le chapitre [4.3.1 Les règles de résolution d'espace] pour le détail. La valeur initiale du composant .conditionality est "discard".

7.7.34 'padding-end'

Équivalent relatif dans le mode d'écriture d'une propriété CSS2.

Valeur : <espacement-largeur> | <longueur-conditionnelle> | inherit
Valeur initiale : 0pt
S'applique à : voir explication
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Spécifie la largeur de l'espacement sur le bord de fin d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.35 'padding-top']).

Les modifications XSL de la définition CSS :

Le type de valeur suivant a été ajouté à XSL :

<longueur-conditionnelle>

Une valeur composée qui spécifie la largeur et la conditionnalité éventuelle de l'espacement pour le bord de fin.

Le composant .length est une valeur de <longueur>. Celle-ci ne peut pas être négative. Le composant .conditionality peut prendre la valeur "discard", ou "retain", pour contrôler si la largeur de l'espacement doit être nulle, ou si la largeur doit être retenue quand le bord qui lui est associé est un bord de queue dans une aire de ligne pour les aires générées à partir de cet objet de mise en forme, dont le trait is-last a la valeur "false". Voir le chapitre [4.3.1 Les règles de résolution d'espace] pour le détail. La valeur initiale du composant .conditionality est "discard".

7.7.35 'padding-top'

Définition CSS2 :

Valeur : <espacement-largeur> | inherit
Valeur initiale : 0pt
S'applique à : tous les éléments
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'padding-top' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-top

<longueur>

Spécifie la largeur de l'espacement sur le bord du haut d'une aire de bloc ou d'une aire en-ligne. À la différence des propriétés de marge, les valeurs des propriétés d'espacement ne peuvent pas être négatives.

7.7.36 'padding-bottom'

Définition CSS2 :

Valeur : <espacement-largeur> | inherit
Valeur initiale : 0pt
S'applique à : tous les éléments
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'padding-bottom' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-bottom

Spécifie la largeur de l'espacement sur le bord du bas d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.35 'padding-top'].

7.7.37 'padding-left'

Définition CSS2 :

Valeur : <espacement-largeur> | inherit
Valeur initiale : 0pt
S'applique à : tous les éléments
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'padding-left' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-left

Spécifie la largeur de l'espacement sur le bord de gauche d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.35 'padding-top']).

7.7.38 'padding-right'

Définition CSS2 :

Valeur : <espacement-largeur> | inherit
Valeur initiale : 0pt
S'applique à : tous les éléments
Héritée : non
Pourcentage : se rapporte à la largeur du bloc conteneur
Médias : visuel

Référence CSS2 : propriété 'padding-right' vf.
http://www.w3.org/TR/REC-CSS2/box.html#propdef-padding-right

Spécifie la largeur de l'espacement sur le bord de droite d'une aire de bloc ou d'une aire en-ligne.

Voir la définition de la propriété [7.7.35 'padding-top']).

7.8 Les propriétés de police communes

Les propriétés de police communes qui suivent sont toutes issues de CSS2. La référence vers CSS2 est : http://www.w3.org/TR/REC-CSS2/fonts.html

Remarque :

Bien que ces propriétés se réfèrent aux propriétés individuelles de CSS, on recommande une lecture complète du chapitre sur les polices de la spécification CSS2.

7.8.1 Les polices et les données de police

XSL utilise un modèle abstrait de police. Ce modèle, décrit ici, se base sur les technologies de police actuelles, comme illustré par la spécification OpenType [OpenType].

Une police consiste en une collection de glyphes et de l'information nécessaire, les tables de police, pour l'utilisation de ces glyphes en vue de présenter des caractères sur un média donné. Un glyphe est un symbole graphique abstrait reconnaissable qui est indépendant d'un dessin particulier. On appelle données de police la combinaison de cette collection de glyphes et de ses tables de police.

Les tables de police comprennent les informations nécessaires pour faire correspondre les caractères aux glyphes, pour déterminer la taille des aires de glyphe et la position de celles-ci. Chaque table de police consiste en une ou plusieurs caractéristiques de police, telles que la graisse et le style.

Les caractéristiques géométriques d'une police s'expriment dans un système de coordonnées basé sur la boître em (le em est une mesure relative de la hauteur des glyphes dans la police ; voir le chapitre [5.9.7.2 Les longueurs relatives]). Cette boîte, haute de 1em et large de 1em, est appelée l'espace de dessin. Les points de cet espace s'expriment selon des coordonnées géométriques en terme d'unités fractionnaires du em.

L'espace coordonné de la boîte em est appelé système de coordonnées de l'espace du dessin. Pour les polices proportionnelles, on représente les courbes et les lignes utilisées pour le tracé d'un glyphe à l'aide de ce système de coordonnées.

Remarque :

Le plus souvent, le point (0,0) de ce système de coordonnées se place sur le bord gauche de la boîte em, mais pas sur le coin inférieur gauche de celle-ci. La coordonnée Y du bas d'une lettre capitale romane est habituellement zéro. De plus, les jambages d'une lettre minuscule romane ont des valeurs de coordonnée négatives.

XSL suppose que les tables de police fournissent au moins trois caractéristiques de police : une hampe, un jambage et un jeu de tables de ligne de base. Leurs valeurs de coordonnée sont données dans le système de coordonnées de l'espace de dessin. La hampe correspond à la coordonnée verticale du haut de la boîte em ; le jambage correspond à la coordonnée verticale du bas de la boîte em. La table de ligne de base est expliquée ci-dessous.

Les glyphes d'une écriture donnée sont positionnés de manière à ce qu'un point particulier pour chaque glyphe, le point d'alignement, soit aligné avec les points des autres glyphes dans cette écriture. Les glyphes d'écritures différentes sont typiquement alignés sur des points différents du glyphe. Par exemple, les glyphes occidentaux s'alignent sur le bas des lettres capitales, certains glyphes indiens (y compris les glyphes issus des écritures devanagari, gurmukhi et bengali) s'alignent sur un trait horizontal proche du haut des glyphes, et les glyphes extrêmes-orientaux s'alignent soit sur le bas soit sur le milieu de la boîte em du glyphe. Dans une écriture et dans une ligne de texte avec une seule taille de police, la succession des points d'alignement définit, dans la direction de progression en-ligne, une ligne géométrique appelée ligne de base. Les glyphes occidentaux ainsi que la plupart des autres glyphes alphabétiques et syllabiques s'alignent sur une ligne de base « alphabétique », les glyphes indiens précédents s'alignent sur une ligne de base « suspendue » et les glyphes extrêmes-orientaux s'alignent sur une ligne de base « idéographique ».

Trois exemples de lignes de base   [D]

Cette figure montre la position verticale du point d'alignement pour une écriture alphabétique et plusieurs écritures syllabiques, illustré par un « A » roman, pour certaines écritures indiennes, illustré par une syllabe « ji » en gurmukhi, et pour des écritures idégraphiques, illustré par le glyphe de l'idéogramme signifiant « pays ». Le rectangle en trait fin noir qui entoure le glyphe idéographique montre la boîte em de celui-ci et l'emplacement typique des « traits noirs » du glyphe dans la boîte em.

Une table de lignes de base spécifie la position d'une ou plusieurs lignes de base dans le système de coordonnées de l'espace du dessin. La table de lignes de base a pour fonction de faciliter l'alignement des différentes écritures l'une par rapport à l'autre quand elles sont mélangées dans un même texte. Comme les alignements relatifs voulus peuvent dépendre de l'écriture dominante dans une ligne (ou un bloc), chaque écriture peut avoir une table de lignes de base différente. De plus, les modes d'écritures horizontaux et verticaux nécessitent différentes positions d'alignement. De ce fait, la police peut avoir un jeu de tables de ligne de base, typiquement, un ou plusieurs pour des modes d'écritures horizontaux et zéro ou plus pour des modes d'écritures verticaux.

Alignements de lignes de base horizontale et verticale   [D]

Des exemples de positions de ligne de base horizontales et verticales. La boîte matérialisée en trait fin dans chaque exemple correspond à la « boîte em ». Pour les glyphes latins, seule la boîte em du premier est montrée. L'exemple 1 montre un texte latin typique écrit horizontalement. Ce texte se positionne en fonction de la ligne de base, dessinée en bleu. L'exemple 2 montre un glyphe idéographique typique positionné sur la ligne de base idéographique horizontale. Noter que la boîte em est positionnée différemment dans ces deux cas. Les exemples 3 et 4 montrent le même jeu de lignes de base employé dans une écriture verticale. Le texte latin de l'exemple 3 apparaît avec une orientation de glyphe de 90 degrés, typique de l'espacement des glyphes latins en écriture verticale. Bien que le glyphe idéographique de l'exemple 4 soit positionné sur la ligne de base idéographique verticale, celui-ci étant centré dans la boîte em, tous les glyphes avec une même boîte em sont centrés verticalement, l'un par rapport à l'autre. On donne des exemples supplémentaires de positionnements d'écritures mélangées en introduction des chapitres [7.13 Les propriétés d'alignement des aires] et [7.27 Les propriétés en relation avec le mode d'écriture].

Les tables de police d'une police comprennent des caractéristiques de police pour les glyphes individuels de celle-ci. XSL suppose que les tables de police comprennent, pour chaque glyphe de la police, une valeur de largeur, une ligne de base d'alignement et un point d'alignement pour les modes d'écriture horizontaux. Si les modes d'écritures verticaux sont reconnus, alors chaque glyphe doit avoir une autre valeur de largeur, une autre ligne de base d'alignement et un autre point d'alignement pour ces modes verticaux (bien que spécifiée comme largeur, dans un mode d'écriture vertical, la largeur s'emploie dans le sens vertical).

L'écriture à laquelle appartient un glyphe détermine une ligne de base d'alignement sur laquelle celui-ci s'aligne. La position de cette ligne de base dans le système de coordonnées de l'espace du dessin détermine la position par défaut dans la direction de progression de bloc du point d'alignement. La direction de progression en-ligne du point d'alignement se trouve sur le bord de début du glyphe (l'ajustement de ces positions dépend de la spécification de la propriété [7.13.1 'alignment-adjust'] quand l'instance d'un glyphe est utilisée dans un objet de mise en forme de type en-ligne ou bloc. Les propriétés 'space-start' et/ou 'space-end' de l'objet fo:character, qui correspond au glyphe, peuvent être ajustées pour modifier le « crénage«  de glyphes adjacents).

Alignement de ligne de base de glyphes de différentes écritures   [D]

Cette figure montre des glyphes de trois écritures différentes, chacun d'eux ayant sa boîte em, et, dans cette boîte em, la table de lignes de base qui peuvent être appliquées à ce glyphe. Le point d'alignement de chaque glyphe est indiqué par un « X » sur le bord de début de la boîte em, la ligne de base d'alignement étant dessinée en bleu. La table de lignes de base de l'objet de mise en forme, parent des caractères qui correspondent à ces glyphes, est représentée par un jeu de lignes en tirets.

En plus des caractéristiques de police qui sont requises ci-dessus, une police peut aussi fournir des tables de substitution et de positionnement qui peuvent être employées par le formateur pour ré-ordonner, combiner et positionner une séquence de glyphes pour en faire un ou plusieurs glyphes composés. La combinaison peut aller d'une simple ligature à une syllabe indienne complexe qui assemble, en général en les ré-ordonnant, plusieurs glyphes de consonnes et de voyelles. Voir le chapitre [4.7.2 La construction de la ligne].

Remarque :

Si les tables de police ne définissent aucune valeur pour les caractéristiques de police requises, on peut employer des moyens heuristiques pour obtenir une approximation de ces valeurs.

7.8.2 'font-family'

Définition CSS2, modifiée par http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x73

Valeur : [[ <famille-nom> | <famille-générique> ],]* [ <famille-nom> | <famille-générique> ] | inherit
Valeur initiale : selon l'agent utilisateur
S'applique à : tous les éléments
Héritée : oui
Pourcentage : sans objet
Médias : visuel

Référence CSS2 : propriété 'font-family' vf.
http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font-family

Cette propriété spécifie une liste prioritaire de noms de famille de polices et/ou de noms de famille générique. Pour résoudre les problèmes suivants, qu'une seule police peut ne pas contenir les glyphes nécessaires pour afficher tous les caractères d'un document ou que les polices ne sont pas forcément disponibles sur tous les systèmes, cette propriété permet aux auteurs la spécification d'une liste de polices, toutes dans le même style et dans la même taille, qui seront essayées en succession pour vérifier si celles-ci contiennent le glyphe pour un caractère donné. On appelle cette liste un jeu de polices.

La famille de police générique sera utilisée si une ou plusieurs des autres polices étaient indisponibles. Bien que plusieurs polices offrent le glyphe « caractère manquant », en général un carré, on ne devrait pas considérer ce glyphe, ainsi que son nom l'indique, comme une correspondance, sauf pour la dernière police d'un jeu de polices.

Il y a deux types de nom de famille de polices :

<famille-nom>

Le nom d'une famille de polices de choix. Dans l'exemple précédent (dans la recommendation CSS2), "Baskerville", "Heisi Mincho W3" et "Symbol" sont des familles de polices. Celles dont le nom contient un blanc devraient être mises entre guillemets. Si on omet ceux-ci, les caractères blancs éventuels avant et après le nom de la police sont ignorés et toute séquence de blancs, à l'intérieur de celui-ci, est convertie en un seul espace ;

<famille-générique>

On définit les familles génériques suivantes : "cursive", "fantasy" et "monospace". Consulter le chapitre traitant des familles de polices génériques pour leur description. Leurs noms sont des mots-clés, par conséquent, on ne doit pas les mettre entre guillemets.

Les modifications XSL de la définition CSS :

<chaîne>

Les noms s'expriment syntaxiqueme