Propriété textTransform de style
Exemple
Transformez la première lettre de chaque mot d'un élément en majuscule :
document.getElementById("demo").style.textTransform = "capitalize";
Définition et utilisation
La propriété textTransform définit ou renvoie la casse d'un texte.
Cette propriété est utilisée pour changer le texte en majuscule, en minuscule ou en majuscule.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
textTransform | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété textTransform :
object.style.textTransform
Définissez la propriété textTransform :
object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
none | No characters are transformed. This is default |
capitalize | The first character of each word is transformed to uppercase |
uppercase | All characters are transformed to uppercase |
lowercase | All characters are transformed to lowercase |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | rien |
---|---|
Valeur de retour : | Une chaîne, représentant la transformation du texte dans l'élément |
Version CSS | CSS1 |
Plus d'exemples
Exemple
Transformez tous les caractères d'un élément en majuscule :
document.getElementById("demo").style.textTransform = "uppercase";
Exemple
Renvoie la transformation de texte d'un élément :
alert(document.getElementById("demo").style.textTransform);
Pages connexes
Tutoriel CSS : Texte CSS
Référence CSS : propriété text-transform
❮ Objet de style