ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS の text-transform 属性を使用した文字列変換のコード
CSS の text-transform 属性を使用した文字列変換のコード
- 不言オリジナル
- 2018-08-06 16:58:083035ブラウズ
この記事の内容は、CSS の text-transform 属性を使用した文字列変換に関するコードです。必要な方は参考にしていただければ幸いです。
<!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>おすすめ関連記事:
複数列レイアウトの概念とは？ CSSマルチカラムレイアウトの応用（サンプルコード）
以上がCSS の text-transform 属性を使用した文字列変換のコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。