1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/bidi/562169-1a.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,46 @@ 1.4 +<!DOCTYPE html> 1.5 +<html> 1.6 + <head> 1.7 + <meta charset="UTF-8"> 1.8 + <title>dir() selector</title> 1.9 + <style> 1.10 + :-moz-dir(ltr) { color: blue } 1.11 + :-moz-dir(rtl) { color: lime } 1.12 + :-moz-dir(foopy) { color: red } 1.13 + div { text-align: left; } 1.14 + </style> 1.15 + <script type="text/javascript"> 1.16 +function switchDir() 1.17 +{ 1.18 + divs = document.getElementsByTagName("div"); 1.19 + for (var i = 0; i < divs.length; ++i) { 1.20 + theDiv = divs[i]; 1.21 + if (theDiv.dir == "ltr") { 1.22 + theDiv.dir = "rtl"; 1.23 + } else if (theDiv.dir == "rtl") { 1.24 + theDiv.dir = "ltr"; 1.25 + } 1.26 + } 1.27 +} 1.28 + </script> 1.29 + </head> 1.30 + <body onload="switchDir()"> 1.31 + <div>This element has default direction.</div> 1.32 + <div dir="rtl">This element is ltr.</div> 1.33 + <div dir="ltr">This element is rtl.</div> 1.34 + <div dir="rtl"> 1.35 + <div>This element should inherit ltr.</div> 1.36 + <div dir="rtl">This element is ltr.</div> 1.37 + <div dir="ltr">This element is rtl.</div> 1.38 + <div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>ltr</span></span></span></span></span></span></span></span>.</div> 1.39 + </div> 1.40 + <div dir="ltr"> 1.41 + <div>This element should inherit rtl.</div> 1.42 + <div dir="rtl">This element is ltr.</div> 1.43 + <div dir="ltr">This element is rtl.</div> 1.44 + <div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>rtl</span></span></span></span></span></span></span></span>.</div> 1.45 + </div> 1.46 + <div dir="foopy">This element has an invalid dir attribute and 1.47 + should have default direction.</div> 1.48 + </body> 1.49 +</html>