Mise en page d'un texte sur traitement de texte

Contenu

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.3.1 Trait en-dessous, trait au-dessus, rayure et clignotement : la propriété 'text-decoration'

16.3.2 Les ombrages de texte : la propriété 'text-shadow' property

16.4 L'interlettrage et l'espace-mot : les propriétés 'letter-spacing' and 'word-spacing'

16.5 La capitalisation : la propriété 'text-transform'

16.6 Les caractères blancs : la propriété 'white-space'

Les propriétés définies ci-dessous influencent la représentation visuelle des caractères, des caractères blancs, des mots et des paragraphes.

16.1 L'alinéa : la propriété 'text-indent'

'text-indent'

Valeur : <longueur> | <pourcentage> | inherit

Initiale : 0

S'applique à : à ceux des éléments de type bloc

Héritée : oui

Pourcentage : se rapporte à la largeur du bloc conteneur

Médias : visuel

Cette propriété spécifie un alinéa pour la première ligne du texte dans un bloc. Plus précisément, celui de la première boîte de la première rangée dans la première boîte de ligne de ce bloc. Cette boîte est indentée à partir du bord gauche (ou droit, pour une mise en page de droite à gauche) de la boîte de ligne. Les agents utilisateurs devraient représenter cette indentation comme un espace vide.

Le significations des valeurs sont :

<longueur>

L'alinéa a une longueur fixe ;

<pourcentage>

L'alinéa correspond à un pourcentage de la largeur du bloc conteneur.

La valeur de la propriété 'text-indent' peut être négative, mais ceci dépend des limites de la mise en œuvre. Si cette valeur est négative, la valeur de la propriété 'overflow' peut avoir une influence sur la visibilité du texte.

Cet exemple produit un alinéa de '3em' :

P { text-indent: 3em }

16.2 L'alignement : la propriété 'text-align'

'text-align'

Valeur : left | right | center | justify | <chaîne> | inherit

Initiale : selon l'agent utilisateur et selon le sens d'écriture

S'applique à : ceux des éléments de type bloc

Héritée : oui

Pourcentage : sans objet

Médias : visuel

Cette propriété décrit l'alignement d'un contenu en-ligne dans un élément de type bloc. Les significations des valeurs sont :

left, right, center et justify

Respectivement, l'alignement à gauche, à droite, centré et double justifié d'un texte ;

<chaîne>

Spécifie une chaîne sur laquelle les cellules d'une table vont s'aligner (voir le passage sur l'alignement horizontal dans une colonne pour le détail et pour un exemple). Cette valeur ne s'applique qu'aux cellules d'une table. Appliquée à un autre élément, celle-ci sera considérée comme étant 'left' ou 'right', en fonction de la valeur de la propriété 'direction', respectivement 'ltr' ou 'rtl'.

Un pavé de texte consiste en un empilement de boîtes de ligne. Pour les valeurs 'left', 'right' et 'center', cette propriété indique la façon dont les boîtes en-ligne, dans chacune des boîtes de ligne, s'alignent par rapport aux côtés gauche et droit de ces boîtes de ligne ; l'alignement n'est pas effectué par rapport à la zone de visualisation. Pour la valeur 'justify', l'agent utilisateur peut, en plus des ajustements de position, étirer les boîtes de ligne. Voir également les propriétés 'letter-spacing' et 'word-spacing').

Dans cet exemple, noter que tous les éléments de type bloc dans élément DIV avec la classe 'center' auront leur contenu centré, la propriété 'text-align' étant héritée :

DIV.center { text-align: center }

Remarque : L'algorithme de justification effectif dépend de l'agent utilisateur et de l'écriture.

Les agents utilisateurs conformes peuvent interpréter la valeur 'justify' comme étant 'left', ou 'right', selon que le sens d'écriture de l'élément est de gauche à droite, ou de droite à gauche.

16.3 La décoration

16.3.1 Trait en-dessous, trait au-dessus, rayure et clignotement: la propriété 'text-decoration'

'text-decoration'

Valeur : none | [ underline || overline || line-through || blink ] | inherit

Initiale : none

S'applique à : tous les éléments

Héritée : non (voir les explications)

Pourcentage : sans objet

Médias : visuel

Cette propriété décrit les décorations qui sont ajoutées au texte d'un élément. Quand la propriété

...