Maison > Article > interface Web > Comment mettre en majuscule les premières lettres anglaises en CSS

Comment mettre en majuscule les premières lettres anglaises en CSS

云罗郡主original: 2018-11-28 16:59:5515556parcourir

Nous voyons souvent la majuscule du premier mot dans les journaux anglais, alors comment définir la majuscule de la première lettre d'un mot ? De nombreuses personnes peuvent rencontrer ce problème et ne savent pas comment le faire fonctionner ? .Expliquons css Comment mettre les lettres initiales anglaises en majuscules ?

Pour mettre en majuscule la première lettre des lettres anglaises, vous pouvez utiliser div+css Un attribut de transformation de texte dans div+css peut également définir les lettres majuscules et minuscules. comme les lettres majuscules du texte intégral et les lettres minuscules du texte intégral.

1 : syntaxe de la structure text-transform :

L'attribut text-transform a trois attributs, à savoir Capitalize, Uppercase et Lowercase.

Majuscule signifie que peu importe si les lettres sont en majuscules ou minuscules, toutes les lettres seront converties en majuscules de la première lettre. Syntaxe : div{text-transform:capitalize};

Majuscule signifie peu importe. que les lettres soient majuscules ou minuscules, toutes les lettres seront en majuscules. Convertissez les lettres en majuscules, syntaxe : div{text-transform:uppercase};

Minuscule signifie que peu importe si les lettres sont majuscules ou minuscules, toutes les lettres sont converties en minuscules par CSS, syntaxe : div{text-transform:lowercase }

2 : L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1{text-transform:capitalize}
h2{text-transform:uppercase} 
h3{text-transform:lowercase} 
</style>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
</body>
</html>

L'effet d'affichage est le suivant :

Comment mettre en majuscule les premières lettres anglaises en CSS

Que les lettres soient grandes ou petites, nous pouvons utiliser l'attribut de style de transformation de texte pour les définir. est une introduction complète à la façon de définir la majuscule des lettres initiales anglaises en CSS. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez suivre le site Web php chinois.

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!

php css css3 transform

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

Article précédent：Comment couper des éléments en CSS ? Comment utiliser l'attribut clipArticle suivant：Comment couper des éléments en CSS ? Comment utiliser l'attribut clip

Articles Liés

Voir plus