Maison > interface Web > tutoriel CSS > le corps du texte

Comment mettre en majuscule les lettres en CSS

青灯夜游
Libérer: 2023-01-06 11:12:52
original
13930 Les gens l'ont consulté

Vous pouvez utiliser l'attribut text-transform en CSS pour définir la majuscule des lettres. Le format de syntaxe est "text-transform:capitalize|uppercase;"; la valeur "capitalize" peut définir la première lettre. en majuscule, et la valeur "majuscule" peut définir les lettres en majuscules.

Comment mettre en majuscule les lettres en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

En CSS, vous pouvez utiliser l'attribut text-transform pour définir la capitalisation des lettres ; l'attribut text-transform contrôle la capitalisation du texte.

Cet attribut change la casse des lettres dans l'élément, quelle que soit la casse du texte dans le document source.

Valeur d'attribut :

描述
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。

Exemple : Définir la majuscule des lettres

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<style type="text/css">
			h1 {
				text-transform: uppercase
			}
			
			p.uppercase {
				text-transform: uppercase
			}
			 
			
			p.capitalize {
				text-transform: capitalize
			}
		</style>
	</head>

	<body>
		<h1>This Is An H1 Element</h1>
		<p class="uppercase">This is some text in a paragraph.</p>
		<p class="capitalize">This is some text in a paragraph.</p>
	</body>

</html>
Copier après la connexion

Rendu :

Comment mettre en majuscule les lettres en CSS

Partage de vidéos d'apprentissage :

tutoriel vidéo CSS

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:
css
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