Google Git
Sign in
webkit / WebKit / 8e0458971757386725aa85c3b7505ea8bd4932cd / . / LayoutTests / fast / css / style-resolver-cache-direction-2.html
blob: fa774d49b47cff2f3456264ce1d4c6876c86157a [file] [log] [blame]
<!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="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="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="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>