Skip to main content

Browse the archive

https://github.com/web-platform-tests/wpt
26 December 2018, 22:31:15 UTC
Raw File
Tip revision: fda5b2f7c785b32ad563e3bf0c28e407d0199bad authored by Florian Rivoal on 30 March 2018, 04:19:15 UTC
[css-align] Fix typo and clean-up markup
Tip revision: fda5b2f
font-019.xht 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>CSS Test: Font shorthand set using the values font-variant, font-size, line-height and font-family</title>
        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
        <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
        <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
        <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
        <meta name="flags" content="" />
        <meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family." />
        <style type="text/css">
            #wrapper
            {
                position: relative;
            }
            #test
            {
                font: small-caps 1in/1em serif;
            }
            #reference
            {
                color: orange;
                font-family: serif;
                font-size: 1in;
                height: 1in;
                left: 0;
                line-height: 1em;
                position: absolute;
                top: 0;
                width: 1in;
            }
        </style>
    </head>
    <body>
        <p>Test passes if the first black "x" is taller and wider than the first orange "x" and shorter than the second orange "X". The second black "X" needs to be the same height as the second orange "X".</p>
        <div id="wrapper">
            <div id="test">xX</div>
            <div id="reference">xX</div>
        </div>
    </body>
</html>
back to top