44 lines
1.5 KiB
HTML
44 lines
1.5 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
.default {
|
||
|
|
background-color: lime;
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
.ltr {
|
||
|
|
direction: ltr;
|
||
|
|
background-color: lime;
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
.rtl {
|
||
|
|
direction: rtl;
|
||
|
|
background-color: lime;
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<p>This test the style is not copied from the wrong source when the direction is defined.</p>
|
||
|
|
<!-- The inline style strings must be strictly equal. Each tested div must also match the exact same set of rules. -->
|
||
|
|
<div class="ltr">
|
||
|
|
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
|
||
|
|
<div>
|
||
|
|
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="rtl">
|
||
|
|
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
|
||
|
|
<div>
|
||
|
|
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="default">
|
||
|
|
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
|
||
|
|
<div>
|
||
|
|
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|