dir-style-04-ref.html (809B)
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 .ltr { direction: ltr; color: blue; } 11 .rtl { direction: rtl; color: lime; } 12 </style> 13 </head> 14 <body> 15 <div class="ltr">This element is ltr. <span>This span should 16 inherit dir from the parent. <span>This span should inherit dir 17 from the grandparent.</span></span> 18 </div> 19 <div class="rtl">This element is rtl. <span>This span should 20 inherit dir from the parent. <span>This span should inherit dir 21 from the grandparent.</span></span> 22 </div> 23 </body> 24 </html>