2012-04-16 21:01:29 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>dir() selector</title>
|
|
|
|
|
<style>
|
2012-09-29 13:41:10 -07:00
|
|
|
:-moz-dir(ltr) { color: blue }
|
|
|
|
|
:-moz-dir(rtl) { color: lime }
|
2012-04-16 21:01:29 -07:00
|
|
|
div { text-align: left; }
|
|
|
|
|
</style>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function AppendElementWithChild() {
|
|
|
|
|
var x = document.createElement("span");
|
|
|
|
|
x.innerHTML = "This span should inherit rtl from the parent. ";
|
|
|
|
|
|
|
|
|
|
var y = document.createElement("span");
|
|
|
|
|
y.innerHTML = "This span should inherit rtl from the grandparent.";
|
|
|
|
|
|
|
|
|
|
var z = document.getElementById("z");
|
|
|
|
|
|
|
|
|
|
x.appendChild(y);
|
|
|
|
|
z.appendChild(x);
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body onload="AppendElementWithChild()">
|
|
|
|
|
<div id="z" dir="rtl">This element is rtl. </div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
