tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

text-align-match-parent-03.html (2643B)


      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3  <head>
      4    <meta charset="utf-8">
      5    <title>CSS Text: text-align: match-parent</title>
      6    <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com">
      7    <link rel="help" href="http://www.w3.org/TR/css-text-3/#text-align-property">
      8    <meta name="flags" content="dom">
      9    <meta name="assert" content="Text checks that an element whose
     10      text-align property is changed to match-parent aligns correctly">
     11     <link rel="match" href="text-align-match-parent-ref.html">
     12    <style type="text/css">
     13 div.start  { text-align: start; }
     14 div.end    { text-align: end; }
     15 div.left   { text-align: left; }
     16 div.right  { text-align: right; }
     17 div.center { text-align: center; }
     18 div.match  { text-align: match-parent; }
     19    </style>
     20   <script type="text/javascript">
     21 function changeChildAlign()
     22 {
     23  for (child = 0; child < 16; ++child) {
     24     var childDiv = document.getElementById("d" + child);
     25     childDiv.className = "match";
     26   }
     27 
     28  document.documentElement.removeAttribute("class");
     29 }
     30   </script>
     31  </head>
     32  <body onload="changeChildAlign()">
     33   <div>Test passes if each line that says "Left" is aligned left and
     34   each line that says "Right" is aligned right</div>
     35   <div class="start" dir="ltr"><div id="d0" class="center" dir="ltr">Left</div></div>
     36   <div class="start" dir="ltr"><div id="d1" class="center" dir="rtl">Left</div></div>
     37   <div class="start" dir="rtl"><div id="d2" class="center" dir="ltr">Right</div></div>
     38   <div class="start" dir="rtl"><div id="d3" class="center" dir="rtl">Right</div></div>
     39   <div class="end" dir="ltr"><div id="d4" class="center" dir="ltr">Right</div></div>
     40   <div class="end" dir="ltr"><div id="d5" class="center" dir="rtl">Right</div></div>
     41   <div class="end" dir="rtl"><div id="d6" class="center" dir="ltr">Left</div></div>
     42   <div class="end" dir="rtl"><div id="d7" class="center" dir="rtl">Left</div></div>
     43   <div class="left" dir="ltr"><div id="d8" class="center" dir="ltr">Left</div></div>
     44   <div class="left" dir="ltr"><div id="d9" class="center" dir="rtl">Left</div></div>
     45   <div class="left" dir="rtl"><div id="d10" class="center" dir="ltr">Left</div></div>
     46   <div class="left" dir="rtl"><div id="d11" class="center" dir="rtl">Left</div></div>
     47   <div class="right" dir="ltr"><div id="d12" class="center" dir="ltr">Right</div></div>
     48   <div class="right" dir="ltr"><div id="d13" class="center" dir="rtl">Right</div></div>
     49   <div class="right" dir="rtl"><div id="d14" class="center" dir="ltr">Right</div></div>
     50   <div class="right" dir="rtl"><div id="d15" class="center" dir="rtl">Right</div></div>
     51 </body>
     52 </html>