dir-style-01-ref.html (1234B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>dir() selector reference</title> 6 <link rel="author" title="Astley Chen" href="mailto:aschen@mozilla.com"> 7 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 8 <style> 9 div { text-align: left; } 10 .blue { color: blue; direction: ltr; } 11 .lime { color: lime; direction: rtl; } 12 </style> 13 </head> 14 <body> 15 <div class="blue">This element has default direction.</div> 16 <div class="blue">This element is ltr.</div> 17 <div class="lime">This element is rtl.</div> 18 <div class="blue"> 19 <div>This element should inherit ltr.</div> 20 <div class="blue">This element is ltr.</div> 21 <div class="lime">This element is rtl.</div> 22 <div class="blue">Every word in this element should inherit ltr.</div> 23 </div> 24 <div class="lime"> 25 <div>This element should inherit rtl.</div> 26 <div class="blue">This element is ltr.</div> 27 <div class="lime">This element is rtl.</div> 28 <div class="lime">Every word in this element should inherit rtl.</div> 29 </div> 30 <div class="blue">This element has an invalid dir attribute and 31 should have default direction.</div> 32 </body> 33 </html>