<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="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="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>
Messung V0.5 in Prozent
¤ Dauer der Verarbeitung: 0.11 Sekunden
(vorverarbeitet am 2026-04-29)
¤
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.
