<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Basic Font Properties - CSS Fonts Module Level 3 CR Test Suite</title> <style type="text/css"> @import "http://www.w3.org/StyleSheets/TR/base.css"; @import "../indices.css"; </style> </head> <body> <h1>CSS Fonts Module Level 3 CR Test Suite</h1> <h2>Basic Font Properties (338 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> <col id="flags-column"></col> <col id="info-column"></col> <thead> <tr> <th>Test</th> <th><abbr title="Rendering References">Refs</abbr></th> <th>Flags</th> <th>Info</th> </tr> </thead> <tbody id="s3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#basic-font-props">3 Basic Font Properties</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-family-prop">3.1 Font family: the font-family property</a></th></tr> <!-- 91 tests --> <tr id="c522-font-family-000-3.1" class=""> <td> <a href="c522-font-family-000.xht">c522-font-family-000</a></td> <td></td> <td></td> <td>font-family </td> </tr> <tr id="c527-font-000-3.1" class=""> <td> <a href="c527-font-000.xht">c527-font-000</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-002-3.1" class=""> <td> <a href="c527-font-002.xht">c527-font-002</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-003-3.1" class=""> <td> <a href="c527-font-003.xht">c527-font-003</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-004-3.1" class=""> <td> <a href="c527-font-004.xht">c527-font-004</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-005-3.1" class=""> <td> <a href="c527-font-005.xht">c527-font-005</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-006-3.1" class=""> <td> <a href="c527-font-006.xht">c527-font-006</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-007-3.1" class=""> <td> <a href="c527-font-007.xht">c527-font-007</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-008-3.1" class=""> <td> <a href="c527-font-008.xht">c527-font-008</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-009-3.1" class=""> <td> <a href="c527-font-009.xht">c527-font-009</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-10-3.1" class=""> <td> <a href="c527-font-10.xht">c527-font-10</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="font-147-3.1" class="ahem"> <td> <a href="font-147.xht">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-3.1" class="ahem"> <td> <a href="font-family-001.xht">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-3.1" class="ahem"> <td> <a href="font-family-002.xht">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-3.1" class="ahem"> <td> <a href="font-family-003.xht">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-3.1" class="ahem"> <td> <a href="font-family-004.xht">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-3.1" class="ahem"> <td> <a href="font-family-005.xht">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-3.1" class="ahem"> <td> <a href="font-family-006.xht">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-3.1" class="ahem"> <td> <a href="font-family-007.xht">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-3.1" class="ahem invalid"> <td> <a href="font-family-008.xht">font-family-008</a></td> <td><a href="reference/font-family-008-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-009.xht">font-family-009</a></td> <td><a href="reference/font-family-009-ref.xht">=</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-3.1" class=""> <td> <a href="font-family-011.xht">font-family-011</a></td> <td><a href="reference/font-family-011-ref.xht">=</a> </td> <td></td> <td>CSS: font-family and whitespace </td> </tr> <tr id="font-family-012-3.1" class=""> <td> <a href="font-family-012.xht">font-family-012</a></td> <td></td> <td></td> <td>font-family with box drawing characters </td> </tr> <tr id="font-family-013-3.1" class=""> <td> <a href="font-family-013.xht">font-family-013</a></td> <td><a href="reference/font-family-013-ref.xht">=</a> </td> <td></td> <td>font-family and fallbacks </td> </tr> <tr id="font-family-014-3.1" class=""> <td> <a href="font-family-014.xht">font-family-014</a></td> <td><a href="reference/font-family-013-ref.xht">=</a> </td> <td></td> <td>font-family and fallbacks </td> </tr> <tr id="font-family-015-3.1" class=""> <td> <a href="font-family-015.xht">font-family-015</a></td> <td></td> <td></td> <td>Baselines and Fallback </td> </tr> <tr id="font-family-016-3.1" class=""> <td> <a href="font-family-016.xht">font-family-016</a></td> <td></td> <td></td> <td>Font test </td> </tr> <tr id="font-family-applies-to-001-3.1" class="ahem"> <td> <a href="font-family-applies-to-001.xht">font-family-applies-to-001</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-002.xht">font-family-applies-to-002</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-003.xht">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-005-3.1" class="ahem"> <td> <a href="font-family-applies-to-005.xht">font-family-applies-to-005</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-007-3.1" class="ahem"> <td> <a href="font-family-applies-to-007.xht">font-family-applies-to-007</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-008.xht">font-family-applies-to-008</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-009.xht">font-family-applies-to-009</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-010.xht">font-family-applies-to-010</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-011.xht">font-family-applies-to-011</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-014.xht">font-family-applies-to-014</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-015.xht">font-family-applies-to-015</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-016.xht">font-family-applies-to-016</a></td> <td><a href="reference/ref-if-there-is-no-red.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-applies-to-017.xht">font-family-applies-to-017</a></td> <td><a href="reference/font-family-applies-to-001-ref.xht">=</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-3.1" class="ahem invalid"> <td> <a href="font-family-invalid-characters-001.xht">font-family-invalid-characters-001</a></td> <td><a href="reference/font-family-invalid-characters-001-ref.xht">=</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-3.1" class="ahem invalid"> <td> <a href="font-family-invalid-characters-002.xht">font-family-invalid-characters-002</a></td> <td><a href="reference/font-family-invalid-characters-002-ref.xht">=</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-3.1" class="ahem invalid"> <td> <a href="font-family-invalid-characters-003.xht">font-family-invalid-characters-003</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>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-3.1" class="ahem invalid"> <td> <a href="font-family-invalid-characters-004.xht">font-family-invalid-characters-004</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>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-3.1" class="ahem invalid"> <td> <a href="font-family-invalid-characters-005.xht">font-family-invalid-characters-005</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>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-3.1" class="ahem invalid"> <td> <a href="font-family-invalid-characters-006.xht">font-family-invalid-characters-006</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>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-3.1" class="font"> <td> <a href="font-family-name-001.xht">font-family-name-001</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-002.xht">font-family-name-002</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-003.xht">font-family-name-003</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-004.xht">font-family-name-004</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-005.xht">font-family-name-005</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-006.xht">font-family-name-006</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-007.xht">font-family-name-007</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-008.xht">font-family-name-008</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-009.xht">font-family-name-009</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-010.xht">font-family-name-010</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-011.xht">font-family-name-011</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-012.xht">font-family-name-012</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-013.xht">font-family-name-013</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-014.xht">font-family-name-014</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-015.xht">font-family-name-015</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-016.xht">font-family-name-016</a></td> <td><a href="reference/font-family-name-016-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-017.xht">font-family-name-017</a></td> <td><a href="reference/font-family-name-mixcase-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-018.xht">font-family-name-018</a></td> <td><a href="reference/font-family-name-mixcase-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-019.xht">font-family-name-019</a></td> <td><a href="reference/font-family-name-mixcase-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-020.xht">font-family-name-020</a></td> <td><a href="reference/font-family-name-mixcase-ref.xht">=</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-3.1" class="font invalid"> <td> <a href="font-family-name-021.xht">font-family-name-021</a></td> <td><a href="reference/font-family-name-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-022.xht">font-family-name-022</a></td> <td><a href="reference/font-family-name-022-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-023.xht">font-family-name-023</a></td> <td><a href="reference/font-family-name-023-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-name-024.xht">font-family-name-024</a></td> <td><a href="reference/font-family-name-024-ref.xht">=</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-3.1" class=""> <td> <a href="font-family-rule-001.xht">font-family-rule-001</a></td> <td><a href="reference/font-family-rule-001-ref.xht">=</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-3.1" class="font"> <td> <a href="font-family-rule-002.xht">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-3.1" class="font"> <td> <a href="font-family-rule-002a.xht">font-family-rule-002a</a></td> <td><a href="reference/font-family-rule-002a-ref.xht">=</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-3.1" class="font invalid"> <td> <a href="font-family-rule-003.xht">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-3.1" class="font"> <td> <a href="font-family-rule-004.xht">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-3.1" class="font invalid"> <td> <a href="font-family-rule-004a.xht">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-3.1" class="dom"> <td> <a href="font-family-rule-005.xht">font-family-rule-005</a></td> <td><a href="reference/font-family-rule-005-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-rule-006.xht">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-3.1" class="font invalid"> <td> <a href="font-family-rule-007.xht">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-3.1" class="font"> <td> <a href="font-family-rule-009.xht">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-3.1" class="font"> <td> <a href="font-family-rule-010.xht">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-3.1" class="font"> <td> <a href="font-family-rule-011.xht">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-3.1" class="font"> <td> <a href="font-family-rule-012.xht">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-3.1" class="font"> <td> <a href="font-family-rule-013.xht">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-3.1" class="font"> <td> <a href="font-family-rule-014.xht">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-3.1" class="font"> <td> <a href="font-family-rule-015.xht">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-3.1" class="font"> <td> <a href="font-family-rule-016.xht">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-3.1" class="font"> <td> <a href="font-family-rule-017.xht">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-3.1" class="ahem"> <td> <a href="font-family-valid-characters-001.xht">font-family-valid-characters-001</a></td> <td><a href="reference/font-family-valid-characters-ref.xht">=</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-3.1" class="ahem"> <td> <a href="font-family-valid-characters-002.xht">font-family-valid-characters-002</a></td> <td><a href="reference/font-family-valid-characters-ref.xht">=</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> <tr id="test_font_family_parsing-3.1" class="primary script"> <td><strong> <a href="test_font_family_parsing.xht">test_font_family_parsing</a></strong></td> <td></td> <td><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>Font family name parsing tests <ul class="assert"> <li>tests that valid font family names parse and invalid ones don't</li> </ul> </td> </tr> </tbody> <tbody id="s3.1.#family-name-value"> <!-- 0 tests --> </tbody> <tbody id="s3.1.#generic-family-value"> <!-- 0 tests --> </tbody> <tbody id="s3.1.#namefont-familyvalue-ltfamily-namegt-ltg"> <!-- 0 tests --> </tbody> <tbody id="s3.1.#propdef-font-family"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.1">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#generic-font-families">3.1.1 Generic font families</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#cursive"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#cursive-def"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#cursive0"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#fantasy"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#fantasy-def"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#fantasy0"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#monospace"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#monospace-def"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#monospace0"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#sans-serif"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#sans-serif-def"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#sans-serif0"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#serif"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#serif-def"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#serif0"> <!-- 0 tests --> </tbody> <tbody id="s3.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.2">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop">3.2 Font weight: the font-weight property</a></th></tr> <!-- 44 tests --> <tr id="c525-font-wt-000-3.2" class=""> <td> <a href="c525-font-wt-000.xht">c525-font-wt-000</a></td> <td></td> <td></td> <td>font-weight </td> </tr> <tr id="c527-font-004-3.2" class=""> <td> <a href="c527-font-004.xht">c527-font-004</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-005-3.2" class=""> <td> <a href="c527-font-005.xht">c527-font-005</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-006-3.2" class=""> <td> <a href="c527-font-006.xht">c527-font-006</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-008-3.2" class=""> <td> <a href="c527-font-008.xht">c527-font-008</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-009-3.2" class=""> <td> <a href="c527-font-009.xht">c527-font-009</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-10-3.2" class=""> <td> <a href="c527-font-10.xht">c527-font-10</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="font-weight-001-3.2" class="ahem"> <td> <a href="font-weight-001.xht">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-3.2" class="ahem"> <td> <a href="font-weight-002.xht">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-3.2" class="ahem"> <td> <a href="font-weight-003.xht">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-3.2" class=""> <td> <a href="font-weight-008.xht">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-3.2" class=""> <td> <a href="font-weight-010.xht">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-3.2" class=""> <td> <a href="font-weight-011.xht">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-3.2" class=""> <td> <a href="font-weight-012.xht">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-3.2" class=""> <td> <a href="font-weight-013.xht">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-3.2" class=""> <td> <a href="font-weight-014.xht">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-3.2" class="ahem"> <td> <a href="font-weight-015.xht">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-3.2" class="ahem"> <td> <a href="font-weight-016.xht">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-3.2" class=""> <td> <a href="font-weight-017.xht">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-3.2" class=""> <td> <a href="font-weight-018.xht">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-3.2" class=""> <td> <a href="font-weight-applies-to-001.xht">font-weight-applies-to-001</a></td> <td><a href="reference/font-weight-bold-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-applies-to-002.xht">font-weight-applies-to-002</a></td> <td><a href="reference/font-weight-bold-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-applies-to-003.xht">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-3.2" class=""> <td> <a href="font-weight-applies-to-004.xht">font-weight-applies-to-004</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-005.xht">font-weight-applies-to-005</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-006.xht">font-weight-applies-to-006</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-007.xht">font-weight-applies-to-007</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-008.xht">font-weight-applies-to-008</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-009.xht">font-weight-applies-to-009</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-010.xht">font-weight-applies-to-010</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-011.xht">font-weight-applies-to-011</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-014.xht">font-weight-applies-to-014</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-015.xht">font-weight-applies-to-015</a></td> <td></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-3.2" class=""> <td> <a href="font-weight-applies-to-016.xht">font-weight-applies-to-016</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-applies-to-017.xht">font-weight-applies-to-017</a></td> <td><a href="reference/font-weight-bold-ref.xht">=</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-rule-001-3.2" class=""> <td> <a href="font-weight-rule-001.xht">font-weight-rule-001</a></td> <td><a href="reference/font-weight-normal-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-rule-002.xht">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-3.2" class=""> <td> <a href="font-weight-rule-003.xht">font-weight-rule-003</a></td> <td><a href="reference/font-weight-bold-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-rule-004.xht">font-weight-rule-004</a></td> <td><a href="reference/font-weight-bold-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-rule-005.xht">font-weight-rule-005</a></td> <td><a href="reference/font-weight-bold-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-rule-006.xht">font-weight-rule-006</a></td> <td><a href="reference/font-weight-normal-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-rule-007.xht">font-weight-rule-007</a></td> <td><a href="reference/font-weight-normal-ref.xht">=</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-3.2" class=""> <td> <a href="font-weight-rule-008.xht">font-weight-rule-008</a></td> <td><a href="reference/font-weight-bold-ref.xht">=</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-3.2" class="font"> <td> <a href="test-synthetic-bold.xht">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="s3.2.#bold"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#bolder"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#bolderlighter"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#font-weight-normal-value"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#font-weight-numeric-values"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#lighter"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#namefont-weightvaluenormal-bold-bolder-l"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#propdef-font-weight"> <!-- 0 tests --> </tbody> <tbody id="s3.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.3">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-stretch-prop">3.3 Font width: the font-stretch property</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.3.#condensed"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#expanded"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#extra-condensed"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#extra-expanded"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#font-stretch-animation"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#font-stretch-normal-value"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#namefont-stretchvalue-normal-ultra-conde"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#propdef-font-stretch"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#semi-condensed-"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#semi-expanded"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#ultra-condensed"> <!-- 0 tests --> </tbody> <tbody id="s3.3.#ultra-expanded"> <!-- 0 tests --> </tbody> <tbody id="s3.4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.4">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-style-prop">3.4 Font style: the font-style property</a></th></tr> <!-- 29 tests --> <tr id="c523-font-style-000-3.4" class=""> <td> <a href="c523-font-style-000.xht">c523-font-style-000</a></td> <td></td> <td></td> <td>font-style </td> </tr> <tr id="c527-font-000-3.4" class=""> <td> <a href="c527-font-000.xht">c527-font-000</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-004-3.4" class=""> <td> <a href="c527-font-004.xht">c527-font-004</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-005-3.4" class=""> <td> <a href="c527-font-005.xht">c527-font-005</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-006-3.4" class=""> <td> <a href="c527-font-006.xht">c527-font-006</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-007-3.4" class=""> <td> <a href="c527-font-007.xht">c527-font-007</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-008-3.4" class=""> <td> <a href="c527-font-008.xht">c527-font-008</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-10-3.4" class=""> <td> <a href="c527-font-10.xht">c527-font-10</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c543-txt-decor-000-3.4" class="animated image"> <td> <a href="c543-txt-decor-000.xht">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-3.4" class="ahem"> <td> <a href="font-style-001.xht">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-3.4" class="ahem"> <td> <a href="font-style-002.xht">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-3.4" class="ahem"> <td> <a href="font-style-003.xht">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-3.4" class="ahem"> <td> <a href="font-style-004.xht">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-3.4" class=""> <td> <a href="font-style-applies-to-001.xht">font-style-applies-to-001</a></td> <td><a href="reference/font-style-applies-to-001-ref.xht">=</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-3.4" class=""> <td> <a href="font-style-applies-to-002.xht">font-style-applies-to-002</a></td> <td><a href="reference/font-style-applies-to-001-ref.xht">=</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-3.4" class=""> <td> <a href="font-style-applies-to-003.xht">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-3.4" class=""> <td> <a href="font-style-applies-to-004.xht">font-style-applies-to-004</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-005.xht">font-style-applies-to-005</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-006.xht">font-style-applies-to-006</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-007.xht">font-style-applies-to-007</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-008.xht">font-style-applies-to-008</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-009.xht">font-style-applies-to-009</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-010.xht">font-style-applies-to-010</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-011.xht">font-style-applies-to-011</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-014.xht">font-style-applies-to-014</a></td> <td></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-3.4" class=""> <td> <a href="font-style-applies-to-015.xht">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-3.4" class=""> <td> <a href="font-style-applies-to-016.xht">font-style-applies-to-016</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.4" class=""> <td> <a href="font-style-applies-to-017.xht">font-style-applies-to-017</a></td> <td><a href="reference/font-style-applies-to-001-ref.xht">=</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-3.4" class="font"> <td> <a href="test-synthetic-italic.xht">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="s3.4.#font-style-normal-value"> <!-- 0 tests --> </tbody> <tbody id="s3.4.#italic"> <!-- 0 tests --> </tbody> <tbody id="s3.4.#namefont-stylevaluenormal-italic-oblique"> <!-- 0 tests --> </tbody> <tbody id="s3.4.#oblique"> <!-- 0 tests --> </tbody> <tbody id="s3.4.#propdef-font-style"> <!-- 0 tests --> </tbody> <tbody id="s3.5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.5">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-size-prop">3.5 Font size: the font-size property</a></th></tr> <!-- 123 tests --> <tr id="background-position-001-3.5" class="ahem image"> <td> <a href="background-position-001.xht">background-position-001</a></td> <td><a href="reference/background-position-001-ref.xht">=</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-3.5" class="ahem image"> <td> <a href="background-position-002.xht">background-position-002</a></td> <td><a href="reference/background-position-002-ref.xht">=</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-3.5" class=""> <td> <a href="c526-font-sz-000.xht">c526-font-sz-000</a></td> <td></td> <td></td> <td>font-size </td> </tr> <tr id="c526-font-sz-001-3.5" class="ahem"> <td> <a href="c526-font-sz-001.xht">c526-font-sz-001</a></td> <td><a href="reference/c526-font-sz-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>font-size </td> </tr> <tr id="c526-font-sz-002-3.5" class="ahem"> <td> <a href="c526-font-sz-002.xht">c526-font-sz-002</a></td> <td><a href="reference/c526-font-sz-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>font-size </td> </tr> <tr id="c526-font-sz-003-3.5" class="ahem invalid"> <td> <a href="c526-font-sz-003.xht">c526-font-sz-003</a></td> <td><a href="reference/c526-font-sz-003-ref.xht">=</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-3.5" class=""> <td> <a href="c527-font-000.xht">c527-font-000</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-001-3.5" class=""> <td> <a href="c527-font-001.xht">c527-font-001</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-002-3.5" class=""> <td> <a href="c527-font-002.xht">c527-font-002</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-003-3.5" class=""> <td> <a href="c527-font-003.xht">c527-font-003</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-004-3.5" class=""> <td> <a href="c527-font-004.xht">c527-font-004</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-005-3.5" class=""> <td> <a href="c527-font-005.xht">c527-font-005</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-006-3.5" class=""> <td> <a href="c527-font-006.xht">c527-font-006</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-007-3.5" class=""> <td> <a href="c527-font-007.xht">c527-font-007</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-008-3.5" class=""> <td> <a href="c527-font-008.xht">c527-font-008</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-009-3.5" class=""> <td> <a href="c527-font-009.xht">c527-font-009</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-10-3.5" class=""> <td> <a href="c527-font-10.xht">c527-font-10</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="font-size-001-3.5" class="ahem invalid"> <td> <a href="font-size-001.xht">font-size-001</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-002.xht">font-size-002</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-003.xht">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-3.5" class="ahem"> <td> <a href="font-size-004.xht">font-size-004</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-005.xht">font-size-005</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-006.xht">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-3.5" class="ahem"> <td> <a href="font-size-007.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-012.xht">font-size-012</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 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-3.5" class="ahem"> <td> <a href="font-size-013.xht">font-size-013</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-014.xht">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-3.5" class="ahem"> <td> <a href="font-size-015.xht">font-size-015</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-016.xht">font-size-016</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-017.xht">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-3.5" class="ahem"> <td> <a href="font-size-018.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-023.xht">font-size-023</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 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-3.5" class="ahem"> <td> <a href="font-size-024.xht">font-size-024</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-025.xht">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-3.5" class="ahem"> <td> <a href="font-size-026.xht">font-size-026</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-027.xht">font-size-027</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-028.xht">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-3.5" class="ahem"> <td> <a href="font-size-029.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-034.xht">font-size-034</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 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-3.5" class="ahem"> <td> <a href="font-size-035.xht">font-size-035</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-036.xht">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-3.5" class="ahem"> <td> <a href="font-size-037.xht">font-size-037</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-038.xht">font-size-038</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-039.xht">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-3.5" class="ahem"> <td> <a href="font-size-040.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-045.xht">font-size-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-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-3.5" class="ahem"> <td> <a href="font-size-046.xht">font-size-046</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-047.xht">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-3.5" class="ahem"> <td> <a href="font-size-048.xht">font-size-048</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-049.xht">font-size-049</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-050.xht">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-3.5" class="ahem"> <td> <a href="font-size-051.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-056.xht">font-size-056</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 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-3.5" class="ahem"> <td> <a href="font-size-057.xht">font-size-057</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-058.xht">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-3.5" class="ahem"> <td> <a href="font-size-059.xht">font-size-059</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-060.xht">font-size-060</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-061.xht">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-3.5" class="ahem"> <td> <a href="font-size-062.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-067.xht">font-size-067</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 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-3.5" class="ahem"> <td> <a href="font-size-068.xht">font-size-068</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-069.xht">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-3.5" class="ahem"> <td> <a href="font-size-070.xht">font-size-070</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-071.xht">font-size-071</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-072.xht">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-3.5" class="ahem"> <td> <a href="font-size-073.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-078.xht">font-size-078</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 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-3.5" class="ahem"> <td> <a href="font-size-079.xht">font-size-079</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-080.xht">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-3.5" class="ahem"> <td> <a href="font-size-081.xht">font-size-081</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-082.xht">font-size-082</a></td> <td></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-3.5" class="ahem"> <td> <a href="font-size-083.xht">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-3.5" class="ahem"> <td> <a href="font-size-084.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-089.xht">font-size-089</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-090.xht">font-size-090</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-091.xht">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-3.5" class="ahem"> <td> <a href="font-size-092.xht">font-size-092</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-093.xht">font-size-093</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-094.xht">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-3.5" class="ahem"> <td> <a href="font-size-095.xht">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-3.5" class="ahem"> <td> <a href="font-size-100.xht">font-size-100</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-101.xht">font-size-101</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-102.xht">font-size-102</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-103.xht">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-3.5" class="ahem"> <td> <a href="font-size-104.xht">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-3.5" class="ahem"> <td> <a href="font-size-105.xht">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-3.5" class="ahem"> <td> <a href="font-size-106.xht">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-3.5" class="ahem"> <td> <a href="font-size-107.xht">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-3.5" class="ahem"> <td> <a href="font-size-108.xht">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-3.5" class="ahem"> <td> <a href="font-size-109.xht">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-3.5" class="ahem"> <td> <a href="font-size-110.xht">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-3.5" class="ahem"> <td> <a href="font-size-111.xht">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-3.5" class="ahem"> <td> <a href="font-size-112.xht">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-3.5" class="ahem"> <td> <a href="font-size-113.xht">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-3.5" class=""> <td> <a href="font-size-114.xht">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-3.5" class=""> <td> <a href="font-size-115.xht">font-size-115</a></td> <td></td> <td></td> <td>CSS: sanity tests for font inheritance </td> </tr> <tr id="font-size-116-3.5" class=""> <td> <a href="font-size-116.xht">font-size-116</a></td> <td></td> <td></td> <td>font-size in pixels </td> </tr> <tr id="font-size-117-3.5" class=""> <td> <a href="font-size-117.xht">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-3.5" class=""> <td> <a href="font-size-118.xht">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-3.5" class=""> <td> <a href="font-size-119.xht">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-3.5" class="ahem"> <td> <a href="font-size-120.xht">font-size-120</a></td> <td><a href="reference/font-size-120-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-121.xht">font-size-121</a></td> <td><a href="reference/font-size-121-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-122.xht">font-size-122</a></td> <td><a href="reference/font-size-122-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>Default Font Sizes </td> </tr> <tr id="font-size-123-3.5" class="invalid"> <td> <a href="font-size-123.xht">font-size-123</a></td> <td><a href="reference/font-size-123-ref.xht">=</a> </td> <td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td> <td>CSS Parsing: Negative Font-Size <ul class="assert"> <li>If a negative length value is set into a font-size declaration, then such declaration is ignored.</li> </ul> </td> </tr> <tr id="font-size-applies-to-001-3.5" class="ahem"> <td> <a href="font-size-applies-to-001.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-002.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-003.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-004.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-005.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-006.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-007.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-008.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-009.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-010.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-011.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-014.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-015.xht">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-3.5" class="ahem"> <td> <a href="font-size-applies-to-016.xht">font-size-applies-to-016</a></td> <td><a href="reference/font-size-001-ref.xht">=</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-3.5" class="ahem"> <td> <a href="font-size-applies-to-017.xht">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-3.5" class="ahem invalid"> <td> <a href="font-size-rule-001.xht">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-3.5" class="ahem"> <td> <a href="font-size-rule-002.xht">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-3.5" class="ahem"> <td> <a href="font-size-rule-003.xht">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-3.5" class="ahem"> <td> <a href="font-size-rule-004.xht">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="s3.5.#absolute-size-value"> <!-- 0 tests --> </tbody> <tbody id="s3.5.#length-size-value"> <!-- 0 tests --> </tbody> <tbody id="s3.5.#namefont-sizevalueltabsolute-sizegt-ltre"> <!-- 0 tests --> </tbody> <tbody id="s3.5.#percentage-size-value"> <!-- 0 tests --> </tbody> <tbody id="s3.5.#propdef-font-size"> <!-- 0 tests --> </tbody> <tbody id="s3.5.#relative-size-value"> <!-- 0 tests --> </tbody> <tbody id="s3.6"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.6">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop">3.6 Relative sizing: the font-size-adjust property</a></th></tr> <!-- 2 tests --> <tr id="font-size-adjust-001-3.6" class="primary Ahem"> <td><strong> <a href="font-size-adjust-001.xht">font-size-adjust-001</a></strong></td> <td></td> <td><abbr class="Ahem" title=""></abbr></td> <td>font-size-adjust - greater than aspect value of font <ul class="assert"> <li>Test checks that the actual font size is greater than the specified size when the value of font-size-adjust is greater than the aspect value of font</li> </ul> </td> </tr> <tr id="font-size-adjust-002-3.6" class="primary Ahem"> <td><strong> <a href="font-size-adjust-002.xht">font-size-adjust-002</a></strong></td> <td></td> <td><abbr class="Ahem" title=""></abbr></td> <td>font-size-adjust - less than aspect value of font <ul class="assert"> <li>Test checks that the actual font size is less than the specified size when the value of font-size-adjust is less than the aspect value of font</li> </ul> </td> </tr> </tbody> <tbody id="s3.6.#aspect-ratio-value"> <!-- 0 tests --> </tbody> <tbody id="s3.6.#aspect-value"> <!-- 0 tests --> </tbody> <tbody id="s3.6.#aspect-value0"> <!-- 0 tests --> </tbody> <tbody id="s3.6.#font-size-adjust-none-value"> <!-- 0 tests --> </tbody> <tbody id="s3.6.#namefont-size-adjustvaluenone-ltnumbergt"> <!-- 0 tests --> </tbody> <tbody id="s3.6.#propdef-font-size-adjust"> <!-- 0 tests --> </tbody> <tbody id="s3.7"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.7">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-prop">3.7 Shorthand font property: the font property</a></th></tr> <!-- 85 tests --> <tr id="c527-font-000-3.7" class=""> <td> <a href="c527-font-000.xht">c527-font-000</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-001-3.7" class=""> <td> <a href="c527-font-001.xht">c527-font-001</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-002-3.7" class=""> <td> <a href="c527-font-002.xht">c527-font-002</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-003-3.7" class=""> <td> <a href="c527-font-003.xht">c527-font-003</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-004-3.7" class=""> <td> <a href="c527-font-004.xht">c527-font-004</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-005-3.7" class=""> <td> <a href="c527-font-005.xht">c527-font-005</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-006-3.7" class=""> <td> <a href="c527-font-006.xht">c527-font-006</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-007-3.7" class=""> <td> <a href="c527-font-007.xht">c527-font-007</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-008-3.7" class=""> <td> <a href="c527-font-008.xht">c527-font-008</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-009-3.7" class=""> <td> <a href="c527-font-009.xht">c527-font-009</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="c527-font-10-3.7" class=""> <td> <a href="c527-font-10.xht">c527-font-10</a></td> <td></td> <td></td> <td>font </td> </tr> <tr id="font-001-3.7" class="ahem"> <td> <a href="font-001.xht">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-3.7" class="ahem"> <td> <a href="font-002.xht">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-3.7" class=""> <td> <a href="font-003.xht">font-003</a></td> <td></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-3.7" class="ahem"> <td> <a href="font-004.xht">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-3.7" class=""> <td> <a href="font-005.xht">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-3.7" class="ahem"> <td> <a href="font-006.xht">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-3.7" class="ahem"> <td> <a href="font-007.xht">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-3.7" class="ahem"> <td> <a href="font-008.xht">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-3.7" class="ahem"> <td> <a href="font-009.xht">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-3.7" class="ahem"> <td> <a href="font-010.xht">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-3.7" class="ahem"> <td> <a href="font-011.xht">font-011</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 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-3.7" class="ahem"> <td> <a href="font-012.xht">font-012</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 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-3.7" class="ahem"> <td> <a href="font-013.xht">font-013</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-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-3.7" class="ahem"> <td> <a href="font-014.xht">font-014</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-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-3.7" class="ahem"> <td> <a href="font-015.xht">font-015</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-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-3.7" class="ahem"> <td> <a href="font-016.xht">font-016</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-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-3.7" class="ahem"> <td> <a href="font-017.xht">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-3.7" class="ahem"> <td> <a href="font-018.xht">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-3.7" class=""> <td> <a href="font-019.xht">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-3.7" class="ahem"> <td> <a href="font-020.xht">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-3.7" class=""> <td> <a href="font-021.xht">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-3.7" class="ahem"> <td> <a href="font-022.xht">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-3.7" class="ahem"> <td> <a href="font-023.xht">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-3.7" class="ahem"> <td> <a href="font-024.xht">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-3.7" class="ahem"> <td> <a href="font-025.xht">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-3.7" class="ahem"> <td> <a href="font-026.xht">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-3.7" class="ahem"> <td> <a href="font-027.xht">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-3.7" class="ahem"> <td> <a href="font-028.xht">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-3.7" class="ahem"> <td> <a href="font-029.xht">font-029</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-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-3.7" class="ahem"> <td> <a href="font-030.xht">font-030</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-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-3.7" class="ahem"> <td> <a href="font-031.xht">font-031</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-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-3.7" class="ahem"> <td> <a href="font-032.xht">font-032</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-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-3.7" class="ahem"> <td> <a href="font-033.xht">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-3.7" class="ahem"> <td> <a href="font-034.xht">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-3.7" class="ahem"> <td> <a href="font-035.xht">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-3.7" class="ahem"> <td> <a href="font-036.xht">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-3.7" class="ahem"> <td> <a href="font-037.xht">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-3.7" class="ahem"> <td> <a href="font-038.xht">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-3.7" class="ahem"> <td> <a href="font-039.xht">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-3.7" class="ahem"> <td> <a href="font-040.xht">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-3.7" class="ahem"> <td> <a href="font-041.xht">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-3.7" class="ahem"> <td> <a href="font-042.xht">font-042</a></td> <td></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-3.7" class="ahem"> <td> <a href="font-043.xht">font-043</a></td> <td></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-3.7" class="ahem"> <td> <a href="font-044.xht">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-3.7" class="ahem invalid"> <td> <a href="font-045.xht">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-3.7" class="ahem"> <td> <a href="font-046.xht">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-3.7" class="ahem"> <td> <a href="font-047.xht">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-3.7" class="ahem"> <td> <a href="font-048.xht">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-3.7" class="ahem"> <td> <a href="font-049.xht">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-3.7" class="ahem"> <td> <a href="font-050.xht">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-3.7" class="ahem invalid"> <td> <a href="font-051.xht">font-051</a></td> <td><a href="reference/font-051-ref.xht">=</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-3.7" class="font"> <td> <a href="font-052.xht">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-3.7" class="ahem"> <td> <a href="font-144.xht">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-3.7" class="ahem"> <td> <a href="font-145.xht">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-3.7" class="ahem invalid"> <td> <a href="font-146.xht">font-146</a></td> <td><a href="reference/font-146-ref.xht">=</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-147-3.7" class="ahem"> <td> <a href="font-147.xht">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-applies-to-001-3.7" class=""> <td> <a href="font-applies-to-001.xht">font-applies-to-001</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-002.xht">font-applies-to-002</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-003.xht">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-3.7" class=""> <td> <a href="font-applies-to-004.xht">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-3.7" class=""> <td> <a href="font-applies-to-005.xht">font-applies-to-005</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-006.xht">font-applies-to-006</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-007.xht">font-applies-to-007</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-008.xht">font-applies-to-008</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-009.xht">font-applies-to-009</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-010.xht">font-applies-to-010</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-011.xht">font-applies-to-011</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-014.xht">font-applies-to-014</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-015.xht">font-applies-to-015</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-016.xht">font-applies-to-016</a></td> <td><a href="reference/ref-if-there-is-no-red.xht">=</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-3.7" class=""> <td> <a href="font-applies-to-017.xht">font-applies-to-017</a></td> <td><a href="reference/font-applies-to-001-ref.xht">=</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-3.7" class=""> <td> <a href="font-systemfont-rule-003.xht">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-3.7" class=""> <td> <a href="font-systemfont-rule-004.xht">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> <tr id="test_font_family_parsing-3.7" class="script"> <td> <a href="test_font_family_parsing.xht">test_font_family_parsing</a></td> <td></td> <td><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>Font family name parsing tests <ul class="assert"> <li>tests that valid font family names parse and invalid ones don't</li> </ul> </td> </tr> </tbody> <tbody id="s3.7.#font-variant-css21-values"> <!-- 0 tests --> </tbody> <tbody id="s3.7.#namefontvalue-ltlsquofont-stylersquogt-l"> <!-- 0 tests --> </tbody> <tbody id="s3.7.#propdef-font"> <!-- 0 tests --> </tbody> <tbody id="s3.8"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.8">+</a> <a href="http://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">3.8 Controlling synthetic faces: the font-synthesis property</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.8.#namefont-synthesisvaluenone-weight-style"> <!-- 0 tests --> </tbody> <tbody id="s3.8.#propdef-font-synthesis"> <!-- 0 tests --> </tbody> </table> </body> </html>