ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで英語の最初の文字を大文字にする方法

CSSで英語の最初の文字を大文字にする方法

青灯夜游
青灯夜游オリジナル
2021-03-22 13:34:456631ブラウズ

CSS の text-transform 属性を使用して、英語の最初の文字の大文字化を設定できます。 text-transform 属性は、テキストの大文字化を制御できます。最初の文字を大文字にするために、英語のアルファベットのテキストを含む要素に対して「text-transform:capitalize;」コード スタイルを設定するだけで済みます。

CSSで英語の最初の文字を大文字にする方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css は英語の最初の文字の大文字化を設定します

css では、text-transform 属性を使用して英語の最初の文字の大文字化を設定できます。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
  p.capitalize {text-transform: capitalize}
</style>
</head>
<body>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>

レンダリング:

CSSで英語の最初の文字を大文字にする方法

##[推奨チュートリアル:

CSS ビデオ チュートリアル]

css text-transform プロパティ

text-transform プロパティは、テキストの大文字と小文字を制御します。

属性値:

CSSで英語の最初の文字を大文字にする方法

プログラミング関連の知識については、

プログラミング ビデオをご覧ください。 !

以上がCSSで英語の最初の文字を大文字にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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