- Notifications
You must be signed in to change notification settings - Fork 3.3k
/
Copy pathtext-transform-multiple-001.html
26 lines (26 loc) · 1.37 KB
/
text-transform-multiple-001.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<htmllang="ja">
<metacharset=utf-8>
<title>text-transform with multiple values</title>
<linkrel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<linkrel=matchhref="reference/text-transform-multiple-001-ref.html">
<linkrel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property">
<metaname="assert" content="case transforms can be combined with full-width and/or full-size-kana transforms">
<bodystyle="font-family:serif">
<h4>Each pair of lines should look identical:</h4>
<hr>
<divstyle="text-transform:uppercase full-width">HELLO Transformed world</div>
<div>ＨＥＬＬＯ ＴＲＡＮＳＦＯＲＭＥＤ ＷＯＲＬＤ</div>
<hr>
<divstyle="text-transform:lowercase full-width">HELLO Transformed world</div>
<div>ｈｅｌｌｏ ｔｒａｎｓｆｏｒｍｅｄ ｗｏｒｌｄ</div>
<hr>
<divstyle="text-transform:capitalize full-width">HELLO Transformed world</div>
<div>ＨＥＬＬＯ Ｔｒａｎｓｆｏｒｍｅｄ Ｗｏｒｌｄ</div>
<hr>
<divstyle="text-transform:uppercase full-size-kana">Katakana: ァィゥェォヵㇰヶㇱㇲッㇳㇴ</div>
<div>KATAKANA: アイウエオカクケシスツトヌ</div>
<hr>
<divstyle="text-transform:full-width full-size-kana lowercase">Hiragana: ぁぃぅぇぉゕゖっゃゅょゎ</div>
<div>ｈｉｒａｇａｎａ： あいうえおかけつやゆよわ</div>
<hr>
