text-transform

  • Article

Définit le rendu du texte dans l’objet.

Syntaxe

{ text-transform: sTransform }

Valeurs possibles

sTransform

Chaîne qui spécifie ou reçoit l’une des valeurs suivantes :

none

Valeur par défaut. Le texte n’est pas transformé.

capitalize

Convertit le premier caractère de chaque mot en majuscules.

lowercase

Convertit tous les caractères en minuscules.

uppercase

Convertit tous les caractères en majuscules.

La propriété a pour valeur par défaut none . La propriété de la feuille de style en cascade est héritée.

Exemples

L’exemple suivant utilise la propriété text-transform pour convertir un bloc de texte des minuscules aux majuscules lorsque l’utilisateur déplace le pointeur sur le texte. Le texte est de nouveau converti en minuscules lorsque l’utilisateur clique sur le texte. Cet exemple utilise trois appels de feuille de style incorporée (globale) pour convertir le texte :

<style>
    .transform1 {text-transform:uppercase}
    .transform2 {text-transform:lowercase}
    .transform3 {text-transform:none }
</style>
</head>
<body>
<div style="font-size:14" 
    onmouseover="this.className='transform1'" 
    onclick= "this.className='transform2'"
    ondblclick="this.className='transform3'"> 
:
</div>

Informations relatives aux normes

Cette propriété est définie dans Cascading Style Sheets (CSS), Level 1 (CSS1) (Feuilles de style en cascade (CSS), Niveau 1 (CSS1)) Ee371207.xtlink_newWindow(fr-fr,Expression.40).png.

Applicable à

A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, FIELDSET, FORM, HN, HTML, I, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OL, P, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP