|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <meta charset="UTF-8"> |
|
5 <title>dir() selector</title> |
|
6 <style> |
|
7 .blue { color: blue; direction: ltr; } |
|
8 .lime { color: lime; direction: rtl; } |
|
9 div { text-align: left; } |
|
10 </style> |
|
11 </head> |
|
12 <body> |
|
13 <div class="blue">This element has default direction.</div> |
|
14 <div class="blue">This element is ltr.</div> |
|
15 <div class="lime">This element is rtl.</div> |
|
16 <div class="blue"> |
|
17 <div>This element should inherit ltr.</div> |
|
18 <div class="blue">This element is ltr.</div> |
|
19 <div class="lime">This element is rtl.</div> |
|
20 <div class="blue">Every word in this element should inherit ltr.</div> |
|
21 </div> |
|
22 <div class="lime"> |
|
23 <div>This element should inherit rtl.</div> |
|
24 <div class="blue">This element is ltr.</div> |
|
25 <div class="lime">This element is rtl.</div> |
|
26 <div class="lime">Every word in this element should inherit rtl.</div> |
|
27 </div> |
|
28 <div class="blue">This element has an invalid dir attribute and |
|
29 should have default direction.</div> |
|
30 </body> |
|
31 </html> |