layout/reftests/tab-size/tab-size-length.html
author Thomas Wisniewski <wisniewskit@gmail.com>
Mon, 28 Nov 2016 22:51:49 -0500
changeset 324499 ea44d42c5517077e717d29a0a57d88bd3558126b
permissions -rw-r--r--
Bug 943918 - Part 3: reftest for tab-size:<length> and tab-size:<number>. r=heycam,r=xidorn

<!DOCTYPE HTML>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
    <title>CSS Test: Testing the layout of TAB characters with various 'tab-size' length values</title>
    <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
    <link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property">
    <link rel="match" href="tab-size-length-ref.html">

    <meta charset="utf-8">
    <style type="text/css">

        @font-face {
            font-family:Ahem; src:url(../fonts/Ahem.ttf);
        }
        * {
            font:20px/20px Ahem;
        }
        html,body {
            color:black; background-color:white;
        }

    </style>
</head>
<body>

<pre style="-moz-tab-size: 20px">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 50px">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 2ch">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 3em">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: calc(10px + 2em)">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: calc(2em)">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: calc(3.5 - 1)">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 0.8ch">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 0px">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: calc(-2em)">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: calc(1px - 2px)">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: calc(-2.5)">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: -2em">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 100%">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: calc(10% + 2em)">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 0">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 0.0">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 1">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 3">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: 3.4">A&#9;B&#9;C</pre>
<pre style="-moz-tab-size: -1.5">A&#9;B&#9;C</pre>

</body>
</html>