mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 22:55:23 +00:00
30 lines
727 B
HTML
30 lines
727 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>dir() selector</title>
|
|
<style>
|
|
:-moz-dir(ltr) { color: blue }
|
|
:-moz-dir(rtl) { color: lime }
|
|
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>
|