gecko/layout/reftests/text-shadow/text-shadow-selected-2-ref.html
2012-05-17 13:32:45 +03:00

37 lines
920 B
HTML

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function onload() {
var range = document.createRange();
range.selectNodeContents(document.getElementById("selectMe"));
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
}
</script>
<style type="text/css">
body {
background: lightGray;
}
div {
position: absolute;
top: 10px;
left: 10px;
font: 36px monospace;
color: white;
}
</style>
</head>
<!-- REF case renders the selection first, using &nbsp; to avoid any show-through of glyph edges,
then the shadowed text on top of that -->
<body onload="onload()">
<div id="selectMe">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div style="text-shadow:1px 1px 1px red;">
<bdo dir="rtl">selected shadowed rtl text</bdo>
</div>
</body>
</html>