third_party/WebKit/LayoutTests/fast/css/style-resolver-cache-direction-2.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <style>
   5 .default {
   6     background-color: lime;
   7     margin: 5px;
   8 }
   9 .ltr {
  10     direction: ltr;
  11     background-color: lime;
  12     margin: 5px;
  13 }
  14 .rtl {
  15     direction: rtl;
  16     background-color: lime;
  17     margin: 5px;
  18 }
  19 </style>
  20 </head>
  21 <body>
  22     <p>This test the style is not copied from the wrong source when the direction is defined.</p>
  23     <!-- The inline style strings must be strictly equal. Each tested div must also match the exact same set of rules. -->
  24     <div class="rtl">
  25         <div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
  26         <div>
  27             <div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
  28         </div>
  29     </div>
  30     <div class="ltr">
  31         <div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
  32         <div>
  33             <div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
  34         </div>
  35     </div>
  36     <div class="default">
  37         <div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
  38         <div>
  39             <div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
  40         </div>
  41     </div>
  42 </body>
  43 </html>