dir-style-02-ref.html (1080B)
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="lime">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> 23 <div class="lime"> 24 <div>This element should inherit rtl.</div> 25 <div class="blue">This element is ltr.</div> 26 <div class="lime">This element is rtl.</div> 27 </div> 28 <div class="lime">This element has an invalid dir attribute and 29 should have default direction.</div> 30 </body> 31 </html>