eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-28 18:37:39 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
997f9f67f0fbb9bdf875dc44e063a31b92cdc269
servo/tests/wpt/css-tests/css21_dev/html4/chapter-15.htm

7342 lines
320 KiB
HTML
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Fonts - CSS 2.1 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS 2.1 Conformance Test Suite</h1>
<h2>Fonts (375 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s15">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#q15.0">15 Fonts</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.#annoying-warning">
<!-- 0 tests -->
</tbody>
<tbody id="s15.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.1">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#fonts-intro">15.1 Introduction</a></th></tr>
<!-- 1 tests -->
<tr id="inherit-004-15.1" class="">
<td>
<a href="inherit-004.htm">inherit-004</a></td>
<td></td>
<td></td>
<td>CSS inheritance: basic test
</td>
</tr>
</tbody>
<tbody id="s15.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.2">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#algorithm">15.2 Font matching algorithm</a></th></tr>
<!-- 14 tests -->
<tr id="font-matching-rule-001-15.2" class="ahem">
<td>
<a href="font-matching-rule-001.htm">font-matching-rule-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, Match Font-Family
<ul class="assert">
<li>If font property match then use the font specified by font-family, if font property doesn't match, don't even try to match font-family.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-006-15.2" class="ahem">
<td>
<a href="font-matching-rule-006.htm">font-matching-rule-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, match font-style
<ul class="assert">
<li>If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-008-15.2" class="ahem">
<td>
<a href="font-matching-rule-008.htm">font-matching-rule-008</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, small-caps synthesized
<ul class="assert">
<li>The small-caps font is rendered similar to uppercase letters except with a smaller size.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-009-15.2" class="invalid">
<td>
<a href="font-matching-rule-009.htm">font-matching-rule-009</a></td>
<td><a href="reference/font-weight-normal-ref.htm">=</a> </td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font Matching Algorithm, font-weight out of range
<ul class="assert">
<li>Invalid font weight values are set to the default weight of 400.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-010-15.2" class="font">
<td>
<a href="font-matching-rule-010.htm">font-matching-rule-010</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font Matching Algorithm, font-variant never fails if property does not match
<ul class="assert">
<li>If a font property value is not defined, user agent still can use normal value of that property.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-012-15.2" class="ahem">
<td>
<a href="font-matching-rule-012.htm">font-matching-rule-012</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font Matching Algorithm, font-size and rounding
<ul class="assert">
<li>The font-size for scalable fonts are rounded to the nearest whole pixel.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-013-15.2" class="font">
<td>
<a href="font-matching-rule-013.htm">font-matching-rule-013</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font Matching Algorithm, font-variant font missing small-caps property
<ul class="assert">
<li>A font that is only available as small-caps can be assigned either a normal or a small-caps to its font-variant property. Both values have the same effect.</li>
</ul>
</td>
</tr>
<tr id="font-matching-rule-014-15.2" class="font">
<td>
<a href="font-matching-rule-014.htm">font-matching-rule-014</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font Matching Algorithm, same fonts
<ul class="assert">
<li>If all available fonts are exactly same in all properties, the user agent selects one of them.</li>
</ul>
</td>
</tr>
<tr id="font-style-rule-001-15.2" class="font">
<td>
<a href="font-style-rule-001.htm">font-style-rule-001</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font-style with font properties missing
<ul class="assert">
<li>When font-style italic is not available, find value oblique, if it's still not available, either use the alternate font-family that has italic or oblique value or use 'font-style: normal'.</li>
</ul>
</td>
</tr>
<tr id="fonts-010-15.2" class="ahem">
<td>
<a href="fonts-010.htm">fonts-010</a></td>
<td><a href="reference/fonts-010-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font inheritance into &lt;pre&gt; elements
</td>
</tr>
<tr id="fonts-011-15.2" class="ahem">
<td>
<a href="fonts-011.htm">fonts-011</a></td>
<td><a href="reference/fonts-011-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Fonts and bidi
</td>
</tr>
<tr id="fonts-012-15.2" class="ahem">
<td>
<a href="fonts-012.htm">fonts-012</a></td>
<td><a href="reference/fonts-012-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Fonts and not bidi
</td>
</tr>
<tr id="fonts-013-15.2" class="ahem">
<td>
<a href="fonts-013.htm">fonts-013</a></td>
<td><a href="reference/fonts-013-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font and fallbacks
</td>
</tr>
<tr id="fonts-014-15.2" class="ahem">
<td>
<a href="fonts-014.htm">fonts-014</a></td>
<td><a href="reference/fonts-013-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font and fallbacks
</td>
</tr>
</tbody>
<tbody id="s15.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.3">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#font-family-prop">15.3 Font family: the 'font-family' property</a></th></tr>
<!-- 92 tests -->
<tr id="c522-font-family-000-15.3" class="">
<td>
<a href="c522-font-family-000.htm">c522-font-family-000</a></td>
<td></td>
<td></td>
<td>font-family
</td>
</tr>
<tr id="c527-font-000-15.3" class="">
<td>
<a href="c527-font-000.htm">c527-font-000</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-002-15.3" class="">
<td>
<a href="c527-font-002.htm">c527-font-002</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-003-15.3" class="">
<td>
<a href="c527-font-003.htm">c527-font-003</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-004-15.3" class="">
<td>
<a href="c527-font-004.htm">c527-font-004</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-005-15.3" class="">
<td>
<a href="c527-font-005.htm">c527-font-005</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-006-15.3" class="">
<td>
<a href="c527-font-006.htm">c527-font-006</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-007-15.3" class="">
<td>
<a href="c527-font-007.htm">c527-font-007</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-008-15.3" class="">
<td>
<a href="c527-font-008.htm">c527-font-008</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-009-15.3" class="">
<td>
<a href="c527-font-009.htm">c527-font-009</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-10-15.3" class="">
<td>
<a href="c527-font-10.htm">c527-font-10</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="font-147-15.3" class="ahem">
<td>
<a href="font-147.htm">font-147</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS: unquoted 'font-family' syntax (tested with 'font')
</td>
</tr>
<tr id="font-family-001-15.3" class="ahem">
<td>
<a href="font-family-001.htm">font-family-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to an installed font
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font.</li>
</ul>
</td>
</tr>
<tr id="font-family-002-15.3" class="ahem">
<td>
<a href="font-family-002.htm">font-family-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'serif'
<ul class="assert">
<li>The 'font-family' property set to 'serif' correctly renders the user agent's serif font.</li>
</ul>
</td>
</tr>
<tr id="font-family-003-15.3" class="ahem">
<td>
<a href="font-family-003.htm">font-family-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'sans-serif'
<ul class="assert">
<li>The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font.</li>
</ul>
</td>
</tr>
<tr id="font-family-004-15.3" class="ahem">
<td>
<a href="font-family-004.htm">font-family-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'cursive'
<ul class="assert">
<li>The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font.</li>
</ul>
</td>
</tr>
<tr id="font-family-005-15.3" class="ahem">
<td>
<a href="font-family-005.htm">font-family-005</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'fantasy'
<ul class="assert">
<li>The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font.</li>
</ul>
</td>
</tr>
<tr id="font-family-006-15.3" class="ahem">
<td>
<a href="font-family-006.htm">font-family-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'monospace'
<ul class="assert">
<li>The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font.</li>
</ul>
</td>
</tr>
<tr id="font-family-007-15.3" class="ahem">
<td>
<a href="font-family-007.htm">font-family-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to 'inherit'
<ul class="assert">
<li>The 'font-family' property set to 'inherit' inherits its value from the parent element's value.</li>
</ul>
</td>
</tr>
<tr id="font-family-008-15.3" class="ahem invalid">
<td>
<a href="font-family-008.htm">font-family-008</a></td>
<td><a href="reference/font-family-008-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font-family - unquoted font-family names with parentheses or curly braces
<ul class="assert">
<li>Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces</li>
</ul>
</td>
</tr>
<tr id="font-family-009-15.3" class="ahem">
<td>
<a href="font-family-009.htm">font-family-009</a></td>
<td><a href="reference/font-family-009-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS: font-family inheritance
</td>
</tr>
<tr id="font-family-011-15.3" class="">
<td>
<a href="font-family-011.htm">font-family-011</a></td>
<td><a href="reference/font-family-011-ref.htm">=</a> </td>
<td></td>
<td>CSS: font-family and whitespace
</td>
</tr>
<tr id="font-family-012-15.3" class="">
<td>
<a href="font-family-012.htm">font-family-012</a></td>
<td></td>
<td></td>
<td>font-family with box drawing characters
</td>
</tr>
<tr id="font-family-013-15.3" class="">
<td>
<a href="font-family-013.htm">font-family-013</a></td>
<td><a href="reference/font-family-013-ref.htm">=</a> </td>
<td></td>
<td>font-family and fallbacks
</td>
</tr>
<tr id="font-family-014-15.3" class="">
<td>
<a href="font-family-014.htm">font-family-014</a></td>
<td><a href="reference/font-family-013-ref.htm">=</a> </td>
<td></td>
<td>font-family and fallbacks
</td>
</tr>
<tr id="font-family-015-15.3" class="">
<td>
<a href="font-family-015.htm">font-family-015</a></td>
<td></td>
<td></td>
<td>Baselines and Fallback
</td>
</tr>
<tr id="font-family-016-15.3" class="">
<td>
<a href="font-family-016.htm">font-family-016</a></td>
<td></td>
<td></td>
<td>Font test
</td>
</tr>
<tr id="font-family-applies-to-001-15.3" class="ahem">
<td>
<a href="font-family-applies-to-001.htm">font-family-applies-to-001</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inline' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-002-15.3" class="ahem">
<td>
<a href="font-family-applies-to-002.htm">font-family-applies-to-002</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: block' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-003-15.3" class="ahem">
<td>
<a href="font-family-applies-to-003.htm">font-family-applies-to-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: list-item' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-004-15.3" class="ahem">
<td>
<a href="font-family-applies-to-004.htm">font-family-applies-to-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: run-in' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-005-15.3" class="ahem">
<td>
<a href="font-family-applies-to-005.htm">font-family-applies-to-005</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-006-15.3" class="ahem">
<td>
<a href="font-family-applies-to-006.htm">font-family-applies-to-006</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-007-15.3" class="ahem">
<td>
<a href="font-family-applies-to-007.htm">font-family-applies-to-007</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-008-15.3" class="ahem">
<td>
<a href="font-family-applies-to-008.htm">font-family-applies-to-008</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-009-15.3" class="ahem">
<td>
<a href="font-family-applies-to-009.htm">font-family-applies-to-009</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-010-15.3" class="ahem">
<td>
<a href="font-family-applies-to-010.htm">font-family-applies-to-010</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-011-15.3" class="ahem">
<td>
<a href="font-family-applies-to-011.htm">font-family-applies-to-011</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-row' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-014-15.3" class="ahem">
<td>
<a href="font-family-applies-to-014.htm">font-family-applies-to-014</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-015-15.3" class="ahem">
<td>
<a href="font-family-applies-to-015.htm">font-family-applies-to-015</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-016-15.3" class="ahem">
<td>
<a href="font-family-applies-to-016.htm">font-family-applies-to-016</a></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: none' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-017-15.3" class="ahem">
<td>
<a href="font-family-applies-to-017.htm">font-family-applies-to-017</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inherit' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-invalid-characters-001-15.3" class="ahem invalid">
<td>
<a href="font-family-invalid-characters-001.htm">font-family-invalid-characters-001</a></td>
<td><a href="reference/font-family-invalid-characters-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Invalid characters in font-family values
<ul class="assert">
<li>Invalid characters in font family names invalidate entire declaration.</li>
</ul>
</td>
</tr>
<tr id="font-family-invalid-characters-002-15.3" class="ahem invalid">
<td>
<a href="font-family-invalid-characters-002.htm">font-family-invalid-characters-002</a></td>
<td><a href="reference/font-family-invalid-characters-002-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Invalid parenthesis and pair matching
<ul class="assert">
<li>Invalid characters in font family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-invalid-characters-003-15.3" class="ahem invalid">
<td>
<a href="font-family-invalid-characters-003.htm">font-family-invalid-characters-003</a></td>
<td><a href="reference/font-family-invalid-characters-002-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Invalid curly brackets and pair matching
<ul class="assert">
<li>Invalid characters in font family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-invalid-characters-004-15.3" class="ahem invalid">
<td>
<a href="font-family-invalid-characters-004.htm">font-family-invalid-characters-004</a></td>
<td><a href="reference/font-family-invalid-characters-002-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Invalid square brackets and pair matching
<ul class="assert">
<li>Invalid characters in font family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-invalid-characters-005-15.3" class="ahem invalid">
<td>
<a href="font-family-invalid-characters-005.htm">font-family-invalid-characters-005</a></td>
<td><a href="reference/font-family-invalid-characters-005-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Invalid quotes and pair matching
<ul class="assert">
<li>Invalid characters in font family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-invalid-characters-006-15.3" class="ahem invalid">
<td>
<a href="font-family-invalid-characters-006.htm">font-family-invalid-characters-006</a></td>
<td><a href="reference/font-family-invalid-characters-006-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Invalid single quotes and pair matching
<ul class="assert">
<li>Invalid characters in font family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-001-15.3" class="font">
<td>
<a href="font-family-name-001.htm">font-family-name-001</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with no quotes
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-002-15.3" class="font">
<td>
<a href="font-family-name-002.htm">font-family-name-002</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with no quotes, lowercase
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, lowercase.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-003-15.3" class="font">
<td>
<a href="font-family-name-003.htm">font-family-name-003</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with no quotes, mixed case
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, mixed case.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-004-15.3" class="font">
<td>
<a href="font-family-name-004.htm">font-family-name-004</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>quoted font family name with double quotes
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with double quotes.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-005-15.3" class="font">
<td>
<a href="font-family-name-005.htm">font-family-name-005</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>quoted font family name with single quotes
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with single quotes.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-006-15.3" class="font">
<td>
<a href="font-family-name-006.htm">font-family-name-006</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>unquoted font family name with extra whitespace
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with extra whitespace should be condensed to a single space.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-007-15.3" class="font">
<td>
<a href="font-family-name-007.htm">font-family-name-007</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>double quoted font family name with extra spaces should not match
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in double quotes should not match, spaces are not reduced.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-008-15.3" class="font">
<td>
<a href="font-family-name-008.htm">font-family-name-008</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>single quoted font family name with extra spaces should not match
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in single quotes should not match, spaces are not reduced.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-009-15.3" class="font">
<td>
<a href="font-family-name-009.htm">font-family-name-009</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with escaped hexcode characters
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped character.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-010-15.3" class="font">
<td>
<a href="font-family-name-010.htm">font-family-name-010</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>localized font family name
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Localized family names should match.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-011-15.3" class="font">
<td>
<a href="font-family-name-011.htm">font-family-name-011</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>quoted localized font family name
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Quoted localized family names should match.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-012-15.3" class="font">
<td>
<a href="font-family-name-012.htm">font-family-name-012</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with escaped characters
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-013-15.3" class="font">
<td>
<a href="font-family-name-013.htm">font-family-name-013</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name should not match font fullnames
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Fullname name should not match, only family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-014-15.3" class="font">
<td>
<a href="font-family-name-014.htm">font-family-name-014</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name should not match Postscript name
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Postscript name should not match, only family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-015-15.3" class="font">
<td>
<a href="font-family-name-015.htm">font-family-name-015</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name should not match localized font fullnames
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Localized fullname should not match.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-016-15.3" class="font">
<td>
<a href="font-family-name-016.htm">font-family-name-016</a></td>
<td><a href="reference/font-family-name-016-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name that includes numbers should match
<ul class="assert">
<li>Unquoted font family names with numbers should not be matched</li>
</ul>
</td>
</tr>
<tr id="font-family-name-017-15.3" class="font">
<td>
<a href="font-family-name-017.htm">font-family-name-017</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when unquoted font family not found, should not use font family list of body element
<ul class="assert">
<li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-018-15.3" class="font">
<td>
<a href="font-family-name-018.htm">font-family-name-018</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when quoted font family not found, should not use font family list of body element
<ul class="assert">
<li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-019-15.3" class="font">
<td>
<a href="font-family-name-019.htm">font-family-name-019</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when unquoted font family not found, should not use font family list of parent element
<ul class="assert">
<li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-020-15.3" class="font">
<td>
<a href="font-family-name-020.htm">font-family-name-020</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when quoted font family not found, should not use font family list of parent element
<ul class="assert">
<li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-021-15.3" class="font invalid">
<td>
<a href="font-family-name-021.htm">font-family-name-021</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>mixed use of quotes in font family names is invalid syntax
<ul class="assert">
<li>Mixing quoted name with unquoted portion is invalid syntax, rule is dropped.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-022-15.3" class="font">
<td>
<a href="font-family-name-022.htm">font-family-name-022</a></td>
<td><a href="reference/font-family-name-022-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font shorthand parsing should not cause incorrect matching
<ul class="assert">
<li>Font shorthand parsing should not cause incorrect matching of font-family values</li>
</ul>
</td>
</tr>
<tr id="font-family-name-023-15.3" class="font">
<td>
<a href="font-family-name-023.htm">font-family-name-023</a></td>
<td><a href="reference/font-family-name-023-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family names that look like font shorthand
<ul class="assert">
<li>Font family names that appear similar to font shorthand should match to fonts with those names</li>
</ul>
</td>
</tr>
<tr id="font-family-name-024-15.3" class="font">
<td>
<a href="font-family-name-024.htm">font-family-name-024</a></td>
<td><a href="reference/font-family-name-024-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>system font names in font-family lists
<ul class="assert">
<li>System font names are only allowed with the font shorthand, not in font-family rules</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-001-15.3" class="">
<td>
<a href="font-family-rule-001.htm">font-family-rule-001</a></td>
<td><a href="reference/font-family-rule-001-ref.htm">=</a> </td>
<td></td>
<td>Font-family, fallback mechanism
<ul class="assert">
<li>Unknown or unavailable fonts fallback to the default font family. The default font family varies and depends on user agent.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-002-15.3" class="font">
<td>
<a href="font-family-rule-002.htm">font-family-rule-002</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font-family with white space
<ul class="assert">
<li>Font names containing any white space need to be quoted. It is also recognized if it is not quoted.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-002a-15.3" class="font">
<td>
<a href="font-family-rule-002a.htm">font-family-rule-002a</a></td>
<td><a href="reference/font-family-rule-002a-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Unquoted and unescaped font-family name with white spaces
<ul class="assert">
<li>Any white space characters before or after an unquoted and unescaped font-family name are removed. Any sequence of white space characters between identifiers of an unquoted and unescaped font-family name should be converted to a single white space separating its identifiers.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-003-15.3" class="font invalid">
<td>
<a href="font-family-rule-003.htm">font-family-rule-003</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font family name with special character, quoted
<ul class="assert">
<li>Font names containing any special characters can be quoted. Otherwise the special character need to be escaped.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-004-15.3" class="font">
<td>
<a href="font-family-rule-004.htm">font-family-rule-004</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font family name same as keyword 'inherit'
<ul class="assert">
<li>Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-004a-15.3" class="font invalid">
<td>
<a href="font-family-rule-004a.htm">font-family-rule-004a</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font-family - inherit as part of font-family name
<ul class="assert">
<li>This test verifies 9 font-family declarations with inherit and 2 font-family declarations with invalid identifiers.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-005-15.3" class="dom">
<td>
<a href="font-family-rule-005.htm">font-family-rule-005</a></td>
<td><a href="reference/font-family-rule-005-ref.htm">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>Font family unknown character glyph matching
<ul class="assert">
<li>Glyphs that are missing render as the missing glyph character and still report their initial character location, not the missing glyph location.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-006-15.3" class="ahem">
<td>
<a href="font-family-rule-006.htm">font-family-rule-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font family generic name cannot be quoted
<ul class="assert">
<li>Generic font family name is not recognized if quoted.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-007-15.3" class="font invalid">
<td>
<a href="font-family-rule-007.htm">font-family-rule-007</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font family name with special characters, escaped
<ul class="assert">
<li>Font family name having special characters needs to escape special character. Otherwise the font family name need to be quoted.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-009-15.3" class="font">
<td>
<a href="font-family-rule-009.htm">font-family-rule-009</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name with multiple white space characters
<ul class="assert">
<li>Multiple white spaces inside quoted font-family name cannot be collapsed to single white space.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-010-15.3" class="font">
<td>
<a href="font-family-rule-010.htm">font-family-rule-010</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name same as reserved keyword 'initial'
<ul class="assert">
<li>Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-011-15.3" class="font">
<td>
<a href="font-family-rule-011.htm">font-family-rule-011</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name same as reserved keyword 'default'
<ul class="assert">
<li>Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-012-15.3" class="font">
<td>
<a href="font-family-rule-012.htm">font-family-rule-012</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name same as keyword 'serif'
<ul class="assert">
<li>Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-013-15.3" class="font">
<td>
<a href="font-family-rule-013.htm">font-family-rule-013</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name same as keyword 'sans-serif'
<ul class="assert">
<li>Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-014-15.3" class="font">
<td>
<a href="font-family-rule-014.htm">font-family-rule-014</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name same as keyword 'cursive'
<ul class="assert">
<li>Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-015-15.3" class="font">
<td>
<a href="font-family-rule-015.htm">font-family-rule-015</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name same as keyword 'fantasy'
<ul class="assert">
<li>Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-016-15.3" class="font">
<td>
<a href="font-family-rule-016.htm">font-family-rule-016</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font name same as keyword 'monospace'
<ul class="assert">
<li>Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'.</li>
</ul>
</td>
</tr>
<tr id="font-family-rule-017-15.3" class="font">
<td>
<a href="font-family-rule-017.htm">font-family-rule-017</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Font-family multiple white space characters in font name
<ul class="assert">
<li>Multiple (1 or many) white spaces before and after an unquoted font-family name are ignored. Multiple (more than 1) white spaces inside an unquoted font name get converted to single white space.</li>
</ul>
</td>
</tr>
<tr id="font-family-valid-characters-001-15.3" class="ahem">
<td>
<a href="font-family-valid-characters-001.htm">font-family-valid-characters-001</a></td>
<td><a href="reference/font-family-valid-characters-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Valid characters in font-family values
<ul class="assert">
<li>Valid characters in font family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-valid-characters-002-15.3" class="ahem">
<td>
<a href="font-family-valid-characters-002.htm">font-family-valid-characters-002</a></td>
<td><a href="reference/font-family-valid-characters-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Valid numbers in font-family values
<ul class="assert">
<li>Font family names must be identifiers.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.3.#propdef-font-family">
<!-- 46 tests -->
<tr id="font-family-001-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-001.htm">font-family-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to an installed font
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font.</li>
</ul>
</td>
</tr>
<tr id="font-family-002-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-002.htm">font-family-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'serif'
<ul class="assert">
<li>The 'font-family' property set to 'serif' correctly renders the user agent's serif font.</li>
</ul>
</td>
</tr>
<tr id="font-family-003-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-003.htm">font-family-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'sans-serif'
<ul class="assert">
<li>The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font.</li>
</ul>
</td>
</tr>
<tr id="font-family-004-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-004.htm">font-family-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'cursive'
<ul class="assert">
<li>The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font.</li>
</ul>
</td>
</tr>
<tr id="font-family-005-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-005.htm">font-family-005</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'fantasy'
<ul class="assert">
<li>The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font.</li>
</ul>
</td>
</tr>
<tr id="font-family-006-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-006.htm">font-family-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to the keyword 'monospace'
<ul class="assert">
<li>The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font.</li>
</ul>
</td>
</tr>
<tr id="font-family-007-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-007.htm">font-family-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family set to 'inherit'
<ul class="assert">
<li>The 'font-family' property set to 'inherit' inherits its value from the parent element's value.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-001-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-001.htm">font-family-applies-to-001</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inline' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-002-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-002.htm">font-family-applies-to-002</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: block' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-003-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-003.htm">font-family-applies-to-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: list-item' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-004-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-004.htm">font-family-applies-to-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: run-in' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-005-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-005.htm">font-family-applies-to-005</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-006-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-006.htm">font-family-applies-to-006</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-007-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-007.htm">font-family-applies-to-007</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-008-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-008.htm">font-family-applies-to-008</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-009-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-009.htm">font-family-applies-to-009</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-010-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-010.htm">font-family-applies-to-010</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-011-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-011.htm">font-family-applies-to-011</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-row' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-014-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-014.htm">font-family-applies-to-014</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-015-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-015.htm">font-family-applies-to-015</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-016-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-016.htm">font-family-applies-to-016</a></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: none' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-applies-to-017-15.3.#propdef-font-family" class="ahem">
<td>
<a href="font-family-applies-to-017.htm">font-family-applies-to-017</a></td>
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-family and 'display: inherit' elements
<ul class="assert">
<li>The 'font-family' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-001-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-001.htm">font-family-name-001</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with no quotes
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-002-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-002.htm">font-family-name-002</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with no quotes, lowercase
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, lowercase.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-003-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-003.htm">font-family-name-003</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with no quotes, mixed case
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, mixed case.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-004-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-004.htm">font-family-name-004</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>quoted font family name with double quotes
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with double quotes.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-005-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-005.htm">font-family-name-005</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>quoted font family name with single quotes
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with single quotes.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-006-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-006.htm">font-family-name-006</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>unquoted font family name with extra whitespace
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with extra whitespace should be condensed to a single space.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-007-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-007.htm">font-family-name-007</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>double quoted font family name with extra spaces should not match
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in double quotes should not match, spaces are not reduced.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-008-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-008.htm">font-family-name-008</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>single quoted font family name with extra spaces should not match
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in single quotes should not match, spaces are not reduced.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-009-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-009.htm">font-family-name-009</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with escaped hexcode characters
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped character.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-010-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-010.htm">font-family-name-010</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>localized font family name
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Localized family names should match.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-011-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-011.htm">font-family-name-011</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>quoted localized font family name
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Quoted localized family names should match.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-012-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-012.htm">font-family-name-012</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name with escaped characters
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-013-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-013.htm">font-family-name-013</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name should not match font fullnames
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Fullname name should not match, only family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-014-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-014.htm">font-family-name-014</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name should not match Postscript name
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Postscript name should not match, only family names.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-015-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-015.htm">font-family-name-015</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name should not match localized font fullnames
<ul class="assert">
<li>The 'font-family' property set to and installed font renders the appropriate font. Localized fullname should not match.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-016-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-016.htm">font-family-name-016</a></td>
<td><a href="reference/font-family-name-016-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family name that includes numbers should match
<ul class="assert">
<li>Unquoted font family names with numbers should not be matched</li>
</ul>
</td>
</tr>
<tr id="font-family-name-017-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-017.htm">font-family-name-017</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when unquoted font family not found, should not use font family list of body element
<ul class="assert">
<li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-018-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-018.htm">font-family-name-018</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when quoted font family not found, should not use font family list of body element
<ul class="assert">
<li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-019-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-019.htm">font-family-name-019</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when unquoted font family not found, should not use font family list of parent element
<ul class="assert">
<li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-020-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-020.htm">font-family-name-020</a></td>
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>when quoted font family not found, should not use font family list of parent element
<ul class="assert">
<li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-021-15.3.#propdef-font-family" class="font invalid">
<td>
<a href="font-family-name-021.htm">font-family-name-021</a></td>
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>mixed use of quotes in font family names is invalid syntax
<ul class="assert">
<li>Mixing quoted name with unquoted portion is invalid syntax, rule is dropped.</li>
</ul>
</td>
</tr>
<tr id="font-family-name-022-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-022.htm">font-family-name-022</a></td>
<td><a href="reference/font-family-name-022-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font shorthand parsing should not cause incorrect matching
<ul class="assert">
<li>Font shorthand parsing should not cause incorrect matching of font-family values</li>
</ul>
</td>
</tr>
<tr id="font-family-name-023-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-023.htm">font-family-name-023</a></td>
<td><a href="reference/font-family-name-023-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font family names that look like font shorthand
<ul class="assert">
<li>Font family names that appear similar to font shorthand should match to fonts with those names</li>
</ul>
</td>
</tr>
<tr id="font-family-name-024-15.3.#propdef-font-family" class="font">
<td>
<a href="font-family-name-024.htm">font-family-name-024</a></td>
<td><a href="reference/font-family-name-024-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>system font names in font-family lists
<ul class="assert">
<li>System font names are only allowed with the font shorthand, not in font-family rules</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.3.#value-def-family-name">
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.#value-def-generic-family">
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.3.1">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#generic-font-families">15.3.1 Generic font families</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.1.#defined-to-exist">
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.3.1.1">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#serif-def">15.3.1.1 serif</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.3.1.2">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#sans-serif-def">15.3.1.2 sans-serif</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.3.1.3">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#cursive-def">15.3.1.3 cursive</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.3.1.4">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#fantasy-def">15.3.1.4 fantasy</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.3.1.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.3.1.5">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#monospace-def">15.3.1.5 monospace</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.4">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#font-styling">15.4 Font styling: the 'font-style' property</a></th></tr>
<!-- 29 tests -->
<tr id="c523-font-style-000-15.4" class="">
<td>
<a href="c523-font-style-000.htm">c523-font-style-000</a></td>
<td></td>
<td></td>
<td>font-style
</td>
</tr>
<tr id="c527-font-000-15.4" class="">
<td>
<a href="c527-font-000.htm">c527-font-000</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-004-15.4" class="">
<td>
<a href="c527-font-004.htm">c527-font-004</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-005-15.4" class="">
<td>
<a href="c527-font-005.htm">c527-font-005</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-006-15.4" class="">
<td>
<a href="c527-font-006.htm">c527-font-006</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-007-15.4" class="">
<td>
<a href="c527-font-007.htm">c527-font-007</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-008-15.4" class="">
<td>
<a href="c527-font-008.htm">c527-font-008</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-10-15.4" class="">
<td>
<a href="c527-font-10.htm">c527-font-10</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c543-txt-decor-000-15.4" class="animated image">
<td>
<a href="c543-txt-decor-000.htm">c543-txt-decor-000</a></td>
<td></td>
<td><abbr class="animated" title="Animated test">Animated</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-decoration
</td>
</tr>
<tr id="font-style-001-15.4" class="ahem">
<td>
<a href="font-style-001.htm">font-style-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'normal'
<ul class="assert">
<li>The 'font-style' property set to 'normal' correctly renders the characters as normal text.</li>
</ul>
</td>
</tr>
<tr id="font-style-002-15.4" class="ahem">
<td>
<a href="font-style-002.htm">font-style-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'italic'
<ul class="assert">
<li>The 'font-style' property set to 'italic' correctly renders the characters as italic text.</li>
</ul>
</td>
</tr>
<tr id="font-style-003-15.4" class="ahem">
<td>
<a href="font-style-003.htm">font-style-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'oblique'
<ul class="assert">
<li>The 'font-style' property set to 'normal' correctly renders the characters as oblique text.</li>
</ul>
</td>
</tr>
<tr id="font-style-004-15.4" class="ahem">
<td>
<a href="font-style-004.htm">font-style-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'inherit'
<ul class="assert">
<li>The 'font-style' property set to 'inherit', inherits is value from the parent element's value.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-001-15.4" class="">
<td>
<a href="font-style-applies-to-001.htm">font-style-applies-to-001</a></td>
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inline' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-002-15.4" class="">
<td>
<a href="font-style-applies-to-002.htm">font-style-applies-to-002</a></td>
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: block' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-003-15.4" class="">
<td>
<a href="font-style-applies-to-003.htm">font-style-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font-style and 'display: list-item' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-004-15.4" class="">
<td>
<a href="font-style-applies-to-004.htm">font-style-applies-to-004</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: run-in' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-005-15.4" class="">
<td>
<a href="font-style-applies-to-005.htm">font-style-applies-to-005</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-006-15.4" class="">
<td>
<a href="font-style-applies-to-006.htm">font-style-applies-to-006</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-007-15.4" class="">
<td>
<a href="font-style-applies-to-007.htm">font-style-applies-to-007</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-008-15.4" class="">
<td>
<a href="font-style-applies-to-008.htm">font-style-applies-to-008</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-009-15.4" class="">
<td>
<a href="font-style-applies-to-009.htm">font-style-applies-to-009</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-style' property does not applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-010-15.4" class="">
<td>
<a href="font-style-applies-to-010.htm">font-style-applies-to-010</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-011-15.4" class="">
<td>
<a href="font-style-applies-to-011.htm">font-style-applies-to-011</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-row' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-014-15.4" class="">
<td>
<a href="font-style-applies-to-014.htm">font-style-applies-to-014</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-015-15.4" class="">
<td>
<a href="font-style-applies-to-015.htm">font-style-applies-to-015</a></td>
<td></td>
<td></td>
<td>Font-style and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-016-15.4" class="">
<td>
<a href="font-style-applies-to-016.htm">font-style-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: none' elements
<ul class="assert">
<li>The font-style' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-017-15.4" class="">
<td>
<a href="font-style-applies-to-017.htm">font-style-applies-to-017</a></td>
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inherit' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="test-synthetic-italic-15.4" class="font">
<td>
<a href="test-synthetic-italic.htm">test-synthetic-italic</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Test for synthetic italic rendering
<ul class="assert">
<li>Synthetic italic text should render differently than normal text</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.4.#propdef-font-style">
<!-- 20 tests -->
<tr id="font-style-001-15.4.#propdef-font-style" class="ahem">
<td>
<a href="font-style-001.htm">font-style-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'normal'
<ul class="assert">
<li>The 'font-style' property set to 'normal' correctly renders the characters as normal text.</li>
</ul>
</td>
</tr>
<tr id="font-style-002-15.4.#propdef-font-style" class="ahem">
<td>
<a href="font-style-002.htm">font-style-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'italic'
<ul class="assert">
<li>The 'font-style' property set to 'italic' correctly renders the characters as italic text.</li>
</ul>
</td>
</tr>
<tr id="font-style-003-15.4.#propdef-font-style" class="ahem">
<td>
<a href="font-style-003.htm">font-style-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'oblique'
<ul class="assert">
<li>The 'font-style' property set to 'normal' correctly renders the characters as oblique text.</li>
</ul>
</td>
</tr>
<tr id="font-style-004-15.4.#propdef-font-style" class="ahem">
<td>
<a href="font-style-004.htm">font-style-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-style set to 'inherit'
<ul class="assert">
<li>The 'font-style' property set to 'inherit', inherits is value from the parent element's value.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-001-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-001.htm">font-style-applies-to-001</a></td>
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inline' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-002-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-002.htm">font-style-applies-to-002</a></td>
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: block' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-003-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-003.htm">font-style-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font-style and 'display: list-item' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-004-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-004.htm">font-style-applies-to-004</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: run-in' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-005-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-005.htm">font-style-applies-to-005</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-006-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-006.htm">font-style-applies-to-006</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-007-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-007.htm">font-style-applies-to-007</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-008-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-008.htm">font-style-applies-to-008</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-009-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-009.htm">font-style-applies-to-009</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-style' property does not applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-010-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-010.htm">font-style-applies-to-010</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-011-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-011.htm">font-style-applies-to-011</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-row' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-014-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-014.htm">font-style-applies-to-014</a></td>
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-015-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-015.htm">font-style-applies-to-015</a></td>
<td></td>
<td></td>
<td>Font-style and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-016-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-016.htm">font-style-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: none' elements
<ul class="assert">
<li>The font-style' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-style-applies-to-017-15.4.#propdef-font-style" class="">
<td>
<a href="font-style-applies-to-017.htm">font-style-applies-to-017</a></td>
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font-style and 'display: inherit' elements
<ul class="assert">
<li>The 'font-style' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="test-synthetic-italic-15.4.#propdef-font-style" class="font">
<td>
<a href="test-synthetic-italic.htm">test-synthetic-italic</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Test for synthetic italic rendering
<ul class="assert">
<li>Synthetic italic text should render differently than normal text</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.5">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#small-caps">15.5 Small-caps: the 'font-variant' property</a></th></tr>
<!-- 27 tests -->
<tr id="c524-font-var-000-15.5" class="">
<td>
<a href="c524-font-var-000.htm">c524-font-var-000</a></td>
<td></td>
<td></td>
<td>font-variant
</td>
</tr>
<tr id="c527-font-000-15.5" class="">
<td>
<a href="c527-font-000.htm">c527-font-000</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-004-15.5" class="">
<td>
<a href="c527-font-004.htm">c527-font-004</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-005-15.5" class="">
<td>
<a href="c527-font-005.htm">c527-font-005</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-006-15.5" class="">
<td>
<a href="c527-font-006.htm">c527-font-006</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-007-15.5" class="">
<td>
<a href="c527-font-007.htm">c527-font-007</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-008-15.5" class="">
<td>
<a href="c527-font-008.htm">c527-font-008</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-10-15.5" class="">
<td>
<a href="c527-font-10.htm">c527-font-10</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="font-variant-001-15.5" class="">
<td>
<a href="font-variant-001.htm">font-variant-001</a></td>
<td><a href="reference/font-variant-001-ref.htm">=</a> </td>
<td></td>
<td>Font-variant set to 'normal'
<ul class="assert">
<li>The 'font-variant' property set to 'normal' renders the typical characters for text for the font.</li>
</ul>
</td>
</tr>
<tr id="font-variant-002-15.5" class="">
<td>
<a href="font-variant-002.htm">font-variant-002</a></td>
<td></td>
<td></td>
<td>Font-variant set to 'small-caps'
<ul class="assert">
<li>The 'font-variant' property set to 'normal' renders the small-caps version of characters for text for the font.</li>
</ul>
</td>
</tr>
<tr id="font-variant-003-15.5" class="">
<td>
<a href="font-variant-003.htm">font-variant-003</a></td>
<td></td>
<td></td>
<td>Font-variant set to 'inherit'
<ul class="assert">
<li>The 'font-variant' property set to 'inherit' inherits is value from the patent element's value.</li>
</ul>
</td>
</tr>
<tr id="font-variant-004-15.5" class="">
<td>
<a href="font-variant-004.htm">font-variant-004</a></td>
<td></td>
<td></td>
<td>font-variant and color
<ul class="assert">
<li>if &amp;#8216;small-caps&amp;#8217; or &amp;#8216;all-small-caps&amp;#8217; is specified but small-caps glyphs are not available for a given font, user agents should simulate a small-caps font</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-001-15.5" class="">
<td>
<a href="font-variant-applies-to-001.htm">font-variant-applies-to-001</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inline' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-002-15.5" class="">
<td>
<a href="font-variant-applies-to-002.htm">font-variant-applies-to-002</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: block' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-003-15.5" class="">
<td>
<a href="font-variant-applies-to-003.htm">font-variant-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: list-item' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-004-15.5" class="">
<td>
<a href="font-variant-applies-to-004.htm">font-variant-applies-to-004</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: run-in' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-005-15.5" class="">
<td>
<a href="font-variant-applies-to-005.htm">font-variant-applies-to-005</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-006-15.5" class="">
<td>
<a href="font-variant-applies-to-006.htm">font-variant-applies-to-006</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-007-15.5" class="">
<td>
<a href="font-variant-applies-to-007.htm">font-variant-applies-to-007</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-008-15.5" class="">
<td>
<a href="font-variant-applies-to-008.htm">font-variant-applies-to-008</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-009-15.5" class="">
<td>
<a href="font-variant-applies-to-009.htm">font-variant-applies-to-009</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-variant' property does not applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-010-15.5" class="">
<td>
<a href="font-variant-applies-to-010.htm">font-variant-applies-to-010</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-011-15.5" class="">
<td>
<a href="font-variant-applies-to-011.htm">font-variant-applies-to-011</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-row' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-014-15.5" class="">
<td>
<a href="font-variant-applies-to-014.htm">font-variant-applies-to-014</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-015-15.5" class="">
<td>
<a href="font-variant-applies-to-015.htm">font-variant-applies-to-015</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-016-15.5" class="">
<td>
<a href="font-variant-applies-to-016.htm">font-variant-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td></td>
<td>'font-variant' and 'display: none' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-017-15.5" class="">
<td>
<a href="font-variant-applies-to-017.htm">font-variant-applies-to-017</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inherit' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.5.#propdef-font-variant">
<!-- 18 tests -->
<tr id="font-variant-001-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-001.htm">font-variant-001</a></td>
<td><a href="reference/font-variant-001-ref.htm">=</a> </td>
<td></td>
<td>Font-variant set to 'normal'
<ul class="assert">
<li>The 'font-variant' property set to 'normal' renders the typical characters for text for the font.</li>
</ul>
</td>
</tr>
<tr id="font-variant-002-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-002.htm">font-variant-002</a></td>
<td></td>
<td></td>
<td>Font-variant set to 'small-caps'
<ul class="assert">
<li>The 'font-variant' property set to 'normal' renders the small-caps version of characters for text for the font.</li>
</ul>
</td>
</tr>
<tr id="font-variant-003-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-003.htm">font-variant-003</a></td>
<td></td>
<td></td>
<td>Font-variant set to 'inherit'
<ul class="assert">
<li>The 'font-variant' property set to 'inherit' inherits is value from the patent element's value.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-001-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-001.htm">font-variant-applies-to-001</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inline' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-002-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-002.htm">font-variant-applies-to-002</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: block' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-003-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-003.htm">font-variant-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font-variant and 'display: list-item' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-004-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-004.htm">font-variant-applies-to-004</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: run-in' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-005-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-005.htm">font-variant-applies-to-005</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-006-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-006.htm">font-variant-applies-to-006</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-007-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-007.htm">font-variant-applies-to-007</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-008-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-008.htm">font-variant-applies-to-008</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-009-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-009.htm">font-variant-applies-to-009</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-variant' property does not applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-010-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-010.htm">font-variant-applies-to-010</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-011-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-011.htm">font-variant-applies-to-011</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-row' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-014-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-014.htm">font-variant-applies-to-014</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-015-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-015.htm">font-variant-applies-to-015</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-016-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-016.htm">font-variant-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td></td>
<td>'font-variant' and 'display: none' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-variant-applies-to-017-15.5.#propdef-font-variant" class="">
<td>
<a href="font-variant-applies-to-017.htm">font-variant-applies-to-017</a></td>
<td><a href="reference/pass_if_filler_text_match_smallcaps.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-variant and 'display: inherit' elements
<ul class="assert">
<li>The 'font-variant' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.6">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#font-boldness">15.6 Font boldness: the 'font-weight' property</a></th></tr>
<!-- 47 tests -->
<tr id="c525-font-wt-000-15.6" class="">
<td>
<a href="c525-font-wt-000.htm">c525-font-wt-000</a></td>
<td></td>
<td></td>
<td>font-weight
</td>
</tr>
<tr id="c527-font-004-15.6" class="">
<td>
<a href="c527-font-004.htm">c527-font-004</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-005-15.6" class="">
<td>
<a href="c527-font-005.htm">c527-font-005</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-006-15.6" class="">
<td>
<a href="c527-font-006.htm">c527-font-006</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-008-15.6" class="">
<td>
<a href="c527-font-008.htm">c527-font-008</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-009-15.6" class="">
<td>
<a href="c527-font-009.htm">c527-font-009</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-10-15.6" class="">
<td>
<a href="c527-font-10.htm">c527-font-10</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="font-weight-001-15.6" class="ahem">
<td>
<a href="font-weight-001.htm">font-weight-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-weight set to the keyword 'normal'
<ul class="assert">
<li>The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-002-15.6" class="ahem">
<td>
<a href="font-weight-002.htm">font-weight-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-weight set to the keyword 'bold'
<ul class="assert">
<li>The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-003-15.6" class="ahem">
<td>
<a href="font-weight-003.htm">font-weight-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-weight set to the keyword 'bolder'
<ul class="assert">
<li>The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-008-15.6" class="">
<td>
<a href="font-weight-008.htm">font-weight-008</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 400
<ul class="assert">
<li>The 'font-weight' property set to '400' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-010-15.6" class="">
<td>
<a href="font-weight-010.htm">font-weight-010</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 600
<ul class="assert">
<li>The 'font-weight' property set to '600' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-011-15.6" class="">
<td>
<a href="font-weight-011.htm">font-weight-011</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 700
<ul class="assert">
<li>The 'font-weight' property set to '700' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-012-15.6" class="">
<td>
<a href="font-weight-012.htm">font-weight-012</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 800
<ul class="assert">
<li>The 'font-weight' property set to '800' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-013-15.6" class="">
<td>
<a href="font-weight-013.htm">font-weight-013</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 900
<ul class="assert">
<li>The 'font-weight' property set to '900' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-014-15.6" class="">
<td>
<a href="font-weight-014.htm">font-weight-014</a></td>
<td></td>
<td></td>
<td>Font-weight set to the keyword 'inherit'
<ul class="assert">
<li>The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-015-15.6" class="ahem">
<td>
<a href="font-weight-015.htm">font-weight-015</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS: font-weight inheritance
</td>
</tr>
<tr id="font-weight-016-15.6" class="ahem">
<td>
<a href="font-weight-016.htm">font-weight-016</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS: font-weight 500/600 defaulting to normal/bold
</td>
</tr>
<tr id="font-weight-017-15.6" class="">
<td>
<a href="font-weight-017.htm">font-weight-017</a></td>
<td></td>
<td></td>
<td>CSS: sanity tests for absolute keyword values of font-weight
</td>
</tr>
<tr id="font-weight-018-15.6" class="">
<td>
<a href="font-weight-018.htm">font-weight-018</a></td>
<td></td>
<td></td>
<td>CSS: sanity tests for relative keyword values of font-weight
</td>
</tr>
<tr id="font-weight-applies-to-001-15.6" class="">
<td>
<a href="font-weight-applies-to-001.htm">font-weight-applies-to-001</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: inline' elements
<ul class="assert">
<li>Font weights apply to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-002-15.6" class="">
<td>
<a href="font-weight-applies-to-002.htm">font-weight-applies-to-002</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: block' elements
<ul class="assert">
<li>Font weights apply to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-003-15.6" class="">
<td>
<a href="font-weight-applies-to-003.htm">font-weight-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font-weight and 'display: list-item' elements
<ul class="assert">
<li>Font weights apply to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-004-15.6" class="">
<td>
<a href="font-weight-applies-to-004.htm">font-weight-applies-to-004</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: run-in' elements
<ul class="assert">
<li>Font weights apply to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-005-15.6" class="">
<td>
<a href="font-weight-applies-to-005.htm">font-weight-applies-to-005</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: inline-block' elements
<ul class="assert">
<li>Font weights apply to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-006-15.6" class="">
<td>
<a href="font-weight-applies-to-006.htm">font-weight-applies-to-006</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table' elements
<ul class="assert">
<li>Font weights apply to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-007-15.6" class="">
<td>
<a href="font-weight-applies-to-007.htm">font-weight-applies-to-007</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: inline-table' elements
<ul class="assert">
<li>Font weights apply to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-008-15.6" class="">
<td>
<a href="font-weight-applies-to-008.htm">font-weight-applies-to-008</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-row-group' elements
<ul class="assert">
<li>Font weights apply to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-009-15.6" class="">
<td>
<a href="font-weight-applies-to-009.htm">font-weight-applies-to-009</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-header-group' elements
<ul class="assert">
<li>Verifies that font-weight does not applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-010-15.6" class="">
<td>
<a href="font-weight-applies-to-010.htm">font-weight-applies-to-010</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-footer-group' elements
<ul class="assert">
<li>Font weights apply to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-011-15.6" class="">
<td>
<a href="font-weight-applies-to-011.htm">font-weight-applies-to-011</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-row' elements
<ul class="assert">
<li>Font weights apply to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-014-15.6" class="">
<td>
<a href="font-weight-applies-to-014.htm">font-weight-applies-to-014</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-cell' elements
<ul class="assert">
<li>Font weights apply to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-015-15.6" class="">
<td>
<a href="font-weight-applies-to-015.htm">font-weight-applies-to-015</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-caption' elements
<ul class="assert">
<li>Font weights apply to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-016-15.6" class="">
<td>
<a href="font-weight-applies-to-016.htm">font-weight-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: none' elements
<ul class="assert">
<li>Font weights apply to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-017-15.6" class="">
<td>
<a href="font-weight-applies-to-017.htm">font-weight-applies-to-017</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: inherit' elements
<ul class="assert">
<li>Font weights apply to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-bolder-001-15.6" class="font should">
<td>
<a href="font-weight-bolder-001.htm">font-weight-bolder-001</a></td>
<td><a href="reference/font-weight-bolder-001-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
<td>font weight mapping with various families with bolder use
<ul class="assert">
<li>Font weights should map to corresponding font faces in a family with all weights</li>
</ul>
</td>
</tr>
<tr id="font-weight-lighter-001-15.6" class="font should">
<td>
<a href="font-weight-lighter-001.htm">font-weight-lighter-001</a></td>
<td><a href="reference/font-weight-lighter-001-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
<td>font weight mapping with various families with lighter use
<ul class="assert">
<li>Font weights should map to corresponding font faces in a family with all weights</li>
</ul>
</td>
</tr>
<tr id="font-weight-normal-001-15.6" class="font should">
<td>
<a href="font-weight-normal-001.htm">font-weight-normal-001</a></td>
<td><a href="reference/font-weight-normal-001-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
<td>font weight mapping with various families
<ul class="assert">
<li>Font weights should map to corresponding font faces in a family with all weights</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-001-15.6" class="">
<td>
<a href="font-weight-rule-001.htm">font-weight-rule-001</a></td>
<td><a href="reference/font-weight-normal-ref.htm">=</a> </td>
<td></td>
<td>Font-weight set to 'normal' corresponds to '400'
<ul class="assert">
<li>A font weight of 'normal' corresponds to the weight value '400'.</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-002-15.6" class="">
<td>
<a href="font-weight-rule-002.htm">font-weight-rule-002</a></td>
<td></td>
<td></td>
<td>Font-weight comparison of 100 to 900
<ul class="assert">
<li>Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor.</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-003-15.6" class="">
<td>
<a href="font-weight-rule-003.htm">font-weight-rule-003</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight inherits the computed weight
<ul class="assert">
<li>Child elements inherit their parent's actual font weight.</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-004-15.6" class="">
<td>
<a href="font-weight-rule-004.htm">font-weight-rule-004</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight set to 'bolder'
<ul class="assert">
<li>The value 'bolder' selects the next darker weight compared to its parent's weight.</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-005-15.6" class="">
<td>
<a href="font-weight-rule-005.htm">font-weight-rule-005</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight set to 'bolder' increasing the value above '900'
<ul class="assert">
<li>The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900.</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-006-15.6" class="">
<td>
<a href="font-weight-rule-006.htm">font-weight-rule-006</a></td>
<td><a href="reference/font-weight-normal-ref.htm">=</a> </td>
<td></td>
<td>Font-weight set to 'lighter'
<ul class="assert">
<li>A font weight of 'lighter' selects the next lighter weight.</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-007-15.6" class="">
<td>
<a href="font-weight-rule-007.htm">font-weight-rule-007</a></td>
<td><a href="reference/font-weight-normal-ref.htm">=</a> </td>
<td></td>
<td>Font-weight set to 'lighter' decreasing value below '100'
<ul class="assert">
<li>A font weight of 'lighter' selects the next lighter weight compared to its parent's weight.</li>
</ul>
</td>
</tr>
<tr id="font-weight-rule-008-15.6" class="">
<td>
<a href="font-weight-rule-008.htm">font-weight-rule-008</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight compare 'bold' to '700'
<ul class="assert">
<li>A font weight set to 'bold' corresponds to the weight value '700'.</li>
</ul>
</td>
</tr>
<tr id="test-synthetic-bold-15.6" class="font">
<td>
<a href="test-synthetic-bold.htm">test-synthetic-bold</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Test for synthetic bold rendering
<ul class="assert">
<li>Synthetic bold text should render differently than normal text</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.6.#propdef-font-weight">
<!-- 28 tests -->
<tr id="font-weight-001-15.6.#propdef-font-weight" class="ahem">
<td>
<a href="font-weight-001.htm">font-weight-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-weight set to the keyword 'normal'
<ul class="assert">
<li>The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-002-15.6.#propdef-font-weight" class="ahem">
<td>
<a href="font-weight-002.htm">font-weight-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-weight set to the keyword 'bold'
<ul class="assert">
<li>The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-003-15.6.#propdef-font-weight" class="ahem">
<td>
<a href="font-weight-003.htm">font-weight-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-weight set to the keyword 'bolder'
<ul class="assert">
<li>The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-008-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-008.htm">font-weight-008</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 400
<ul class="assert">
<li>The 'font-weight' property set to '400' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-010-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-010.htm">font-weight-010</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 600
<ul class="assert">
<li>The 'font-weight' property set to '600' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-011-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-011.htm">font-weight-011</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 700
<ul class="assert">
<li>The 'font-weight' property set to '700' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-012-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-012.htm">font-weight-012</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 800
<ul class="assert">
<li>The 'font-weight' property set to '800' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-013-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-013.htm">font-weight-013</a></td>
<td></td>
<td></td>
<td>Font-weight set to the numerical value, 900
<ul class="assert">
<li>The 'font-weight' property set to '900' properly sets the font to the correct bold rendering.</li>
</ul>
</td>
</tr>
<tr id="font-weight-014-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-014.htm">font-weight-014</a></td>
<td></td>
<td></td>
<td>Font-weight set to the keyword 'inherit'
<ul class="assert">
<li>The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-001-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-001.htm">font-weight-applies-to-001</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: inline' elements
<ul class="assert">
<li>Font weights apply to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-002-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-002.htm">font-weight-applies-to-002</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: block' elements
<ul class="assert">
<li>Font weights apply to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-003-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-003.htm">font-weight-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font-weight and 'display: list-item' elements
<ul class="assert">
<li>Font weights apply to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-004-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-004.htm">font-weight-applies-to-004</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: run-in' elements
<ul class="assert">
<li>Font weights apply to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-005-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-005.htm">font-weight-applies-to-005</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: inline-block' elements
<ul class="assert">
<li>Font weights apply to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-006-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-006.htm">font-weight-applies-to-006</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table' elements
<ul class="assert">
<li>Font weights apply to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-007-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-007.htm">font-weight-applies-to-007</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: inline-table' elements
<ul class="assert">
<li>Font weights apply to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-008-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-008.htm">font-weight-applies-to-008</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-row-group' elements
<ul class="assert">
<li>Font weights apply to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-009-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-009.htm">font-weight-applies-to-009</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-header-group' elements
<ul class="assert">
<li>Verifies that font-weight does not applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-010-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-010.htm">font-weight-applies-to-010</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-footer-group' elements
<ul class="assert">
<li>Font weights apply to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-011-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-011.htm">font-weight-applies-to-011</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-row' elements
<ul class="assert">
<li>Font weights apply to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-014-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-014.htm">font-weight-applies-to-014</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-cell' elements
<ul class="assert">
<li>Font weights apply to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-015-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-015.htm">font-weight-applies-to-015</a></td>
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">&#x2260;</a> </td>
<td></td>
<td>Font-weight and 'display: table-caption' elements
<ul class="assert">
<li>Font weights apply to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-016-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-016.htm">font-weight-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: none' elements
<ul class="assert">
<li>Font weights apply to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-applies-to-017-15.6.#propdef-font-weight" class="">
<td>
<a href="font-weight-applies-to-017.htm">font-weight-applies-to-017</a></td>
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
<td></td>
<td>Font-weight and 'display: inherit' elements
<ul class="assert">
<li>Font weights apply to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="font-weight-bolder-001-15.6.#propdef-font-weight" class="font should">
<td>
<a href="font-weight-bolder-001.htm">font-weight-bolder-001</a></td>
<td><a href="reference/font-weight-bolder-001-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
<td>font weight mapping with various families with bolder use
<ul class="assert">
<li>Font weights should map to corresponding font faces in a family with all weights</li>
</ul>
</td>
</tr>
<tr id="font-weight-lighter-001-15.6.#propdef-font-weight" class="font should">
<td>
<a href="font-weight-lighter-001.htm">font-weight-lighter-001</a></td>
<td><a href="reference/font-weight-lighter-001-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
<td>font weight mapping with various families with lighter use
<ul class="assert">
<li>Font weights should map to corresponding font faces in a family with all weights</li>
</ul>
</td>
</tr>
<tr id="font-weight-normal-001-15.6.#propdef-font-weight" class="font should">
<td>
<a href="font-weight-normal-001.htm">font-weight-normal-001</a></td>
<td><a href="reference/font-weight-normal-001-ref.htm">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
<td>font weight mapping with various families
<ul class="assert">
<li>Font weights should map to corresponding font faces in a family with all weights</li>
</ul>
</td>
</tr>
<tr id="test-synthetic-bold-15.6.#propdef-font-weight" class="font">
<td>
<a href="test-synthetic-bold.htm">test-synthetic-bold</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>Test for synthetic bold rendering
<ul class="assert">
<li>Synthetic bold text should render differently than normal text</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.7">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#font-size-props">15.7 Font size: the 'font-size' property</a></th></tr>
<!-- 123 tests -->
<tr id="background-position-001-15.7" class="ahem image">
<td>
<a href="background-position-001.htm">background-position-001</a></td>
<td><a href="reference/background-position-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>background-position - ex unit
<ul class="assert">
<li>ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
</ul>
</td>
</tr>
<tr id="background-position-002-15.7" class="ahem image">
<td>
<a href="background-position-002.htm">background-position-002</a></td>
<td><a href="reference/background-position-002-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>background-position - ex unit
<ul class="assert">
<li>ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
</ul>
</td>
</tr>
<tr id="c526-font-sz-000-15.7" class="">
<td>
<a href="c526-font-sz-000.htm">c526-font-sz-000</a></td>
<td></td>
<td></td>
<td>font-size
</td>
</tr>
<tr id="c526-font-sz-001-15.7" class="ahem">
<td>
<a href="c526-font-sz-001.htm">c526-font-sz-001</a></td>
<td><a href="reference/c526-font-sz-001-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font-size
</td>
</tr>
<tr id="c526-font-sz-002-15.7" class="ahem">
<td>
<a href="c526-font-sz-002.htm">c526-font-sz-002</a></td>
<td><a href="reference/c526-font-sz-002-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font-size
</td>
</tr>
<tr id="c526-font-sz-003-15.7" class="ahem invalid">
<td>
<a href="c526-font-sz-003.htm">c526-font-sz-003</a></td>
<td><a href="reference/c526-font-sz-003-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font-size
</td>
</tr>
<tr id="c527-font-000-15.7" class="">
<td>
<a href="c527-font-000.htm">c527-font-000</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-001-15.7" class="">
<td>
<a href="c527-font-001.htm">c527-font-001</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-002-15.7" class="">
<td>
<a href="c527-font-002.htm">c527-font-002</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-003-15.7" class="">
<td>
<a href="c527-font-003.htm">c527-font-003</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-004-15.7" class="">
<td>
<a href="c527-font-004.htm">c527-font-004</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-005-15.7" class="">
<td>
<a href="c527-font-005.htm">c527-font-005</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-006-15.7" class="">
<td>
<a href="c527-font-006.htm">c527-font-006</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-007-15.7" class="">
<td>
<a href="c527-font-007.htm">c527-font-007</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-008-15.7" class="">
<td>
<a href="c527-font-008.htm">c527-font-008</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-009-15.7" class="">
<td>
<a href="c527-font-009.htm">c527-font-009</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-10-15.7" class="">
<td>
<a href="c527-font-10.htm">c527-font-10</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="font-size-001-15.7" class="ahem invalid">
<td>
<a href="font-size-001.htm">font-size-001</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using pixels with a minimum minus one value, -1px
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in pixels is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-002-15.7" class="ahem">
<td>
<a href="font-size-002.htm">font-size-002</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a minimum value, 0px
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-003-15.7" class="ahem">
<td>
<a href="font-size-003.htm">font-size-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a minimum plus one value, 1px
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-004-15.7" class="ahem">
<td>
<a href="font-size-004.htm">font-size-004</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a negative zero value, -0px
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-005-15.7" class="ahem">
<td>
<a href="font-size-005.htm">font-size-005</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a positive zero value, +0px
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-006-15.7" class="ahem">
<td>
<a href="font-size-006.htm">font-size-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a nominal value, 96px
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-007-15.7" class="ahem">
<td>
<a href="font-size-007.htm">font-size-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a positive nominal value, +96px
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-012-15.7" class="ahem invalid">
<td>
<a href="font-size-012.htm">font-size-012</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using points with a minimum minus one value, -1pt
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in points is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-013-15.7" class="ahem">
<td>
<a href="font-size-013.htm">font-size-013</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a minimum value, 0pt
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-014-15.7" class="ahem">
<td>
<a href="font-size-014.htm">font-size-014</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a minimum plus one value, 1pt
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-015-15.7" class="ahem">
<td>
<a href="font-size-015.htm">font-size-015</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a negative zero value, -0pt
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-016-15.7" class="ahem">
<td>
<a href="font-size-016.htm">font-size-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a positive zero value, +0pt
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-017-15.7" class="ahem">
<td>
<a href="font-size-017.htm">font-size-017</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a nominal value, 72pt
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-018-15.7" class="ahem">
<td>
<a href="font-size-018.htm">font-size-018</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a positive nominal value, +72pt
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-023-15.7" class="ahem invalid">
<td>
<a href="font-size-023.htm">font-size-023</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using picas with a minimum minus one value, -1pc
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in picas is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-024-15.7" class="ahem">
<td>
<a href="font-size-024.htm">font-size-024</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a minimum value, 0pc
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-025-15.7" class="ahem">
<td>
<a href="font-size-025.htm">font-size-025</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a minimum plus one value, 1pc
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-026-15.7" class="ahem">
<td>
<a href="font-size-026.htm">font-size-026</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a negative zero value, -0pc
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-027-15.7" class="ahem">
<td>
<a href="font-size-027.htm">font-size-027</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a positive zero value, +0pc
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-028-15.7" class="ahem">
<td>
<a href="font-size-028.htm">font-size-028</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a nominal value, 6pc
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-029-15.7" class="ahem">
<td>
<a href="font-size-029.htm">font-size-029</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a positive nominal value, +6pc
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-034-15.7" class="ahem invalid">
<td>
<a href="font-size-034.htm">font-size-034</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using centimeters with a minimum minus one value, -1cm
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in centimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-035-15.7" class="ahem">
<td>
<a href="font-size-035.htm">font-size-035</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a minimum value, 0cm
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-036-15.7" class="ahem">
<td>
<a href="font-size-036.htm">font-size-036</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a minimum plus one value, 1cm
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-037-15.7" class="ahem">
<td>
<a href="font-size-037.htm">font-size-037</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a negative zero value, -0cm
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-038-15.7" class="ahem">
<td>
<a href="font-size-038.htm">font-size-038</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a positive zero value, +0cm
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-039-15.7" class="ahem">
<td>
<a href="font-size-039.htm">font-size-039</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a nominal value, 2.54cm
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-040-15.7" class="ahem">
<td>
<a href="font-size-040.htm">font-size-040</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a positive nominal value, +2.54cm
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-045-15.7" class="ahem invalid">
<td>
<a href="font-size-045.htm">font-size-045</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using millimeters with a minimum minus one value, -1mm
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in millimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-046-15.7" class="ahem">
<td>
<a href="font-size-046.htm">font-size-046</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a minimum value, 0mm
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-047-15.7" class="ahem">
<td>
<a href="font-size-047.htm">font-size-047</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a minimum plus one value, 1mm
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-048-15.7" class="ahem">
<td>
<a href="font-size-048.htm">font-size-048</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a negative zero value, -0mm
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-049-15.7" class="ahem">
<td>
<a href="font-size-049.htm">font-size-049</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a positive zero value, +0mm
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-050-15.7" class="ahem">
<td>
<a href="font-size-050.htm">font-size-050</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a nominal value, 25.4mm
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-051-15.7" class="ahem">
<td>
<a href="font-size-051.htm">font-size-051</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a positive nominal value, +25.4mm
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-056-15.7" class="ahem invalid">
<td>
<a href="font-size-056.htm">font-size-056</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using inches with a minimum minus one value, -1in
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in inches is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-057-15.7" class="ahem">
<td>
<a href="font-size-057.htm">font-size-057</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a minimum value, 0in
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-058-15.7" class="ahem">
<td>
<a href="font-size-058.htm">font-size-058</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a minimum plus one value, 1in
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-059-15.7" class="ahem">
<td>
<a href="font-size-059.htm">font-size-059</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a negative zero value, -0in
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-060-15.7" class="ahem">
<td>
<a href="font-size-060.htm">font-size-060</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a positive zero value, +0in
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-061-15.7" class="ahem">
<td>
<a href="font-size-061.htm">font-size-061</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a nominal value, 2in
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-062-15.7" class="ahem">
<td>
<a href="font-size-062.htm">font-size-062</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a positive nominal value, +2in
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-067-15.7" class="ahem invalid">
<td>
<a href="font-size-067.htm">font-size-067</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using 'em' units with a minimum minus one value, -1em
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in 'em' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-068-15.7" class="ahem">
<td>
<a href="font-size-068.htm">font-size-068</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a minimum value, 0em
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-069-15.7" class="ahem">
<td>
<a href="font-size-069.htm">font-size-069</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a minimum plus one value, 1em
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-070-15.7" class="ahem">
<td>
<a href="font-size-070.htm">font-size-070</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a negative zero value, -0em
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-071-15.7" class="ahem">
<td>
<a href="font-size-071.htm">font-size-071</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a positive zero value, +0em
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-072-15.7" class="ahem">
<td>
<a href="font-size-072.htm">font-size-072</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a nominal value, 6em
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-073-15.7" class="ahem">
<td>
<a href="font-size-073.htm">font-size-073</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a positive nominal value, +6em
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-078-15.7" class="ahem invalid">
<td>
<a href="font-size-078.htm">font-size-078</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using 'ex' units with a minimum minus one value, -1ex
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-079-15.7" class="ahem">
<td>
<a href="font-size-079.htm">font-size-079</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a minimum value, 0ex
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-080-15.7" class="ahem">
<td>
<a href="font-size-080.htm">font-size-080</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a minimum plus one value, 1ex
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-081-15.7" class="ahem">
<td>
<a href="font-size-081.htm">font-size-081</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a negative zero value, -0ex
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-082-15.7" class="ahem">
<td>
<a href="font-size-082.htm">font-size-082</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a positive zero value, +0ex
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-083-15.7" class="ahem">
<td>
<a href="font-size-083.htm">font-size-083</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a nominal value, 6ex
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-084-15.7" class="ahem">
<td>
<a href="font-size-084.htm">font-size-084</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a positive nominal value, +6ex
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-089-15.7" class="ahem invalid">
<td>
<a href="font-size-089.htm">font-size-089</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using percentages with a minimum minus one value, -1%
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in percentages is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-090-15.7" class="ahem">
<td>
<a href="font-size-090.htm">font-size-090</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a minimum value, 0%
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-091-15.7" class="ahem">
<td>
<a href="font-size-091.htm">font-size-091</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a minimum plus one value, 1%
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-092-15.7" class="ahem">
<td>
<a href="font-size-092.htm">font-size-092</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a negative zero value, -0%
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-093-15.7" class="ahem">
<td>
<a href="font-size-093.htm">font-size-093</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a positive zero value, +0%
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-094-15.7" class="ahem">
<td>
<a href="font-size-094.htm">font-size-094</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a nominal value, 100%
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-095-15.7" class="ahem">
<td>
<a href="font-size-095.htm">font-size-095</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a positive nominal value, +100%
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-100-15.7" class="ahem">
<td>
<a href="font-size-100.htm">font-size-100</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size with a negative zero value and no units, -0
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value with no units.</li>
</ul>
</td>
</tr>
<tr id="font-size-101-15.7" class="ahem">
<td>
<a href="font-size-101.htm">font-size-101</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size with a zero value and no units, 0
<ul class="assert">
<li>The 'font-size' property sets a zero length value with no units.</li>
</ul>
</td>
</tr>
<tr id="font-size-102-15.7" class="ahem">
<td>
<a href="font-size-102.htm">font-size-102</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size with a positive zero value and no units, +0
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value with no units.</li>
</ul>
</td>
</tr>
<tr id="font-size-103-15.7" class="ahem">
<td>
<a href="font-size-103.htm">font-size-103</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'xx-small'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-104-15.7" class="ahem">
<td>
<a href="font-size-104.htm">font-size-104</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'x-small'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'x-small' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-105-15.7" class="ahem">
<td>
<a href="font-size-105.htm">font-size-105</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'small'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'small' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-106-15.7" class="ahem">
<td>
<a href="font-size-106.htm">font-size-106</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'medium'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'medium' is the default font size.</li>
</ul>
</td>
</tr>
<tr id="font-size-107-15.7" class="ahem">
<td>
<a href="font-size-107.htm">font-size-107</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'large'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'large' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-108-15.7" class="ahem">
<td>
<a href="font-size-108.htm">font-size-108</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'x-large'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'x-large' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-109-15.7" class="ahem">
<td>
<a href="font-size-109.htm">font-size-109</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'xx-large'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'xx-large' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-110-15.7" class="ahem">
<td>
<a href="font-size-110.htm">font-size-110</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'larger'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'larger' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-111-15.7" class="ahem">
<td>
<a href="font-size-111.htm">font-size-111</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'smaller'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'smaller' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-112-15.7" class="ahem">
<td>
<a href="font-size-112.htm">font-size-112</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to 'inherit'
<ul class="assert">
<li>The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.</li>
</ul>
</td>
</tr>
<tr id="font-size-113-15.7" class="ahem">
<td>
<a href="font-size-113.htm">font-size-113</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font-size - ex unit
<ul class="assert">
<li>'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
</ul>
</td>
</tr>
<tr id="font-size-114-15.7" class="">
<td>
<a href="font-size-114.htm">font-size-114</a></td>
<td></td>
<td></td>
<td>CSS: sanity tests for relative keyword values of font-size
</td>
</tr>
<tr id="font-size-115-15.7" class="">
<td>
<a href="font-size-115.htm">font-size-115</a></td>
<td></td>
<td></td>
<td>CSS: sanity tests for font inheritance
</td>
</tr>
<tr id="font-size-116-15.7" class="">
<td>
<a href="font-size-116.htm">font-size-116</a></td>
<td></td>
<td></td>
<td>font-size in pixels
</td>
</tr>
<tr id="font-size-117-15.7" class="">
<td>
<a href="font-size-117.htm">font-size-117</a></td>
<td></td>
<td></td>
<td>font-sizes in pixels compared to images in pixels
</td>
</tr>
<tr id="font-size-118-15.7" class="">
<td>
<a href="font-size-118.htm">font-size-118</a></td>
<td></td>
<td></td>
<td>CSS: sanity tests for relative keyword values of font-size
</td>
</tr>
<tr id="font-size-119-15.7" class="">
<td>
<a href="font-size-119.htm">font-size-119</a></td>
<td></td>
<td></td>
<td>CSS: sanity tests for relative keyword values of font-size
</td>
</tr>
<tr id="font-size-120-15.7" class="ahem">
<td>
<a href="font-size-120.htm">font-size-120</a></td>
<td><a href="reference/font-size-120-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS: font-size inheritance
</td>
</tr>
<tr id="font-size-121-15.7" class="ahem">
<td>
<a href="font-size-121.htm">font-size-121</a></td>
<td><a href="reference/font-size-121-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS: sanity tests for relative keyword values of font-size
</td>
</tr>
<tr id="font-size-122-15.7" class="ahem">
<td>
<a href="font-size-122.htm">font-size-122</a></td>
<td><a href="reference/font-size-122-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Default Font Sizes
</td>
</tr>
<tr id="font-size-124-15.7" class="ahem">
<td>
<a href="font-size-124.htm">font-size-124</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inheritance of computed font-size across fonts
<ul class="assert">
<li>ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-001-15.7" class="ahem">
<td>
<a href="font-size-applies-to-001.htm">font-size-applies-to-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inline' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-002-15.7" class="ahem">
<td>
<a href="font-size-applies-to-002.htm">font-size-applies-to-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: block' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-003-15.7" class="ahem">
<td>
<a href="font-size-applies-to-003.htm">font-size-applies-to-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: list-item' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-004-15.7" class="ahem">
<td>
<a href="font-size-applies-to-004.htm">font-size-applies-to-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: run-in' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-005-15.7" class="ahem">
<td>
<a href="font-size-applies-to-005.htm">font-size-applies-to-005</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-006-15.7" class="ahem">
<td>
<a href="font-size-applies-to-006.htm">font-size-applies-to-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-007-15.7" class="ahem">
<td>
<a href="font-size-applies-to-007.htm">font-size-applies-to-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-008-15.7" class="ahem">
<td>
<a href="font-size-applies-to-008.htm">font-size-applies-to-008</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-009-15.7" class="ahem">
<td>
<a href="font-size-applies-to-009.htm">font-size-applies-to-009</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-010-15.7" class="ahem">
<td>
<a href="font-size-applies-to-010.htm">font-size-applies-to-010</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-011-15.7" class="ahem">
<td>
<a href="font-size-applies-to-011.htm">font-size-applies-to-011</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-row' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-014-15.7" class="ahem">
<td>
<a href="font-size-applies-to-014.htm">font-size-applies-to-014</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-015-15.7" class="ahem">
<td>
<a href="font-size-applies-to-015.htm">font-size-applies-to-015</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-016-15.7" class="ahem">
<td>
<a href="font-size-applies-to-016.htm">font-size-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: none' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-017-15.7" class="ahem">
<td>
<a href="font-size-applies-to-017.htm">font-size-applies-to-017</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inherit' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-rule-001-15.7" class="ahem invalid">
<td>
<a href="font-size-rule-001.htm">font-size-rule-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size, negative values
<ul class="assert">
<li>The 'font-size' does not allow for a negative value; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-rule-002-15.7" class="ahem">
<td>
<a href="font-size-rule-002.htm">font-size-rule-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size, relative-size 'larger'
<ul class="assert">
<li>When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size.</li>
</ul>
</td>
</tr>
<tr id="font-size-rule-003-15.7" class="ahem">
<td>
<a href="font-size-rule-003.htm">font-size-rule-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and font sizes available
<ul class="assert">
<li>The user agent is free to choose a font-size from the font size table entries or round off to the closest font size.</li>
</ul>
</td>
</tr>
<tr id="font-size-rule-004-15.7" class="ahem">
<td>
<a href="font-size-rule-004.htm">font-size-rule-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size 'em' unit value referring to parent
<ul class="assert">
<li>The 'em' unit refers to the computed font size of the parent element instead of the current element.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.7.#AutoNumber2">
<!-- 0 tests -->
</tbody>
<tbody id="s15.7.#propdef-font-size">
<!-- 91 tests -->
<tr id="font-size-001-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-001.htm">font-size-001</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using pixels with a minimum minus one value, -1px
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in pixels is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-002-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-002.htm">font-size-002</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a minimum value, 0px
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-003-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-003.htm">font-size-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a minimum plus one value, 1px
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-004-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-004.htm">font-size-004</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a negative zero value, -0px
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-005-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-005.htm">font-size-005</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a positive zero value, +0px
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-006-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-006.htm">font-size-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a nominal value, 96px
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-007-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-007.htm">font-size-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using pixels with a positive nominal value, +96px
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in pixels.</li>
</ul>
</td>
</tr>
<tr id="font-size-012-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-012.htm">font-size-012</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using points with a minimum minus one value, -1pt
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in points is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-013-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-013.htm">font-size-013</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a minimum value, 0pt
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-014-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-014.htm">font-size-014</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a minimum plus one value, 1pt
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-015-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-015.htm">font-size-015</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a negative zero value, -0pt
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-016-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-016.htm">font-size-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a positive zero value, +0pt
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-017-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-017.htm">font-size-017</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a nominal value, 72pt
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-018-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-018.htm">font-size-018</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using points with a positive nominal value, +72pt
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in points.</li>
</ul>
</td>
</tr>
<tr id="font-size-023-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-023.htm">font-size-023</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using picas with a minimum minus one value, -1pc
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in picas is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-024-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-024.htm">font-size-024</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a minimum value, 0pc
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-025-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-025.htm">font-size-025</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a minimum plus one value, 1pc
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-026-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-026.htm">font-size-026</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a negative zero value, -0pc
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-027-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-027.htm">font-size-027</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a positive zero value, +0pc
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-028-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-028.htm">font-size-028</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a nominal value, 6pc
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-029-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-029.htm">font-size-029</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using picas with a positive nominal value, +6pc
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in picas.</li>
</ul>
</td>
</tr>
<tr id="font-size-034-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-034.htm">font-size-034</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using centimeters with a minimum minus one value, -1cm
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in centimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-035-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-035.htm">font-size-035</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a minimum value, 0cm
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-036-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-036.htm">font-size-036</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a minimum plus one value, 1cm
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-037-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-037.htm">font-size-037</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a negative zero value, -0cm
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-038-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-038.htm">font-size-038</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a positive zero value, +0cm
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-039-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-039.htm">font-size-039</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a nominal value, 2.54cm
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-040-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-040.htm">font-size-040</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using centimeters with a positive nominal value, +2.54cm
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in centimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-045-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-045.htm">font-size-045</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using millimeters with a minimum minus one value, -1mm
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in millimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-046-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-046.htm">font-size-046</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a minimum value, 0mm
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-047-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-047.htm">font-size-047</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a minimum plus one value, 1mm
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-048-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-048.htm">font-size-048</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a negative zero value, -0mm
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-049-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-049.htm">font-size-049</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a positive zero value, +0mm
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-050-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-050.htm">font-size-050</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a nominal value, 25.4mm
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-051-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-051.htm">font-size-051</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using millimeters with a positive nominal value, +25.4mm
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in millimeters.</li>
</ul>
</td>
</tr>
<tr id="font-size-056-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-056.htm">font-size-056</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using inches with a minimum minus one value, -1in
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in inches is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-057-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-057.htm">font-size-057</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a minimum value, 0in
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-058-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-058.htm">font-size-058</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a minimum plus one value, 1in
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-059-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-059.htm">font-size-059</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a negative zero value, -0in
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-060-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-060.htm">font-size-060</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a positive zero value, +0in
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-061-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-061.htm">font-size-061</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a nominal value, 2in
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-062-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-062.htm">font-size-062</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using inches with a positive nominal value, +2in
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in inches.</li>
</ul>
</td>
</tr>
<tr id="font-size-067-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-067.htm">font-size-067</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using 'em' units with a minimum minus one value, -1em
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in 'em' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-068-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-068.htm">font-size-068</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a minimum value, 0em
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-069-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-069.htm">font-size-069</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a minimum plus one value, 1em
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-070-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-070.htm">font-size-070</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a negative zero value, -0em
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-071-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-071.htm">font-size-071</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a positive zero value, +0em
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-072-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-072.htm">font-size-072</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a nominal value, 6em
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-073-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-073.htm">font-size-073</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'em' units with a positive nominal value, +6em
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in 'em' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-078-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-078.htm">font-size-078</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using 'ex' units with a minimum minus one value, -1ex
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-079-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-079.htm">font-size-079</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a minimum value, 0ex
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-080-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-080.htm">font-size-080</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a minimum plus one value, 1ex
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-081-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-081.htm">font-size-081</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a negative zero value, -0ex
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-082-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-082.htm">font-size-082</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a positive zero value, +0ex
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-083-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-083.htm">font-size-083</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a nominal value, 6ex
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-084-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-084.htm">font-size-084</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using 'ex' units with a positive nominal value, +6ex
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in 'ex' units.</li>
</ul>
</td>
</tr>
<tr id="font-size-089-15.7.#propdef-font-size" class="ahem invalid">
<td>
<a href="font-size-089.htm">font-size-089</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>Font-size using percentages with a minimum minus one value, -1%
<ul class="assert">
<li>The 'font-size' property sets a minimum minus one length value in percentages is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
</ul>
</td>
</tr>
<tr id="font-size-090-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-090.htm">font-size-090</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a minimum value, 0%
<ul class="assert">
<li>The 'font-size' property sets a minimum length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-091-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-091.htm">font-size-091</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a minimum plus one value, 1%
<ul class="assert">
<li>The 'font-size' property sets a minimum plus one length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-092-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-092.htm">font-size-092</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a negative zero value, -0%
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-093-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-093.htm">font-size-093</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a positive zero value, +0%
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-094-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-094.htm">font-size-094</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a nominal value, 100%
<ul class="assert">
<li>The 'font-size' property sets a nominal length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-095-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-095.htm">font-size-095</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size using percentages with a positive nominal value, +100%
<ul class="assert">
<li>The 'font-size' property sets a positive nominal length value in percentages.</li>
</ul>
</td>
</tr>
<tr id="font-size-100-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-100.htm">font-size-100</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size with a negative zero value and no units, -0
<ul class="assert">
<li>The 'font-size' property sets a negative zero length value with no units.</li>
</ul>
</td>
</tr>
<tr id="font-size-101-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-101.htm">font-size-101</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size with a zero value and no units, 0
<ul class="assert">
<li>The 'font-size' property sets a zero length value with no units.</li>
</ul>
</td>
</tr>
<tr id="font-size-102-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-102.htm">font-size-102</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size with a positive zero value and no units, +0
<ul class="assert">
<li>The 'font-size' property sets a positive zero length value with no units.</li>
</ul>
</td>
</tr>
<tr id="font-size-103-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-103.htm">font-size-103</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'xx-small'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-104-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-104.htm">font-size-104</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'x-small'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'x-small' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-105-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-105.htm">font-size-105</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'small'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'small' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-106-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-106.htm">font-size-106</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'medium'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'medium' is the default font size.</li>
</ul>
</td>
</tr>
<tr id="font-size-107-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-107.htm">font-size-107</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'large'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'large' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-108-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-108.htm">font-size-108</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'x-large'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'x-large' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-109-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-109.htm">font-size-109</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'xx-large'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'xx-large' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-110-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-110.htm">font-size-110</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'larger'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'larger' makes the font size larger.</li>
</ul>
</td>
</tr>
<tr id="font-size-111-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-111.htm">font-size-111</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to the keyword 'smaller'
<ul class="assert">
<li>The 'font-size' property set to the keyword 'smaller' makes the font size smaller.</li>
</ul>
</td>
</tr>
<tr id="font-size-112-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-112.htm">font-size-112</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size set to 'inherit'
<ul class="assert">
<li>The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-001-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-001.htm">font-size-applies-to-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inline' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-002-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-002.htm">font-size-applies-to-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: block' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-003-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-003.htm">font-size-applies-to-003</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: list-item' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-004-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-004.htm">font-size-applies-to-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: run-in' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-005-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-005.htm">font-size-applies-to-005</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inline-block' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-006-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-006.htm">font-size-applies-to-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-007-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-007.htm">font-size-applies-to-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inline-table' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-008-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-008.htm">font-size-applies-to-008</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-009-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-009.htm">font-size-applies-to-009</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-010-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-010.htm">font-size-applies-to-010</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-011-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-011.htm">font-size-applies-to-011</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-row' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-014-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-014.htm">font-size-applies-to-014</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-cell' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-015-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-015.htm">font-size-applies-to-015</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: table-caption' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-016-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-016.htm">font-size-applies-to-016</a></td>
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: none' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: none' elements.</li>
</ul>
</td>
</tr>
<tr id="font-size-applies-to-017-15.7.#propdef-font-size" class="ahem">
<td>
<a href="font-size-applies-to-017.htm">font-size-applies-to-017</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font-size and 'display: inherit' elements
<ul class="assert">
<li>The 'font-size' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.7.#value-def-absolute-size">
<!-- 0 tests -->
</tbody>
<tbody id="s15.7.#value-def-relative-size">
<!-- 0 tests -->
</tbody>
<tbody id="s15.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.8">+</a>
<a href="https://www.w3.org/TR/CSS21/fonts.html#font-shorthand">15.8 Shorthand font property: the 'font' property</a></th></tr>
<!-- 83 tests -->
<tr id="c527-font-000-15.8" class="">
<td>
<a href="c527-font-000.htm">c527-font-000</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-001-15.8" class="">
<td>
<a href="c527-font-001.htm">c527-font-001</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-002-15.8" class="">
<td>
<a href="c527-font-002.htm">c527-font-002</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-003-15.8" class="">
<td>
<a href="c527-font-003.htm">c527-font-003</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-004-15.8" class="">
<td>
<a href="c527-font-004.htm">c527-font-004</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-005-15.8" class="">
<td>
<a href="c527-font-005.htm">c527-font-005</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-006-15.8" class="">
<td>
<a href="c527-font-006.htm">c527-font-006</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-007-15.8" class="">
<td>
<a href="c527-font-007.htm">c527-font-007</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-008-15.8" class="">
<td>
<a href="c527-font-008.htm">c527-font-008</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-009-15.8" class="">
<td>
<a href="c527-font-009.htm">c527-font-009</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="c527-font-10-15.8" class="">
<td>
<a href="c527-font-10.htm">c527-font-10</a></td>
<td></td>
<td></td>
<td>font
</td>
</tr>
<tr id="font-001-15.8" class="ahem">
<td>
<a href="font-001.htm">font-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-002-15.8" class="ahem">
<td>
<a href="font-002.htm">font-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-003-15.8" class="">
<td>
<a href="font-003.htm">font-003</a></td>
<td><a href="reference/font-003-ref.htm">=</a> </td>
<td></td>
<td>Font shorthand set using the values font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-004-15.8" class="ahem">
<td>
<a href="font-004.htm">font-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-005-15.8" class="">
<td>
<a href="font-005.htm">font-005</a></td>
<td></td>
<td></td>
<td>Font shorthand set using the values font-style, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-006-15.8" class="ahem">
<td>
<a href="font-006.htm">font-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-007-15.8" class="ahem">
<td>
<a href="font-007.htm">font-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-008-15.8" class="ahem">
<td>
<a href="font-008.htm">font-008</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-009-15.8" class="ahem">
<td>
<a href="font-009.htm">font-009</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-010-15.8" class="ahem">
<td>
<a href="font-010.htm">font-010</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-011-15.8" class="ahem">
<td>
<a href="font-011.htm">font-011</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-012-15.8" class="ahem">
<td>
<a href="font-012.htm">font-012</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-013-15.8" class="ahem">
<td>
<a href="font-013.htm">font-013</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-014-15.8" class="ahem">
<td>
<a href="font-014.htm">font-014</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-015-15.8" class="ahem">
<td>
<a href="font-015.htm">font-015</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-016-15.8" class="ahem">
<td>
<a href="font-016.htm">font-016</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-017-15.8" class="ahem">
<td>
<a href="font-017.htm">font-017</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-018-15.8" class="ahem">
<td>
<a href="font-018.htm">font-018</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-019-15.8" class="">
<td>
<a href="font-019.htm">font-019</a></td>
<td></td>
<td></td>
<td>Font shorthand set using the values font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-020-15.8" class="ahem">
<td>
<a href="font-020.htm">font-020</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-021-15.8" class="">
<td>
<a href="font-021.htm">font-021</a></td>
<td></td>
<td></td>
<td>Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-022-15.8" class="ahem">
<td>
<a href="font-022.htm">font-022</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-023-15.8" class="ahem">
<td>
<a href="font-023.htm">font-023</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-024-15.8" class="ahem">
<td>
<a href="font-024.htm">font-024</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-025-15.8" class="ahem">
<td>
<a href="font-025.htm">font-025</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-026-15.8" class="ahem">
<td>
<a href="font-026.htm">font-026</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-027-15.8" class="ahem">
<td>
<a href="font-027.htm">font-027</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-028-15.8" class="ahem">
<td>
<a href="font-028.htm">font-028</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-029-15.8" class="ahem">
<td>
<a href="font-029.htm">font-029</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-030-15.8" class="ahem">
<td>
<a href="font-030.htm">font-030</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-031-15.8" class="ahem">
<td>
<a href="font-031.htm">font-031</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-032-15.8" class="ahem">
<td>
<a href="font-032.htm">font-032</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-033-15.8" class="ahem">
<td>
<a href="font-033.htm">font-033</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'caption'
<ul class="assert">
<li>The 'font' property set to 'caption' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-034-15.8" class="ahem">
<td>
<a href="font-034.htm">font-034</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'icon'
<ul class="assert">
<li>The 'font' property set to 'icon' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-035-15.8" class="ahem">
<td>
<a href="font-035.htm">font-035</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'menu'
<ul class="assert">
<li>The 'font' property set to 'menu' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-036-15.8" class="ahem">
<td>
<a href="font-036.htm">font-036</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'message-box'
<ul class="assert">
<li>The 'font' property set to 'message-box' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-037-15.8" class="ahem">
<td>
<a href="font-037.htm">font-037</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'small-caption'
<ul class="assert">
<li>The 'font' property set to 'small-caption' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-038-15.8" class="ahem">
<td>
<a href="font-038.htm">font-038</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'status-bar'
<ul class="assert">
<li>The 'font' property set to 'status-bar' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-039-15.8" class="ahem">
<td>
<a href="font-039.htm">font-039</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting two values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-040-15.8" class="ahem">
<td>
<a href="font-040.htm">font-040</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting three values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-041-15.8" class="ahem">
<td>
<a href="font-041.htm">font-041</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting four values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-042-15.8" class="ahem">
<td>
<a href="font-042.htm">font-042</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting five values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-043-15.8" class="ahem">
<td>
<a href="font-043.htm">font-043</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting six values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-044-15.8" class="ahem">
<td>
<a href="font-044.htm">font-044</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font - system fonts
<ul class="assert">
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
</ul>
</td>
</tr>
<tr id="font-045-15.8" class="ahem invalid">
<td>
<a href="font-045.htm">font-045</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font - inherit keyword value
<ul class="assert">
<li>The inherit keyword value cannot mix with other subproperty values</li>
</ul>
</td>
</tr>
<tr id="font-046-15.8" class="ahem">
<td>
<a href="font-046.htm">font-046</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font - system fonts
<ul class="assert">
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
</ul>
</td>
</tr>
<tr id="font-047-15.8" class="ahem">
<td>
<a href="font-047.htm">font-047</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font - system fonts
<ul class="assert">
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
</ul>
</td>
</tr>
<tr id="font-048-15.8" class="ahem">
<td>
<a href="font-048.htm">font-048</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font - system fonts
<ul class="assert">
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
</ul>
</td>
</tr>
<tr id="font-049-15.8" class="ahem">
<td>
<a href="font-049.htm">font-049</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font - system fonts
<ul class="assert">
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
</ul>
</td>
</tr>
<tr id="font-050-15.8" class="ahem">
<td>
<a href="font-050.htm">font-050</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font - system fonts
<ul class="assert">
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
</ul>
</td>
</tr>
<tr id="font-051-15.8" class="ahem invalid">
<td>
<a href="font-051.htm">font-051</a></td>
<td><a href="reference/font-051-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font shorthand - minimal requirements
<ul class="assert">
<li>Font shorthand requires at minimum 2 font subproperties (unless resorting to a system font): font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-052-15.8" class="font">
<td>
<a href="font-052.htm">font-052</a></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font shorthand - reserved keywords
<ul class="assert">
<li>This test verifies different valid and invalid font shorthand declarations involving reserved keywords (caption, inherit).</li>
</ul>
</td>
</tr>
<tr id="font-144-15.8" class="ahem">
<td>
<a href="font-144.htm">font-144</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Parsing the 'font' shorthand
</td>
</tr>
<tr id="font-145-15.8" class="ahem">
<td>
<a href="font-145.htm">font-145</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>The 'font' property with line-height: normal
</td>
</tr>
<tr id="font-146-15.8" class="ahem invalid">
<td>
<a href="font-146.htm">font-146</a></td>
<td><a href="reference/font-146-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font shorthand and negative line-heights
</td>
</tr>
<tr id="font-applies-to-001-15.8" class="">
<td>
<a href="font-applies-to-001.htm">font-applies-to-001</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inline' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-002-15.8" class="">
<td>
<a href="font-applies-to-002.htm">font-applies-to-002</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: block' elements
<ul class="assert">
<li>The 'font' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-003-15.8" class="">
<td>
<a href="font-applies-to-003.htm">font-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font and 'display: list-item' elements
<ul class="assert">
<li>The 'font' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-004-15.8" class="">
<td>
<a href="font-applies-to-004.htm">font-applies-to-004</a></td>
<td></td>
<td></td>
<td>Font and 'display: run-in' elements
<ul class="assert">
<li>The 'font' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-005-15.8" class="">
<td>
<a href="font-applies-to-005.htm">font-applies-to-005</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inline-block' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-006-15.8" class="">
<td>
<a href="font-applies-to-006.htm">font-applies-to-006</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-007-15.8" class="">
<td>
<a href="font-applies-to-007.htm">font-applies-to-007</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inline-table' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-008-15.8" class="">
<td>
<a href="font-applies-to-008.htm">font-applies-to-008</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-009-15.8" class="">
<td>
<a href="font-applies-to-009.htm">font-applies-to-009</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-010-15.8" class="">
<td>
<a href="font-applies-to-010.htm">font-applies-to-010</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-011-15.8" class="">
<td>
<a href="font-applies-to-011.htm">font-applies-to-011</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-row' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-014-15.8" class="">
<td>
<a href="font-applies-to-014.htm">font-applies-to-014</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-cell' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-015-15.8" class="">
<td>
<a href="font-applies-to-015.htm">font-applies-to-015</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-caption' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-016-15.8" class="">
<td>
<a href="font-applies-to-016.htm">font-applies-to-016</a></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
<td></td>
<td>Font and 'display: none' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-017-15.8" class="">
<td>
<a href="font-applies-to-017.htm">font-applies-to-017</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inherit' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
<tr id="font-systemfont-rule-003-15.8" class="">
<td>
<a href="font-systemfont-rule-003.htm">font-systemfont-rule-003</a></td>
<td></td>
<td></td>
<td>System Font, substitute for similar system font when font unknown
<ul class="assert">
<li>It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one.</li>
</ul>
</td>
</tr>
<tr id="font-systemfont-rule-004-15.8" class="">
<td>
<a href="font-systemfont-rule-004.htm">font-systemfont-rule-004</a></td>
<td></td>
<td></td>
<td>Font shorthand property reset to default values if not explicitly set
<ul class="assert">
<li>The 'font' shorthand property resets any property not explicitly given a value to its initial value.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.8.#almost">
<!-- 0 tests -->
</tbody>
<tbody id="s15.8.#propdef-font">
<!-- 58 tests -->
<tr id="font-001-15.8.#propdef-font" class="ahem">
<td>
<a href="font-001.htm">font-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-002-15.8.#propdef-font" class="ahem">
<td>
<a href="font-002.htm">font-002</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-003-15.8.#propdef-font" class="">
<td>
<a href="font-003.htm">font-003</a></td>
<td><a href="reference/font-003-ref.htm">=</a> </td>
<td></td>
<td>Font shorthand set using the values font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-004-15.8.#propdef-font" class="ahem">
<td>
<a href="font-004.htm">font-004</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-005-15.8.#propdef-font" class="">
<td>
<a href="font-005.htm">font-005</a></td>
<td></td>
<td></td>
<td>Font shorthand set using the values font-style, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-006-15.8.#propdef-font" class="ahem">
<td>
<a href="font-006.htm">font-006</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-007-15.8.#propdef-font" class="ahem">
<td>
<a href="font-007.htm">font-007</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-008-15.8.#propdef-font" class="ahem">
<td>
<a href="font-008.htm">font-008</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-009-15.8.#propdef-font" class="ahem">
<td>
<a href="font-009.htm">font-009</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-010-15.8.#propdef-font" class="ahem">
<td>
<a href="font-010.htm">font-010</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-011-15.8.#propdef-font" class="ahem">
<td>
<a href="font-011.htm">font-011</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-012-15.8.#propdef-font" class="ahem">
<td>
<a href="font-012.htm">font-012</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-013-15.8.#propdef-font" class="ahem">
<td>
<a href="font-013.htm">font-013</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-014-15.8.#propdef-font" class="ahem">
<td>
<a href="font-014.htm">font-014</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-015-15.8.#propdef-font" class="ahem">
<td>
<a href="font-015.htm">font-015</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-016-15.8.#propdef-font" class="ahem">
<td>
<a href="font-016.htm">font-016</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-017-15.8.#propdef-font" class="ahem">
<td>
<a href="font-017.htm">font-017</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-018-15.8.#propdef-font" class="ahem">
<td>
<a href="font-018.htm">font-018</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-019-15.8.#propdef-font" class="">
<td>
<a href="font-019.htm">font-019</a></td>
<td></td>
<td></td>
<td>Font shorthand set using the values font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-020-15.8.#propdef-font" class="ahem">
<td>
<a href="font-020.htm">font-020</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-021-15.8.#propdef-font" class="">
<td>
<a href="font-021.htm">font-021</a></td>
<td></td>
<td></td>
<td>Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-022-15.8.#propdef-font" class="ahem">
<td>
<a href="font-022.htm">font-022</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-023-15.8.#propdef-font" class="ahem">
<td>
<a href="font-023.htm">font-023</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-024-15.8.#propdef-font" class="ahem">
<td>
<a href="font-024.htm">font-024</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-025-15.8.#propdef-font" class="ahem">
<td>
<a href="font-025.htm">font-025</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-026-15.8.#propdef-font" class="ahem">
<td>
<a href="font-026.htm">font-026</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-027-15.8.#propdef-font" class="ahem">
<td>
<a href="font-027.htm">font-027</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-028-15.8.#propdef-font" class="ahem">
<td>
<a href="font-028.htm">font-028</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-029-15.8.#propdef-font" class="ahem">
<td>
<a href="font-029.htm">font-029</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-030-15.8.#propdef-font" class="ahem">
<td>
<a href="font-030.htm">font-030</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-031-15.8.#propdef-font" class="ahem">
<td>
<a href="font-031.htm">font-031</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-032-15.8.#propdef-font" class="ahem">
<td>
<a href="font-032.htm">font-032</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family
<ul class="assert">
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family.</li>
</ul>
</td>
</tr>
<tr id="font-033-15.8.#propdef-font" class="ahem">
<td>
<a href="font-033.htm">font-033</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'caption'
<ul class="assert">
<li>The 'font' property set to 'caption' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-034-15.8.#propdef-font" class="ahem">
<td>
<a href="font-034.htm">font-034</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'icon'
<ul class="assert">
<li>The 'font' property set to 'icon' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-035-15.8.#propdef-font" class="ahem">
<td>
<a href="font-035.htm">font-035</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'menu'
<ul class="assert">
<li>The 'font' property set to 'menu' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-036-15.8.#propdef-font" class="ahem">
<td>
<a href="font-036.htm">font-036</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'message-box'
<ul class="assert">
<li>The 'font' property set to 'message-box' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-037-15.8.#propdef-font" class="ahem">
<td>
<a href="font-037.htm">font-037</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'small-caption'
<ul class="assert">
<li>The 'font' property set to 'small-caption' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-038-15.8.#propdef-font" class="ahem">
<td>
<a href="font-038.htm">font-038</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font set to the keyword 'status-bar'
<ul class="assert">
<li>The 'font' property set to 'status-bar' correctly uses the system setting.</li>
</ul>
</td>
</tr>
<tr id="font-039-15.8.#propdef-font" class="ahem">
<td>
<a href="font-039.htm">font-039</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting two values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-040-15.8.#propdef-font" class="ahem">
<td>
<a href="font-040.htm">font-040</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting three values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-041-15.8.#propdef-font" class="ahem">
<td>
<a href="font-041.htm">font-041</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting four values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-042-15.8.#propdef-font" class="ahem">
<td>
<a href="font-042.htm">font-042</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting five values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-043-15.8.#propdef-font" class="ahem">
<td>
<a href="font-043.htm">font-043</a></td>
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Font shorthand set to 'inherit' inheriting six values
<ul class="assert">
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-001-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-001.htm">font-applies-to-001</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inline' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inline' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-002-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-002.htm">font-applies-to-002</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: block' elements
<ul class="assert">
<li>The 'font' property applies to 'display: block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-003-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-003.htm">font-applies-to-003</a></td>
<td></td>
<td></td>
<td>Font and 'display: list-item' elements
<ul class="assert">
<li>The 'font' property applies to 'display: list-item' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-004-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-004.htm">font-applies-to-004</a></td>
<td></td>
<td></td>
<td>Font and 'display: run-in' elements
<ul class="assert">
<li>The 'font' property applies to 'display: run-in' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-005-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-005.htm">font-applies-to-005</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inline-block' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inline-block' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-006-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-006.htm">font-applies-to-006</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-007-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-007.htm">font-applies-to-007</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inline-table' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inline-table' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-008-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-008.htm">font-applies-to-008</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-row-group' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-row-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-009-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-009.htm">font-applies-to-009</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-header-group' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-header-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-010-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-010.htm">font-applies-to-010</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-footer-group' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-footer-group' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-011-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-011.htm">font-applies-to-011</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-row' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-014-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-014.htm">font-applies-to-014</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-cell' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-cell' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-015-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-015.htm">font-applies-to-015</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: table-caption' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-caption' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-016-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-016.htm">font-applies-to-016</a></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
<td></td>
<td>Font and 'display: none' elements
<ul class="assert">
<li>The 'font' property applies to 'display: table-row' elements.</li>
</ul>
</td>
</tr>
<tr id="font-applies-to-017-15.8.#propdef-font" class="">
<td>
<a href="font-applies-to-017.htm">font-applies-to-017</a></td>
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
<td></td>
<td>Font and 'display: inherit' elements
<ul class="assert">
<li>The 'font' property applies to 'display: inherit' elements.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s15.8.#x11">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink