Le texte

Pages: 10 (2304 mots) Publié le: 18 février 2012
16 Le 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 Lacapitalisation : 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 : | | 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 :

L'alinéa a une longueur fixe ; 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 | | 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 : sansobjet 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 ; Spécifie une chaîne sur laquelle les cellules d'une table vont s'aligner (voir le passage sur l'alignement horizontal dans unecolonne 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...
Lire le document complet

Veuillez vous inscrire pour avoir accès au document.

Vous pouvez également trouver ces documents utiles

  • Texte
  • texte
  • Texte
  • Texte
  • Texte
  • Texte
  • Texte
  • Texte

Devenez membre d'Etudier

Inscrivez-vous
c'est gratuit !