テキスト-transformプロパティの概要
text-transformプロパティを設定することでHTML、テキストの場合、内部のページラベルtext-transformプロパティの共通の属性値を、3があります：capitalize、、uppercase、lowercase異例のプロパティ値が、この作者にそれらを設定することはありません。
プロパティ値説明表をテキスト変換
| プロパティ値 | 説明 |
|---|---|
| 無し | デフォルト。小文字と大文字の規格で定義されたテキスト。 |
| 生かします | 英語のアルファベットの最初の文字が大文字に設定されています。 |
| 大文字 | 大文字への手紙。 |
| 小文字 | 小文字への手紙。 |
| 継承 | 提供は親要素からテキスト-transformプロパティの値を継承する必要があります。 |
最初の文字を大文字に設定します大文字。
私たちは入力してみましょう
text-transformproperty属性があるcapitalizeような練習、練習の内容、：私はしますHTMLページh2ラベルテキストが最初の文字を大文字に。-
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置文本的大小写</title>
<style>
h2{
text-transform: capitalize;
}
</style>
</head>
<body>
<h2>success is not defeating others, but changing yourself</h2>
</body>
</html>-
結果の図
大文字に大文字のテキスト。
私たちは入力してみましょう
text-transformproperty属性はuppercase練習のような実践内容：著者HTMLページのh2英語のテキストラベルは、大文字小文字の設定に。-
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置文本的大小写</title>
<style>
h2{
text-transform: uppercase;
}
</style>
</head>
<body>
<h2>success is not defeating others, but changing yourself</h2>
</body>
</html>-
結果の図
大文字と小文字のテキスト。
- 私たちは入力してみましょう
text-transformproperty属性があるlowercaseような練習、練習の内容、：私はしますHTMLページh2英語大文字のラベルテキストを小文字に。 -
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置文本的大小写</title>
<style>
h2{
text-transform: lowercase;
}
</style>
</head>
<body>
<h2>SUCCESS IS NOT DEFEATING OTHERS, BUT CHANGING YOURSELF</h2>
</body>
</html>-
結果の図
概要
text-transformプロパティは英語のみで動作し、中国のああをサポートしていません。