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

黄舟
Libérer: 2017-07-26 14:34:34
original
2067 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal