Blitz - WPT: text-transform-multiple-001.html

wpt / css / css-text / text-transform / text-transform-multiple-001.html

/css/css-text/text-transform/text-transform-multiple-001.html

<!doctype html>
<html lang="ja">
<meta charset=utf-8>
<title>text-transform with multiple values</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel=match href="reference/text-transform-multiple-001-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property">
<meta name="assert" content="case transforms can be combined with full-width and/or full-size-kana transforms">
<body style="font-family:serif">
<h4>Each pair of lines should look identical:</h4>
<hr>
<div style="text-transform:uppercase full-width">HELLO Transformed world</div>
<div>ＨＥＬＬＯ　ＴＲＡＮＳＦＯＲＭＥＤ　ＷＯＲＬＤ</div>
<hr>
<div style="text-transform:lowercase full-width">HELLO Transformed world</div>
<div>ｈｅｌｌｏ　ｔｒａｎｓｆｏｒｍｅｄ　ｗｏｒｌｄ</div>
<hr>
<div style="text-transform:capitalize full-width">HELLO Transformed world</div>
<div>ＨＥＬＬＯ　Ｔｒａｎｓｆｏｒｍｅｄ　Ｗｏｒｌｄ</div>
<hr>
<div style="text-transform:uppercase full-size-kana">Katakana: ァィゥェォヵㇰヶㇱㇲッㇳㇴ</div>
<div>KATAKANA: アイウエオカクケシスツトヌ</div>
<hr>
<div style="text-transform:full-width full-size-kana lowercase">Hiragana: ぁぃぅぇぉゕゖっゃゅょゎ</div>
<div>ｈｉｒａｇａｎａ：　あいうえおかけつやゆよわ</div>
<hr>

/css/css-text/text-transform/reference/text-transform-multiple-001-ref.html

<!doctype html>
<html lang="ja">
<meta charset=utf-8>
<title>text-transform with multiple values</title>
<body style="font-family:serif">
<h4>Each pair of lines should look identical:</h4>
<hr>
<div>ＨＥＬＬＯ　ＴＲＡＮＳＦＯＲＭＥＤ　ＷＯＲＬＤ</div>
<div>ＨＥＬＬＯ　ＴＲＡＮＳＦＯＲＭＥＤ　ＷＯＲＬＤ</div>
<hr>
<div>ｈｅｌｌｏ　ｔｒａｎｓｆｏｒｍｅｄ　ｗｏｒｌｄ</div>
<div>ｈｅｌｌｏ　ｔｒａｎｓｆｏｒｍｅｄ　ｗｏｒｌｄ</div>
<hr>
<div>ＨＥＬＬＯ　Ｔｒａｎｓｆｏｒｍｅｄ　Ｗｏｒｌｄ</div>
<div>ＨＥＬＬＯ　Ｔｒａｎｓｆｏｒｍｅｄ　Ｗｏｒｌｄ</div>
<hr>
<div>KATAKANA: アイウエオカクケシスツトヌ</div>
<div>KATAKANA: アイウエオカクケシスツトヌ</div>
<hr>
<div>ｈｉｒａｇａｎａ：　あいうえおかけつやゆよわ</div>
<div>ｈｉｒａｇａｎａ：　あいうえおかけつやゆよわ</div>
<hr>