Maison >interface Web >tutoriel CSS >Exemple détaillé de la façon d'utiliser la transformation de texte en CSS pour convertir la casse des lettres

Exemple détaillé de la façon d'utiliser la transformation de texte en CSS pour convertir la casse des lettres

黄舟
黄舟original
2017-07-26 14:34:342048parcourir

Dans le passé, nous utilisions JS pour implémenter la majuscule de la première lettre des lettres, mais maintenant ce n'est plus nécessaire. Heureusement, la compatibilité est prise en charge depuis IE6.

transformation de texte : aucun | majuscule | minuscule

aucun :

Aucune transformation Convertir la première lettre du mot en majuscule

majuscule : Exemple détaillé de la façon d'utiliser la transformation de texte en CSS pour convertir la casse des lettres

Convertir chaque mot en majuscule
<style>
  #box{
    text-transform:capitalize;
  }
</style>
<p id="box">css javascript html5</p>

minuscule : Exemple détaillé de la façon d'utiliser la transformation de texte en CSS pour convertir la casse des lettres

Convertir chaque mot en minuscule
#box{
  text-transform:uppercase;
}
<p id="box">css javascript html5</p>


C'est tellement simple que c'est difficile d'en dire plus Quoi. Exemple détaillé de la façon d'utiliser la transformation de texte en CSS pour convertir la casse des lettres

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn