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

Quel est le code CSS pour changer les minuscules en majuscules ?

WBOY
Libérer: 2021-12-14 11:51:31
original
1722 Les gens l'ont consulté

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.

Quel est le code CSS pour changer les minuscules en majuscules ?

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

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

Résultat de sortie :

Quel est le code CSS pour changer les minuscules en majuscules ?

(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!

É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