changeset
updated text-combine-horizontal, given useful comments from Gerard, namely title, meta flags,meta assert, and corrected typo
Sun, 17 Feb 2013 19:59:35 +0900
- author
- taka
- date
- Sun, 17 Feb 2013 19:59:35 +0900
- changeset 4993
- e2ceb488d9f7
- parent 4992
- 112ab948ca89
- child 4994
- fc9a19d0806e
updated text-combine-horizontal, given useful comments from Gerard, namely title, meta flags,meta assert, and corrected typo
1.1 --- a/contributors/east-tokyo/submitted/css3-writing-modes/reftest/text-combine-horizontal-010-ref.xht Sun Feb 17 12:25:36 2013 +0900 1.2 +++ b/contributors/east-tokyo/submitted/css3-writing-modes/reftest/text-combine-horizontal-010-ref.xht Sun Feb 17 19:59:35 2013 +0900 1.3 @@ -7,44 +7,39 @@ 1.4 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 1.5 <meta http-equiv="content-language" content="en, ja" /> 1.6 <style type="text/css"> 1.7 - @font-face 1.8 - { 1.9 - font-family: "IPAMincho"; 1.10 - src: url("support/ipam.ttf"); /* Filesize: 8046712 bytes; version: 00303 */ 1.11 - } 1.12 - @font-face 1.13 - { 1.14 - font-family: "IPAGothic"; 1.15 - src: url("support/ipag.ttf"); /* Filesize: 6235344 bytes; version: 00303 */ 1.16 + @font-face { 1.17 + font-family: "mplus-1p-regular"; 1.18 + src: url("support/mplus-1p-regular.ttf") format("truetype"); 1.19 + /* filesize: 1382116 bytes (1.3MB) */ 1.20 } 1.21 div 1.22 { 1.23 - font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック"; 1.24 border: 1px solid gray; 1.25 - width: 4em; 1.26 + font-family: "mplus-1p-regular"; 1.27 font-size: 1.5em; 1.28 line-height: 2; 1.29 + width: 4em; 1.30 writing-mode: vertical-rl; 1.31 -webkit-writing-mode: vertical-rl; 1.32 } 1.33 - .test 1.34 + #test 1.35 { 1.36 } 1.37 - .control 1.38 - { 1.39 - text-orientaion: mixed; 1.40 - } 1.41 .tcy /* tate-cyu-yoko: horizontal-in-vertical */ 1.42 - <!-- none --> 1.43 { 1.44 text-combine-horizontal: none; 1.45 } 1.46 + #control 1.47 + { 1.48 + text-orientation: mixed; 1.49 + -webkit-text-orientation: mixed; 1.50 + } 1.51 </style> 1.52 </head> 1.53 <body lang="en"> 1.54 - <p>Test passes if the upper block is identical to the lower block including layout and orientation of each characters.</p> 1.55 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 1.56 + <p>Test passes if the upper block is <strong>identical</strong> to the lower block including <strong>layout</strong> and <strong>orientation</strong> of each characters.</p> 1.57 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 1.58 <hr /> 1.59 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 1.60 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 1.61 </body> 1.62 </html> 1.63 \ No newline at end of file
2.1 --- a/contributors/east-tokyo/submitted/css3-writing-modes/reftest/text-combine-horizontal-011-ref.xht Sun Feb 17 12:25:36 2013 +0900 2.2 +++ b/contributors/east-tokyo/submitted/css3-writing-modes/reftest/text-combine-horizontal-011-ref.xht Sun Feb 17 19:59:35 2013 +0900 2.3 @@ -7,44 +7,39 @@ 2.4 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 2.5 <meta http-equiv="content-language" content="en, ja" /> 2.6 <style type="text/css"> 2.7 - @font-face 2.8 - { 2.9 - font-family: "IPAMincho"; 2.10 - src: url("support/ipam.ttf"); /* Filesize: 8046712 bytes; version: 00303 */ 2.11 - } 2.12 - @font-face 2.13 - { 2.14 - font-family: "IPAGothic"; 2.15 - src: url("support/ipag.ttf"); /* Filesize: 6235344 bytes; version: 00303 */ 2.16 + @font-face { 2.17 + font-family: "mplus-1p-regular"; 2.18 + src: url("support/mplus-1p-regular.ttf") format("truetype"); 2.19 + /* filesize: 1382116 bytes (1.3MB) */ 2.20 } 2.21 div 2.22 { 2.23 - font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック"; 2.24 border: 1px solid gray; 2.25 - width: 4em; 2.26 + font-family: "mplus-1p-regular"; 2.27 font-size: 1.5em; 2.28 line-height: 2; 2.29 + width: 4em; 2.30 writing-mode: vertical-rl; 2.31 -webkit-writing-mode: vertical-rl; 2.32 } 2.33 - .test 2.34 + #test 2.35 { 2.36 } 2.37 - .control 2.38 - { 2.39 - text-orientaion: upright; 2.40 - } 2.41 .tcy /* tate-cyu-yoko: horizontal-in-vertical */ 2.42 - <!-- all --> 2.43 { 2.44 text-combine-horizontal: all; 2.45 } 2.46 + #control 2.47 + { 2.48 + text-orientation: upright; 2.49 + -webkit-text-orientation: upright; 2.50 + } 2.51 </style> 2.52 </head> 2.53 <body lang="en"> 2.54 - <p>Test passes if the upper block is identical to the lower block including layout and orientation of each characters.</p> 2.55 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 2.56 + <p>Test passes if the upper block is <strong>identical</strong> to the lower block including <strong>layout</strong> and <strong>orientation</strong> of each characters.</p> 2.57 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 2.58 <hr /> 2.59 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 2.60 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 2.61 </body> 2.62 </html> 2.63 \ No newline at end of file
3.1 --- a/contributors/east-tokyo/submitted/css3-writing-modes/reftest/text-combine-horizontal-012-ref.xht Sun Feb 17 12:25:36 2013 +0900 3.2 +++ b/contributors/east-tokyo/submitted/css3-writing-modes/reftest/text-combine-horizontal-012-ref.xht Sun Feb 17 19:59:35 2013 +0900 3.3 @@ -7,44 +7,39 @@ 3.4 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 3.5 <meta http-equiv="content-language" content="en, ja" /> 3.6 <style type="text/css"> 3.7 - @font-face 3.8 - { 3.9 - font-family: "IPAMincho"; 3.10 - src: url("support/ipam.ttf"); /* Filesize: 8046712 bytes; version: 00303 */ 3.11 - } 3.12 - @font-face 3.13 - { 3.14 - font-family: "IPAGothic"; 3.15 - src: url("support/ipag.ttf"); /* Filesize: 6235344 bytes; version: 00303 */ 3.16 + @font-face { 3.17 + font-family: "mplus-1p-regular"; 3.18 + src: url("support/mplus-1p-regular.ttf") format("truetype"); 3.19 + /* filesize: 1382116 bytes (1.3MB) */ 3.20 } 3.21 div 3.22 { 3.23 - font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック"; 3.24 border: 1px solid gray; 3.25 - width: 4em; 3.26 + font-family: "mplus-1p-regular"; 3.27 font-size: 1.5em; 3.28 line-height: 2; 3.29 + width: 4em; 3.30 writing-mode: vertical-rl; 3.31 -webkit-writing-mode: vertical-rl; 3.32 } 3.33 - .test 3.34 + #test 3.35 { 3.36 } 3.37 - .control 3.38 - { 3.39 - text-orientaion: upright; 3.40 - } 3.41 .tcy /* tate-cyu-yoko: horizontal-in-vertical */ 3.42 - <!-- digits integer --> 3.43 { 3.44 text-combine-horizontal: digits 1; 3.45 } 3.46 + #control 3.47 + { 3.48 + text-orientation: upright; 3.49 + -webkit-text-orientation: upright; 3.50 + } 3.51 </style> 3.52 </head> 3.53 <body lang="en"> 3.54 - <p>Test passes if the upper block is identical to the lower block including layout and orientation of each characters.</p> 3.55 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 3.56 + <p>Test passes if the upper block is <strong>identical</strong> to the lower block including <strong>layout</strong> and <strong>orientation</strong> of each characters.</p> 3.57 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 3.58 <hr /> 3.59 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 3.60 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 3.61 </body> 3.62 </html> 3.63 \ No newline at end of file
4.1 --- a/contributors/east-tokyo/submitted/css3-writing-modes/text-combine-horizontal-010.xht Sun Feb 17 12:25:36 2013 +0900 4.2 +++ b/contributors/east-tokyo/submitted/css3-writing-modes/text-combine-horizontal-010.xht Sun Feb 17 19:59:35 2013 +0900 4.3 @@ -2,53 +2,47 @@ 4.4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 4.5 <html xmlns="http://www.w3.org/1999/xhtml"> 4.6 <head> 4.7 - <title>CSS3 Writing Modes Test: text-combine-horizontal</title> 4.8 - <!-- none --> 4.9 + <title>CSS3 Writing Modes Test: text-combine-horizontal-none</title> 4.10 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 4.11 <link rel="help" title="9.1. Horizontal-in-Vertical Composition: the ‘text-combine-horizontal’ property" href="http://www.w3.org/TR/css3-writing-modes/#text-combine-horizontal" /> 4.12 <link rel="match" href="reftest/text-combine-horizontal-010-ref.xht" /> 4.13 <meta http-equiv="content-language" content="en, ja" /> 4.14 - <meta name="flags" content="" /> 4.15 - <meta name="assert" content="This property allows the combination of multiple characters into the space of a single character ." /> 4.16 + <meta name="flags" content="font should" /> 4.17 + <meta name="assert" content="This test verifies that 'text-combine-horizontal: none' does not combine multiple characters into the space of a single character i.e. characters from horizontal-only scripts are set sideways, i.e. 90° clockwise from their standard orientation in horizontal text." /> 4.18 <style type="text/css"> 4.19 - @font-face 4.20 - { 4.21 - font-family: "IPAMincho"; 4.22 - src: url("support/ipam.ttf"); /* Filesize: 8046712 bytes; version: 00303 */ 4.23 - } 4.24 - @font-face 4.25 - { 4.26 - font-family: "IPAGothic"; 4.27 - src: url("support/ipag.ttf"); /* Filesize: 6235344 bytes; version: 00303 */ 4.28 + @font-face { 4.29 + font-family: "mplus-1p-regular"; 4.30 + src: url("support/mplus-1p-regular.ttf") format("truetype"); 4.31 + /* filesize: 1382116 bytes (1.3MB) */ 4.32 } 4.33 div 4.34 { 4.35 - font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック"; 4.36 border: 1px solid gray; 4.37 - width: 4em; 4.38 + font-family: "mplus-1p-regular"; 4.39 font-size: 1.5em; 4.40 line-height: 2; 4.41 + width: 4em; 4.42 writing-mode: vertical-rl; 4.43 -webkit-writing-mode: vertical-rl; 4.44 } 4.45 - .test 4.46 + #test 4.47 { 4.48 } 4.49 - .control 4.50 - { 4.51 - text-orientaion: mixed; 4.52 - } 4.53 .tcy /* tate-cyu-yoko: horizontal-in-vertical */ 4.54 - <!-- none --> 4.55 { 4.56 text-combine-horizontal: none; 4.57 } 4.58 + #control 4.59 + { 4.60 + text-orientation: mixed; 4.61 + -webkit-text-orientation: mixed; 4.62 + } 4.63 </style> 4.64 </head> 4.65 <body lang="en"> 4.66 - <p>Test passes if the upper block is identical to the lower block including layout and orientation of each characters.</p> 4.67 - <div class="test" lang="ja"><span class="tcy">1</span>月<span class="tcy">2</span>日の次の日は、<br /><span class="tcy">1</span>月<span class="tcy">3</span>日です。</div> 4.68 + <p>Test passes if the upper block is <strong>identical</strong> to the lower block including <strong>layout</strong> and <strong>orientation</strong> of each characters.</p> 4.69 + <div id="test" lang="ja"><span class="tcy">1</span>月<span class="tcy">2</span>日の次の日は、<br /><span class="tcy">1</span>月<span class="tcy">3</span>日です。</div> 4.70 <hr /> 4.71 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 4.72 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 4.73 </body> 4.74 </html> 4.75 \ No newline at end of file
5.1 --- a/contributors/east-tokyo/submitted/css3-writing-modes/text-combine-horizontal-011.xht Sun Feb 17 12:25:36 2013 +0900 5.2 +++ b/contributors/east-tokyo/submitted/css3-writing-modes/text-combine-horizontal-011.xht Sun Feb 17 19:59:35 2013 +0900 5.3 @@ -2,53 +2,47 @@ 5.4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 5.5 <html xmlns="http://www.w3.org/1999/xhtml"> 5.6 <head> 5.7 - <title>CSS3 Writing Modes Test: text-combine-horizontal</title> 5.8 - <!-- all --> 5.9 + <title>CSS3 Writing Modes Test: text-combine-horizontal-all</title> 5.10 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 5.11 <link rel="help" title="9.1. Horizontal-in-Vertical Composition: the ‘text-combine-horizontal’ property" href="http://www.w3.org/TR/css3-writing-modes/#text-combine-horizontal" /> 5.12 <link rel="match" href="reftest/text-combine-horizontal-011-ref.xht" /> 5.13 <meta http-equiv="content-language" content="en, ja" /> 5.14 - <meta name="flags" content="" /> 5.15 - <meta name="assert" content="This property allows the combination of multiple characters into the space of a single character ." /> 5.16 + <meta name="flags" content="font should" /> 5.17 + <meta name="assert" content="This test verifies that 'text-combine-horizontal: all' display the text contents of the element horizontally within the vertical line box. i.e. characters from horizontal-only scripts are rendered upright." /> 5.18 <style type="text/css"> 5.19 - @font-face 5.20 - { 5.21 - font-family: "IPAMincho"; 5.22 - src: url("support/ipam.ttf"); /* Filesize: 8046712 bytes; version: 00303 */ 5.23 - } 5.24 - @font-face 5.25 - { 5.26 - font-family: "IPAGothic"; 5.27 - src: url("support/ipag.ttf"); /* Filesize: 6235344 bytes; version: 00303 */ 5.28 + @font-face { 5.29 + font-family: "mplus-1p-regular"; 5.30 + src: url("support/mplus-1p-regular.ttf") format("truetype"); 5.31 + /* filesize: 1382116 bytes (1.3MB) */ 5.32 } 5.33 div 5.34 { 5.35 - font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック"; 5.36 border: 1px solid gray; 5.37 - width: 4em; 5.38 + font-family: "mplus-1p-regular"; 5.39 font-size: 1.5em; 5.40 line-height: 2; 5.41 + width: 4em; 5.42 writing-mode: vertical-rl; 5.43 -webkit-writing-mode: vertical-rl; 5.44 } 5.45 - .test 5.46 + #test 5.47 { 5.48 } 5.49 - .control 5.50 - { 5.51 - text-orientaion: upright; 5.52 - } 5.53 .tcy /* tate-cyu-yoko: horizontal-in-vertical */ 5.54 - <!-- all --> 5.55 { 5.56 text-combine-horizontal: all; 5.57 } 5.58 + #control 5.59 + { 5.60 + text-orientation: upright; 5.61 + -webkit-text-orientation: upright; 5.62 + } 5.63 </style> 5.64 </head> 5.65 <body lang="en"> 5.66 - <p>Test passes if the upper block is identical to the lower block including layout and orientation of each characters.</p> 5.67 - <div class="test" lang="ja"><span class="tcy">1</span>月<span class="tcy">2</span>日の次の日は、<br /><span class="tcy">1</span>月<span class="tcy">3</span>日です。</div> 5.68 + <p>Test passes if the upper block is <strong>identical</strong> to the lower block including <strong>layout</strong> and <strong>orientation</strong> of each characters.</p> 5.69 + <div id="test" lang="ja"><span class="tcy">1</span>月<span class="tcy">2</span>日の次の日は、<br /><span class="tcy">1</span>月<span class="tcy">3</span>日です。</div> 5.70 <hr /> 5.71 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 5.72 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 5.73 </body> 5.74 </html> 5.75 \ No newline at end of file
6.1 --- a/contributors/east-tokyo/submitted/css3-writing-modes/text-combine-horizontal-012.xht Sun Feb 17 12:25:36 2013 +0900 6.2 +++ b/contributors/east-tokyo/submitted/css3-writing-modes/text-combine-horizontal-012.xht Sun Feb 17 19:59:35 2013 +0900 6.3 @@ -2,53 +2,47 @@ 6.4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 6.5 <html xmlns="http://www.w3.org/1999/xhtml"> 6.6 <head> 6.7 - <title>CSS3 Writing Modes Test: text-combine-horizontal</title> 6.8 - <!-- digits integer --> 6.9 + <title>CSS3 Writing Modes Test: text-combine-horizontal-digits integer</title> 6.10 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 6.11 <link rel="help" title="9.1. Horizontal-in-Vertical Composition: the ‘text-combine-horizontal’ property" href="http://www.w3.org/TR/css3-writing-modes/#text-combine-horizontal" /> 6.12 <link rel="match" href="reftest/text-combine-horizontal-012-ref.xht" /> 6.13 <meta http-equiv="content-language" content="en, ja" /> 6.14 - <meta name="flags" content="" /> 6.15 - <meta name="assert" content="This property allows the combination of multiple characters into the space of a single character ." /> 6.16 + <meta name="flags" content="font should" /> 6.17 + <meta name="assert" content="This test verifies that 'text-combine-horizontal: digits integer' treates the give integer number as if it were in an anonymous inline box with‘text-combine-horizontal: all’." /> 6.18 <style type="text/css"> 6.19 - @font-face 6.20 - { 6.21 - font-family: "IPAMincho"; 6.22 - src: url("support/ipam.ttf"); /* Filesize: 8046712 bytes; version: 00303 */ 6.23 - } 6.24 - @font-face 6.25 - { 6.26 - font-family: "IPAGothic"; 6.27 - src: url("support/ipag.ttf"); /* Filesize: 6235344 bytes; version: 00303 */ 6.28 + @font-face { 6.29 + font-family: "mplus-1p-regular"; 6.30 + src: url("support/mplus-1p-regular.ttf") format("truetype"); 6.31 + /* filesize: 1382116 bytes (1.3MB) */ 6.32 } 6.33 div 6.34 { 6.35 - font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック"; 6.36 border: 1px solid gray; 6.37 - width: 4em; 6.38 + font-family: "mplus-1p-regular"; 6.39 font-size: 1.5em; 6.40 line-height: 2; 6.41 + width: 4em; 6.42 writing-mode: vertical-rl; 6.43 -webkit-writing-mode: vertical-rl; 6.44 } 6.45 - .test 6.46 + #test 6.47 { 6.48 } 6.49 - .control 6.50 - { 6.51 - text-orientaion: upright; 6.52 - } 6.53 .tcy /* tate-cyu-yoko: horizontal-in-vertical */ 6.54 - <!-- digits integer --> 6.55 { 6.56 text-combine-horizontal: digits 1; 6.57 } 6.58 + #control 6.59 + { 6.60 + text-orientation: upright; 6.61 + -webkit-text-orientation: upright; 6.62 + } 6.63 </style> 6.64 </head> 6.65 <body lang="en"> 6.66 - <p>Test passes if the upper block is identical to the lower block including layout and orientation of each characters.</p> 6.67 - <div class="test" lang="ja"><span class="tcy">1</span>月<span class="tcy">2</span>日の次の日は、<br /><span class="tcy">1</span>月<span class="tcy">3</span>日です。</div> 6.68 + <p>Test passes if the upper block is <strong>identical</strong> to the lower block including <strong>layout</strong> and <strong>orientation</strong> of each characters.</p> 6.69 + <div id="test" lang="ja"><span class="tcy">1</span>月<span class="tcy">2</span>日の次の日は、<br /><span class="tcy">1</span>月<span class="tcy">3</span>日です。</div> 6.70 <hr /> 6.71 - <div class="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 6.72 + <div id="control" lang="ja">1月2日の次の日は、<br />1月3日です。</div> 6.73 </body> 6.74 </html> 6.75 \ No newline at end of file
