Apr. 13th,2021
プロパティについて
値
| 値 | 説明 |
|---|---|
| none | 何もしない |
| capitalize | 単語の最初の字を大文字にする (一部の単語を除いてすべての単語の最初の字を大文字にするタイトル名の表記方法である“タイトルケース”。単語の最初の字が小文字である場合にのみ大文字に置き換えられ、他の字は影響されません。) |
| uppercase | すべての字を大文字する |
| lowercase | すべての字を小文字にする |
full-width |
すべての字を全角文字にする (全角文字がない字はそのままになります。) |
| full-size-kana |
小書きの仮名文字を通常の仮名文字に置き換える (ルビテキストの読みやすさを改善するために使用できます。) |
| 共通キーワード |
ホワイトスペースで区切ることで複数の値を指定することができます。ただし、“capitalize”、“uppercase”、“lowercase”は同時に指定することはできず、いずれか一つのみ指定できます。
p { text-transform: capitalize full-width full-size-kana;}
複数記述された値は以下の順番で処理されます。
- “capitalize”、“uppercase”、“lowercase”のいずれか
- “full-width”
- “full-size-kana”
この処理はホワイトスペースの処理が行われた後に行われるため、“full-width”を指定した場合は半角スペースについては除去されなかったものだけが全角スペースに置き換えられます。
文字を置き換えない
p {
text-transform: none;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
すべての単語の最初の字を大文字にする
p {
text-transform: capitalize;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
すべての文字を大文字にする
p {
text-transform: uppercase;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
すべての文字を小文字にする
p {
text-transform: lowercase;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
すべての文字を全角文字にする
p {
text-transform: full-width;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
小書きの仮名を通常の仮名に置き換える
p {
text-transform: full-size-kana;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
印刷では一般的にルビ文字に小書きの仮名が使用されませんが、“text-transform: full-size-kana;”を適用することで内部的には小書きの仮名を使用して正しい読み方を記述しつつ、読みやすさを改善することができます。
<p>
彼女は<ruby>平城京<rt>へいじょうきょう</rt></ruby>で暮らしている。
</p>
rt {
text-transform: full-size-kana;
}
彼女は平城京で暮らしている。
rt {
text-transform: none;
}
彼女は平城京で暮らしている。
複数の値を指定する
p {
text-transform: uppercase full-width;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
