562169-2.html (847B)
1 <!DOCTYPE html> 2 <html dir="rtl"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>dir() selector</title> 6 <style> 7 :dir(ltr) { color: blue } 8 :dir(rtl) { color: lime } 9 :dir(foopy) { color: red } 10 div { text-align: left; } 11 </style> 12 </head> 13 <body> 14 <div>This element has default direction.</div> 15 <div dir="ltr">This element is ltr.</div> 16 <div dir="rtl">This element is rtl.</div> 17 <div dir="ltr"> 18 <div>This element should inherit ltr.</div> 19 <div dir="ltr">This element is ltr.</div> 20 <div dir="rtl">This element is rtl.</div> 21 </div> 22 <div dir="rtl"> 23 <div>This element should inherit rtl.</div> 24 <div dir="ltr">This element is ltr.</div> 25 <div dir="rtl">This element is rtl.</div> 26 </div> 27 <div dir="foopy">This element has an invalid dir attribute and 28 should have default direction.</div> 29 </body> 30 </html>