| 1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>dir() selector</title>
- <style>
- .blue { color: blue; direction: ltr; }
- .lime { color: lime; direction: rtl; }
- div { text-align: left; }
- </style>
- </head>
- <body>
- <div class="blue">This element has default direction.</div>
- <div class="blue">This element is ltr.</div>
- <div class="lime">This element is rtl.</div>
- <div class="blue">
- <div>This element should inherit ltr.</div>
- <div class="blue">This element is ltr.</div>
- <div class="lime">This element is rtl.</div>
- <div class="blue">Every word in this element should inherit ltr.</div>
- </div>
- <div class="lime">
- <div>This element should inherit rtl.</div>
- <div class="blue">This element is ltr.</div>
- <div class="lime">This element is rtl.</div>
- <div class="lime">Every word in this element should inherit rtl.</div>
- </div>
- <div class="blue">This element has an invalid dir attribute and
- should have default direction.</div>
- </body>
- </html>
|
