简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel CSS > le corps du texte

Code pour la conversion de chaîne à l'aide de l'attribut text-transform en CSS

不言
Libérer： 2018-08-06 16:58:08
original
2911 Les gens l'ont consulté

Le contenu de cet article concerne le code de conversion de chaîne utilisant l'attribut text-transform en CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. 

<!DOCTYPE html><html><head>
    <meta charset="UTF-8">
    <title>字符转换</title>
    <style>
        p.none {            
        text-transform: none;        
        <!-- 正常 -->
        }

        p.uppercase {
            text-transform: uppercase;        
            <!-- 转大写 -->
        }

        p.lowercase {
            text-transform: lowercase;        
            <!-- 转小写 -->
        }

        p.capitalize {
            text-transform: capitalize;        
            <!-- 只对首字母大写 -->
        }    
        </style>
        </head>
        <body>
        <p class="none">This is a some Text.This is a some Text.</p>
        <p class="uppercase">This is a some Text.</p>
        <p class="lowercase">This is a some Text.</p>
        <p class="capitalize">This is a some Text.</p>
        </body>
        </html>
Copier après la connexion

Articles connexes recommandés :

Deux façons d'utiliser les tableaux en CSS (exemples)

Mise en page multi-colonnes Qu'est-ce que le principe ? Application de la mise en page multi-colonnes CSS (exemple de code)

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：
text-transform属性
source：php.cn
Article précédent：Deux façons d'utiliser les tableaux en CSS (exemples) Article suivant：Code pour l'affichage : attribut flex en CSS pour implémenter le centrage vertical des éléments
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
Derniers articles par auteur
Derniers numéros
Quels sont les chiffres de performances à côté des composants dans les outils de développement Vue ? Quelqu'un a-t-il des informations ou des ressources pour une certaine fonctionnalité des o...
Depuis 2023-11-09 14:46:48
0
1
305
Uncaught TypeError : impossible de définir la propriété non définie (définir 'innerHTML') J'essaie de créer une page Web en utilisant php, sur un élément de classe "Continuous...
Depuis 2023-11-08 21:06:09
0
1
278
Comment déstructurer conditionnellement une propriété d'objet à partir d'un getter Pinia ? Description du produit : exportconstuseMyStore=defineStore('myStore',{state:()=>{return...
Depuis 2023-11-08 17:47:18
0
1
275
Correction d'un problème dans Laravel-8 en essayant de lire la propriété "id" sur null J'obtiens cette erreur lors de l'exécution de phpartisanmigrate:fresh --seed. Cette comman...
Depuis 2023-11-08 14:07:01
0
2
155
La modification indirecte de l'attribut surchargé de App\Models\User::$profile n'est pas valide. Hé, j'utilise laravel9 et j'ai une relation entre deux modèles dans mon application : Util...
Depuis 2023-11-08 11:50:44
0
1
270
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！