Accueil - Actualité - Annuaire - Forum - Lexique - Partenaires
11 visiteurs




gr0sjeje
355 tutoriels
147 membres
2 commentaires tutoriels
29 signatures
5 sites
0 site en attente
147 définitions
147 actualités
0 commentaire actualités
94 messages sur le forum
5 sondages
11 commentaires sondage
La propriété TEXT-TRANSFORM

La propriété text-transform permet de mettre une partie de votre texte en majuscule même si vous le tapez en minuscule. Vous pouvez associer cette balise à la balise body ou comme dans mon exemple, je vais associer cette balise à la balise inline span.

Exemple : le code css

.majuscule {
text-transform : uppercase;
}

Exemple : le html associé au css

<body>
<p>J'ai saisi mon texte en minuscule et pourtant il apparaît en <span class="majuscule">majuscule</span></p>
</body>

Je n'ai pas mis toute les balises dans le code <HTML>, donc il faudra que vous les rajoutiez. Et voici le résultat !!!!

J'ai saisi mon texte en minuscule et pourtant il apparaît en majuscule

La valeur de la balise TEXT-TRANSFORM peut être différent que majuscule (UPPERCASE). Vous pouvez utiliser les valeurs suivante :

  • CAPITALIZE : permet de mettre la première lettre d'un mot en majuscule
  • LOWERCASE : permet de mettre un mot ou une phrase en minuscule
Faire un lien vers ce tutoriel
Si vous souhaitez faire un lien de ce tutoriel vers votre site, utilisez le code html suivant :
<a href="http://www.helpclic.net/tutoriaux/tutoriel-152-La-propriété-TEXT-TRANSFORM.html" title="La propriété TEXT-TRANSFORM">La propriété TEXT-TRANSFORM</a>

Copyright © HELPCLIC.NET | Tutoriaux et cours informatique en ligne. Apprenez facilement l'informatique avec Helpclic