Maison > Article > interface Web > Quel est le code CSS pour changer les minuscules en majuscules ?
Quel est le code CSS pour changer les minuscules en majuscules ?
- WBOYoriginal
- 2021-12-14 11:51:311672parcourir
En CSS, le code pour changer les minuscules en majuscules est "text-transform:uppercase" ; la fonction de l'attribut "text-transform" est de contrôler le style des majuscules et des minuscules du texte de l'élément. est "majuscule", le style du texte en minuscule deviendra le style en majuscule.
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
Quel est le code CSS pour changer les minuscules en majuscules ?
En CSS, si vous souhaitez obtenir l'effet des minuscules en majuscules, vous pouvez utiliser l'attribut text-transform.
Cet attribut changera la casse des lettres dans l'élément, quelle que soit la casse du texte dans le document source. Si la valeur est en majuscule, certaines lettres sont en majuscule, mais il n'est pas clairement défini comment déterminer quelles lettres sont en majuscule, c'est à l'agent utilisateur de reconnaître les "mots" individuels.
La fonction de l'attribut text-transform est de contrôler la casse du texte. Lorsque la valeur de l'attribut est en majuscule, il est défini qu'il n'y a que des lettres majuscules dans le texte.
La syntaxe est :
元素{text-transform:uppercase;}L'exemple est le suivant :
<html>
<head>
<style type="text/css">
h1 {
text-transform: uppercase;
}
p{
text-transform: uppercase;
}
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>Résultat de sortie :
(Partage vidéo 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!
Articles Liés
Voir plus- Comment supprimer le style par défaut de l'élément li en CSS
- L'unité de taille de police CSS peut-elle être em ?
- Quel est l’attribut de positionnement en CSS ?
- Comment obtenir l'effet de disparition de l'image après son apparition pendant une seconde avec CSS
- Comment obtenir un effet de retournement vertical en CSS3