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