Maison >interface Web >tutoriel CSS >Quel est le code CSS pour changer les minuscules en majuscules ?

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

WBOY
WBOYoriginal
2021-12-14 11:51:311757parcourir

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;}

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 :

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!

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