mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
50 lines
No EOL
2.1 KiB
HTML
50 lines
No EOL
2.1 KiB
HTML
<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>CSS Test: Font shorthand set using the values font-variant, font-size, line-height and font-family</title>
|
|
<style type="text/css">
|
|
@page { font: italic 8pt sans-serif; color: gray;
|
|
margin: 7%;
|
|
counter-increment: page;
|
|
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
|
|
@top-right { content: "Test font-019"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<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> |