ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS で text-transform を使用して大文字と小文字を変換する方法の詳細な例

CSS で text-transform を使用して大文字と小文字を変換する方法の詳細な例

黄舟
黄舟オリジナル
2017-07-26 14:34:342053ブラウズ

以前は JS を使用して文字の頭文字を大文字に変換していましたが、幸いなことに IE6 以降は CSS で完全に実装できるようになりました。 text-transform:none |大文字

<style>
  #box{
    text-transform:capitalize;
  }
</style>
<p id="box">css javascript html5</p>
小文字:

各単語を小文字に変換します

#box{
  text-transform:uppercase;
}
<p id="box">css javascript html5</p>

あまりにも簡単なので、多くを語るのは難しいです。

以上がCSS で text-transform を使用して大文字と小文字を変換する方法の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。