tab-size-length-001

tab-size: 1em

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
Tab should be rendered as 1em (20px)

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3     <title>CSS Text Test: tab-size: 1em</title>
 4     <link href="mailto:david@openweb.io" rel="author" title="David Storey">
 5     <link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck">
 6     <link href="http://www.w3.org/TR/css-text-3/#tab-size" rel="help">
 7     <link href="reference/tab-size-length-001-ref.htm" rel="match">
 8     <meta content="Tab should be rendered as 1em (20px)" name="assert">
 9     <style type="text/css">
10         .container {
11             position: absolute;
12         }
13         .test {
14             font-family: Ahem;
15             font-size: 20px;
16 
17             position: absolute;
18             top: 0;
19             left: 0;
20         }
21         .green {
22             background: green;
23          }
24         .red {
25             background: red;
26             tab-size: 1em;
27         }
28     </style>
29 </head>
30 <body>
31     <p>The test passes if there is no red.</p>
32     <div class="container">
33         <pre class="red test">	</pre>
34         <pre class="green test">  </pre>
35     </div>
36 
37 
38 </body></html>