|
1 <!DOCTYPE html> |
|
2 <html class="reftest-wait"> |
|
3 <head> |
|
4 <title>text-align-true</title> |
|
5 <meta charset="utf-8"> |
|
6 <style type="text/css"> |
|
7 p { |
|
8 overflow:hidden; |
|
9 width:8em; |
|
10 white-space:nowrap; |
|
11 margin:0; |
|
12 } |
|
13 .test1 p { |
|
14 text-align: true right; |
|
15 -moz-text-align-last: end; |
|
16 } |
|
17 .test2 p { |
|
18 text-align: true right; |
|
19 } |
|
20 .test3 p { |
|
21 text-align: end true; |
|
22 } |
|
23 .test4 p { |
|
24 text-align: true left; |
|
25 } |
|
26 .test5 p { |
|
27 text-align: left; |
|
28 -moz-text-align-last: true right; |
|
29 } |
|
30 </style> |
|
31 </head> |
|
32 <body> |
|
33 <div class=test1> |
|
34 <p>Lorem ipsum dolor sit amet.</p> |
|
35 <p dir="rtl">ישים אל לבו חובתו אשר הוא מתעלם ממנה.</p> |
|
36 </div> |
|
37 |
|
38 <div class=test2> |
|
39 <p>Lorem ipsum dolor sit amet.</p> |
|
40 <p dir="rtl">ישים אל לבו חובתו אשר הוא מתעלם ממנה.</p> |
|
41 </div> |
|
42 |
|
43 <div class=test3> |
|
44 <p>Lorem ipsum dolor sit amet.</p> |
|
45 <p dir="rtl">ישים אל לבו חובתו אשר הוא מתעלם ממנה.</p> |
|
46 </div> |
|
47 |
|
48 <div class=test4> |
|
49 <p>Lorem ipsum dolor sit amet.</p> |
|
50 <p dir="rtl">ישים אל לבו חובתו אשר הוא מתעלם ממנה.</p> |
|
51 </div> |
|
52 |
|
53 <div class=test5> |
|
54 <p>Lorem ipsum dolor sit amet.</p> |
|
55 </div> |
|
56 |
|
57 <script> |
|
58 var elem = document.querySelector('.test5 p'); |
|
59 var a = window.getComputedStyle(elem,null).getPropertyValue("text-align"); |
|
60 document.body.appendChild(document.createTextNode(a +"|")); |
|
61 a = window.getComputedStyle(elem,null).getPropertyValue("-moz-text-align-last"); |
|
62 document.body.appendChild(document.createTextNode(a)); |
|
63 |
|
64 document.documentElement.removeAttribute('class'); |
|
65 </script> |
|
66 |
|
67 </body> |
|
68 </html> |