Comment mettre en majuscule les premières lettres anglaises en CSS-tutoriel CSS-php.cn

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

云罗郡主

Libérer： 2018-12-01 11:43:01

original

15565 Les gens l'ont consulté

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 ?

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

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>

Copier après la connexion

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!