CSSで英語の最初の文字を大文字にする方法-CSSチュートリアル-php.cn

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

云罗郡主

リリース： 2018-12-01 11:43:01

オリジナル

15573 人が閲覧しました

英字新聞で最初の単語を大文字にするというのをよく見かけますが、単語の最初の文字を大文字にするにはどうすればよいのか、操作方法が分からない人も多いのではないでしょうか？ . CSSを解説してみよう英語の頭文字を大文字にするには？

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

英語の頭文字を大文字にするには、div css の text-transform 属性を使用して、文字の大文字と小文字を設定することもできます。大文字の文字の全文と小文字の文字の全文。

1: text-transform 構造の構文:

text-transform 属性には、Capitalize、Uppercase、および Lowercase という 3 つの属性があります。

Capitalize は、文字が大文字であるか小文字であるかに関係なく、すべての文字が最初の文字が大文字に変換されることを意味します。構文: div{text-transform:capitalize};

大文字は関係ないことを意味します。文字が大文字でも小文字でも、すべての文字が大文字に変換されます。構文: div{text-transform:uppercase};

Lowercase は、文字が大文字か小文字かに関係なく、すべての文字は CSS によってすべて小文字に変換されます。構文: div{text-transform: lowercase }

2: コード例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1{text-transform:capitalize}
h2{text-transform:uppercase} 
h3{text-transform:lowercase} 
</style>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
</body>
</html>

ログイン後にコピー

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

# 文字の大文字、小文字に関係なく、text-transform style 属性を使用して設定できます。以上で完了です。 CSS で英語の頭文字を設定する方法の紹介

CSS3Tutorial について詳しく知りたい場合は、php 中国語の Web サイトに注目してください。

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