OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .ltr-text { | 4 .ltr-text { |
5 direction: ltr | 5 direction: ltr |
6 } | 6 } |
7 | 7 |
8 .rtl-text { | 8 .rtl-text { |
9 direction: rtl | 9 direction: rtl |
10 } | 10 } |
11 | 11 |
12 .tb-block { | 12 .tb-block { |
13 -webkit-writing-mode: horizontal-tb; | 13 -webkit-writing-mode: horizontal-tb; |
14 } | 14 } |
15 | 15 |
16 .bt-block { | |
17 -webkit-writing-mode: horizontal-bt | |
18 } | |
19 | |
20 .lr-block { | 16 .lr-block { |
21 -webkit-writing-mode: vertical-lr | 17 -webkit-writing-mode: vertical-lr |
22 } | 18 } |
23 | 19 |
24 .rl-block { | 20 .rl-block { |
25 -webkit-writing-mode: vertical-rl | 21 -webkit-writing-mode: vertical-rl |
26 } | 22 } |
27 | 23 |
28 .test { | 24 .test { |
29 -webkit-margin-before: 1px; | 25 -webkit-margin-before: 1px; |
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
79 | 75 |
80 resultStr += "Height: " | 76 resultStr += "Height: " |
81 resultStr += c.getPropertyValue("height") + "<br>"; | 77 resultStr += c.getPropertyValue("height") + "<br>"; |
82 } | 78 } |
83 result.innerHTML = resultStr; | 79 result.innerHTML = resultStr; |
84 } | 80 } |
85 </script> | 81 </script> |
86 </head> | 82 </head> |
87 <body onload="dumpBlockProperties()"> | 83 <body onload="dumpBlockProperties()"> |
88 <div class="ltr-text tb-block test"></div> | 84 <div class="ltr-text tb-block test"></div> |
89 <div class="ltr-text bt-block test"></div> | |
90 <div class="ltr-text lr-block test"></div> | 85 <div class="ltr-text lr-block test"></div> |
91 <div class="ltr-text rl-block test"></div> | 86 <div class="ltr-text rl-block test"></div> |
92 <div class="rtl-text tb-block test"></div> | 87 <div class="rtl-text tb-block test"></div> |
93 <div class="rtl-text bt-block test"></div> | |
94 <div class="rtl-text lr-block test"></div> | 88 <div class="rtl-text lr-block test"></div> |
95 <div class="rtl-text rl-block test"></div> | 89 <div class="rtl-text rl-block test"></div> |
96 <p style="clear:both" id="result"></p> | 90 <p style="clear:both" id="result"></p> |
97 </body> | 91 </body> |
98 </html> | 92 </html> |
99 | 93 |
OLD | NEW |