562169-1-ref.html (1021B)
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>