mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
4181 lines
No EOL
173 KiB
HTML
4181 lines
No EOL
173 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<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 (343 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3">+</a>
|
|
<a href="https://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="https://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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">font-147</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS: unquoted 'font-family' syntax (tested with 'font')
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-001-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-001.htm">font-family-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family set to an installed font
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-002-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-002.htm">font-family-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family set to the keyword 'serif'
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to 'serif' correctly renders the user agent's serif font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-003-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-003.htm">font-family-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family set to the keyword 'sans-serif'
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-004-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-004.htm">font-family-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family set to the keyword 'cursive'
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-005-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-005.htm">font-family-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family set to the keyword 'fantasy'
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-006-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-006.htm">font-family-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family set to the keyword 'monospace'
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-007-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-007.htm">font-family-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family set to 'inherit'
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to 'inherit' inherits its value from the parent element's value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-008-3.1" class="ahem invalid">
|
|
<td>
|
|
<a href="font-family-008.htm">font-family-008</a></td>
|
|
<td><a href="reference/font-family-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font-family - unquoted font-family names with parentheses or curly braces
|
|
<ul class="assert">
|
|
<li>Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-009-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-009.htm">font-family-009</a></td>
|
|
<td><a href="reference/font-family-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS: font-family inheritance
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-011-3.1" class="">
|
|
<td>
|
|
<a href="font-family-011.htm">font-family-011</a></td>
|
|
<td><a href="reference/font-family-011-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS: font-family and whitespace
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-012-3.1" class="">
|
|
<td>
|
|
<a href="font-family-012.htm">font-family-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font-family with box drawing characters
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-013-3.1" class="">
|
|
<td>
|
|
<a href="font-family-013.htm">font-family-013</a></td>
|
|
<td><a href="reference/font-family-013-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>font-family and fallbacks
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-014-3.1" class="">
|
|
<td>
|
|
<a href="font-family-014.htm">font-family-014</a></td>
|
|
<td><a href="reference/font-family-013-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>font-family and fallbacks
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-015-3.1" class="">
|
|
<td>
|
|
<a href="font-family-015.htm">font-family-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Baselines and Fallback
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-016-3.1" class="">
|
|
<td>
|
|
<a href="font-family-016.htm">font-family-016</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font test
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-001-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-001.htm">font-family-applies-to-001</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: inline' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: inline' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-002-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-002.htm">font-family-applies-to-002</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: block' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-003-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-003.htm">font-family-applies-to-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: list-item' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: list-item' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-005-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-005.htm">font-family-applies-to-005</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: inline-block' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: inline-block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-007-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-007.htm">font-family-applies-to-007</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: inline-table' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: inline-table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-008-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-008.htm">font-family-applies-to-008</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: table-row-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: table-row-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-009-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-009.htm">font-family-applies-to-009</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: table-header-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: table-header-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-010-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-010.htm">font-family-applies-to-010</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: table-footer-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: table-footer-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-011-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-011.htm">font-family-applies-to-011</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: table-row' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: table-row' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-014-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-014.htm">font-family-applies-to-014</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: table-cell' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: table-cell' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-015-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-015.htm">font-family-applies-to-015</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: table-caption' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: table-caption' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-016-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-016.htm">font-family-applies-to-016</a></td>
|
|
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: none' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: none' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-applies-to-017-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-applies-to-017.htm">font-family-applies-to-017</a></td>
|
|
<td><a href="reference/font-family-applies-to-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-family and 'display: inherit' elements
|
|
<ul class="assert">
|
|
<li>The 'font-family' property applies to 'display: inherit' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-invalid-characters-001-3.1" class="ahem invalid">
|
|
<td>
|
|
<a href="font-family-invalid-characters-001.htm">font-family-invalid-characters-001</a></td>
|
|
<td><a href="reference/font-family-invalid-characters-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Invalid characters in font-family values
|
|
<ul class="assert">
|
|
<li>Invalid characters in font family names invalidate entire declaration.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-invalid-characters-002-3.1" class="ahem invalid">
|
|
<td>
|
|
<a href="font-family-invalid-characters-002.htm">font-family-invalid-characters-002</a></td>
|
|
<td><a href="reference/font-family-invalid-characters-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Invalid parenthesis and pair matching
|
|
<ul class="assert">
|
|
<li>Invalid characters in font family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-invalid-characters-003-3.1" class="ahem invalid">
|
|
<td>
|
|
<a href="font-family-invalid-characters-003.htm">font-family-invalid-characters-003</a></td>
|
|
<td><a href="reference/font-family-invalid-characters-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Invalid curly brackets and pair matching
|
|
<ul class="assert">
|
|
<li>Invalid characters in font family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-invalid-characters-004-3.1" class="ahem invalid">
|
|
<td>
|
|
<a href="font-family-invalid-characters-004.htm">font-family-invalid-characters-004</a></td>
|
|
<td><a href="reference/font-family-invalid-characters-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Invalid square brackets and pair matching
|
|
<ul class="assert">
|
|
<li>Invalid characters in font family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-invalid-characters-005-3.1" class="ahem invalid">
|
|
<td>
|
|
<a href="font-family-invalid-characters-005.htm">font-family-invalid-characters-005</a></td>
|
|
<td><a href="reference/font-family-invalid-characters-005-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Invalid quotes and pair matching
|
|
<ul class="assert">
|
|
<li>Invalid characters in font family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-invalid-characters-006-3.1" class="ahem invalid">
|
|
<td>
|
|
<a href="font-family-invalid-characters-006.htm">font-family-invalid-characters-006</a></td>
|
|
<td><a href="reference/font-family-invalid-characters-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Invalid single quotes and pair matching
|
|
<ul class="assert">
|
|
<li>Invalid characters in font family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-001-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-001.htm">font-family-name-001</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name with no quotes
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-002-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-002.htm">font-family-name-002</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name with no quotes, lowercase
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, lowercase.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-003-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-003.htm">font-family-name-003</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name with no quotes, mixed case
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, mixed case.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-004-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-004.htm">font-family-name-004</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>quoted font family name with double quotes
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with double quotes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-005-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-005.htm">font-family-name-005</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>quoted font family name with single quotes
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with single quotes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-006-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-006.htm">font-family-name-006</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>unquoted font family name with extra whitespace
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with extra whitespace should be condensed to a single space.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-007-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-007.htm">font-family-name-007</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>double quoted font family name with extra spaces should not match
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in double quotes should not match, spaces are not reduced.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-008-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-008.htm">font-family-name-008</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>single quoted font family name with extra spaces should not match
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in single quotes should not match, spaces are not reduced.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-009-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-009.htm">font-family-name-009</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name with escaped hexcode characters
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped character.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-010-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-010.htm">font-family-name-010</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>localized font family name
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Localized family names should match.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-011-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-011.htm">font-family-name-011</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>quoted localized font family name
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Quoted localized family names should match.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-012-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-012.htm">font-family-name-012</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name with escaped characters
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-013-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-013.htm">font-family-name-013</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name should not match font fullnames
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Fullname name should not match, only family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-014-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-014.htm">font-family-name-014</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name should not match Postscript name
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Postscript name should not match, only family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-015-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-015.htm">font-family-name-015</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name should not match localized font fullnames
|
|
<ul class="assert">
|
|
<li>The 'font-family' property set to and installed font renders the appropriate font. Localized fullname should not match.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-016-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-016.htm">font-family-name-016</a></td>
|
|
<td><a href="reference/font-family-name-016-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family name that includes numbers should match
|
|
<ul class="assert">
|
|
<li>Unquoted font family names with numbers should not be matched</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-017-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-017.htm">font-family-name-017</a></td>
|
|
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>when unquoted font family not found, should not use font family list of body element
|
|
<ul class="assert">
|
|
<li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-018-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-018.htm">font-family-name-018</a></td>
|
|
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>when quoted font family not found, should not use font family list of body element
|
|
<ul class="assert">
|
|
<li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-019-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-019.htm">font-family-name-019</a></td>
|
|
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>when unquoted font family not found, should not use font family list of parent element
|
|
<ul class="assert">
|
|
<li>When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-020-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-020.htm">font-family-name-020</a></td>
|
|
<td><a href="reference/font-family-name-mixcase-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>when quoted font family not found, should not use font family list of parent element
|
|
<ul class="assert">
|
|
<li>When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-021-3.1" class="font invalid">
|
|
<td>
|
|
<a href="font-family-name-021.htm">font-family-name-021</a></td>
|
|
<td><a href="reference/font-family-name-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>mixed use of quotes in font family names is invalid syntax
|
|
<ul class="assert">
|
|
<li>Mixing quoted name with unquoted portion is invalid syntax, rule is dropped.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-022-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-022.htm">font-family-name-022</a></td>
|
|
<td><a href="reference/font-family-name-022-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font shorthand parsing should not cause incorrect matching
|
|
<ul class="assert">
|
|
<li>Font shorthand parsing should not cause incorrect matching of font-family values</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-023-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-023.htm">font-family-name-023</a></td>
|
|
<td><a href="reference/font-family-name-023-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font family names that look like font shorthand
|
|
<ul class="assert">
|
|
<li>Font family names that appear similar to font shorthand should match to fonts with those names</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-name-024-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-name-024.htm">font-family-name-024</a></td>
|
|
<td><a href="reference/font-family-name-024-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>system font names in font-family lists
|
|
<ul class="assert">
|
|
<li>System font names are only allowed with the font shorthand, not in font-family rules</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-001-3.1" class="">
|
|
<td>
|
|
<a href="font-family-rule-001.htm">font-family-rule-001</a></td>
|
|
<td><a href="reference/font-family-rule-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-family, fallback mechanism
|
|
<ul class="assert">
|
|
<li>Unknown or unavailable fonts fallback to the default font family. The default font family varies and depends on user agent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-002-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-002.htm">font-family-rule-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font-family with white space
|
|
<ul class="assert">
|
|
<li>Font names containing any white space need to be quoted. It is also recognized if it is not quoted.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-002a-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-002a.htm">font-family-rule-002a</a></td>
|
|
<td><a href="reference/font-family-rule-002a-ref.htm">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Unquoted and unescaped font-family name with white spaces
|
|
<ul class="assert">
|
|
<li>Any white space characters before or after an unquoted and unescaped font-family name are removed. Any sequence of white space characters between identifiers of an unquoted and unescaped font-family name should be converted to a single white space separating its identifiers.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-003-3.1" class="font invalid">
|
|
<td>
|
|
<a href="font-family-rule-003.htm">font-family-rule-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font family name with special character, quoted
|
|
<ul class="assert">
|
|
<li>Font names containing any special characters can be quoted. Otherwise the special character need to be escaped.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-004-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-004.htm">font-family-rule-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font family name same as keyword 'inherit'
|
|
<ul class="assert">
|
|
<li>Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-004a-3.1" class="font invalid">
|
|
<td>
|
|
<a href="font-family-rule-004a.htm">font-family-rule-004a</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font-family - inherit as part of font-family name
|
|
<ul class="assert">
|
|
<li>This test verifies 9 font-family declarations with inherit and 2 font-family declarations with invalid identifiers.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-005-3.1" class="dom">
|
|
<td>
|
|
<a href="font-family-rule-005.htm">font-family-rule-005</a></td>
|
|
<td><a href="reference/font-family-rule-005-ref.htm">=</a> </td>
|
|
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
|
<td>Font family unknown character glyph matching
|
|
<ul class="assert">
|
|
<li>Glyphs that are missing render as the missing glyph character and still report their initial character location, not the missing glyph location.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-006-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-rule-006.htm">font-family-rule-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font family generic name cannot be quoted
|
|
<ul class="assert">
|
|
<li>Generic font family name is not recognized if quoted.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-007-3.1" class="font invalid">
|
|
<td>
|
|
<a href="font-family-rule-007.htm">font-family-rule-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font family name with special characters, escaped
|
|
<ul class="assert">
|
|
<li>Font family name having special characters needs to escape special character. Otherwise the font family name need to be quoted.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-009-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-009.htm">font-family-rule-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name with multiple white space characters
|
|
<ul class="assert">
|
|
<li>Multiple white spaces inside quoted font-family name cannot be collapsed to single white space.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-010-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-010.htm">font-family-rule-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name same as reserved keyword 'initial'
|
|
<ul class="assert">
|
|
<li>Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-011-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-011.htm">font-family-rule-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name same as reserved keyword 'default'
|
|
<ul class="assert">
|
|
<li>Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-012-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-012.htm">font-family-rule-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name same as keyword 'serif'
|
|
<ul class="assert">
|
|
<li>Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-013-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-013.htm">font-family-rule-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name same as keyword 'sans-serif'
|
|
<ul class="assert">
|
|
<li>Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-014-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-014.htm">font-family-rule-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name same as keyword 'cursive'
|
|
<ul class="assert">
|
|
<li>Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-015-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-015.htm">font-family-rule-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name same as keyword 'fantasy'
|
|
<ul class="assert">
|
|
<li>Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-016-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-016.htm">font-family-rule-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font name same as keyword 'monospace'
|
|
<ul class="assert">
|
|
<li>Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-rule-017-3.1" class="font">
|
|
<td>
|
|
<a href="font-family-rule-017.htm">font-family-rule-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Font-family multiple white space characters in font name
|
|
<ul class="assert">
|
|
<li>Multiple (1 or many) white spaces before and after an unquoted font-family name are ignored. Multiple (more than 1) white spaces inside an unquoted font name get converted to single white space.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-valid-characters-001-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-valid-characters-001.htm">font-family-valid-characters-001</a></td>
|
|
<td><a href="reference/font-family-valid-characters-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Valid characters in font-family values
|
|
<ul class="assert">
|
|
<li>Valid characters in font family names.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-family-valid-characters-002-3.1" class="ahem">
|
|
<td>
|
|
<a href="font-family-valid-characters-002.htm">font-family-valid-characters-002</a></td>
|
|
<td><a href="reference/font-family-valid-characters-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Valid numbers in font-family values
|
|
<ul class="assert">
|
|
<li>Font family names must be identifiers.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="test_font_family_parsing-3.1" class="script">
|
|
<td>
|
|
<a href="test_font_family_parsing.htm">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.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="https://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.#cursive0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#fantasy0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#monospace0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1.#sans-serif0">
|
|
<!-- 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="https://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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">font-weight-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-weight set to the keyword 'normal'
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-002-3.2" class="ahem">
|
|
<td>
|
|
<a href="font-weight-002.htm">font-weight-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-weight set to the keyword 'bold'
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-003-3.2" class="ahem">
|
|
<td>
|
|
<a href="font-weight-003.htm">font-weight-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-weight set to the keyword 'bolder'
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-008-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-008.htm">font-weight-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight set to the numerical value, 400
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to '400' properly sets the font to the correct bold rendering.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-010-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-010.htm">font-weight-010</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight set to the numerical value, 600
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to '600' properly sets the font to the correct bold rendering.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-011-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-011.htm">font-weight-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight set to the numerical value, 700
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to '700' properly sets the font to the correct bold rendering.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-012-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-012.htm">font-weight-012</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight set to the numerical value, 800
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to '800' properly sets the font to the correct bold rendering.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-013-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-013.htm">font-weight-013</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight set to the numerical value, 900
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to '900' properly sets the font to the correct bold rendering.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-014-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-014.htm">font-weight-014</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight set to the keyword 'inherit'
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-015-3.2" class="ahem">
|
|
<td>
|
|
<a href="font-weight-015.htm">font-weight-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS: font-weight inheritance
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-016-3.2" class="ahem">
|
|
<td>
|
|
<a href="font-weight-016.htm">font-weight-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS: font-weight 500/600 defaulting to normal/bold
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-017-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-017.htm">font-weight-017</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS: sanity tests for absolute keyword values of font-weight
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-018-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-018.htm">font-weight-018</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS: sanity tests for relative keyword values of font-weight
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-001-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-001.htm">font-weight-applies-to-001</a></td>
|
|
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: inline' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: inline' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-002-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-002.htm">font-weight-applies-to-002</a></td>
|
|
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: block' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-003-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-003.htm">font-weight-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: list-item' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: list-item' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-004-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-004.htm">font-weight-applies-to-004</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: run-in' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: run-in' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-005-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-005.htm">font-weight-applies-to-005</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: inline-block' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: inline-block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-006-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-006.htm">font-weight-applies-to-006</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: table' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-007-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-007.htm">font-weight-applies-to-007</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: inline-table' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: inline-table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-008-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-008.htm">font-weight-applies-to-008</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: table-row-group' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: table-row-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-009-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-009.htm">font-weight-applies-to-009</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: table-header-group' elements
|
|
<ul class="assert">
|
|
<li>Verifies that font-weight does not applies to 'display: table-header-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-010-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-010.htm">font-weight-applies-to-010</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: table-footer-group' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: table-footer-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-011-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-011.htm">font-weight-applies-to-011</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: table-row' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: table-row' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-014-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-014.htm">font-weight-applies-to-014</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: table-cell' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: table-cell' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-015-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-015.htm">font-weight-applies-to-015</a></td>
|
|
<td><a href="reference/pass_if_filler_text_match_bold.htm">=</a> <a href="reference/pass_if_filler_text_match.htm">≠</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: table-caption' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: table-caption' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-016-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-016.htm">font-weight-applies-to-016</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: none' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: none' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-applies-to-017-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-applies-to-017.htm">font-weight-applies-to-017</a></td>
|
|
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight and 'display: inherit' elements
|
|
<ul class="assert">
|
|
<li>Font weights apply to 'display: inherit' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-001-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-001.htm">font-weight-rule-001</a></td>
|
|
<td><a href="reference/font-weight-normal-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight set to 'normal' corresponds to '400'
|
|
<ul class="assert">
|
|
<li>A font weight of 'normal' corresponds to the weight value '400'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-002-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-002.htm">font-weight-rule-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-weight comparison of 100 to 900
|
|
<ul class="assert">
|
|
<li>Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-003-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-003.htm">font-weight-rule-003</a></td>
|
|
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight inherits the computed weight
|
|
<ul class="assert">
|
|
<li>Child elements inherit their parent's actual font weight.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-004-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-004.htm">font-weight-rule-004</a></td>
|
|
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight set to 'bolder'
|
|
<ul class="assert">
|
|
<li>The value 'bolder' selects the next darker weight compared to its parent's weight.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-005-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-005.htm">font-weight-rule-005</a></td>
|
|
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight set to 'bolder' increasing the value above '900'
|
|
<ul class="assert">
|
|
<li>The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-006-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-006.htm">font-weight-rule-006</a></td>
|
|
<td><a href="reference/font-weight-normal-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight set to 'lighter'
|
|
<ul class="assert">
|
|
<li>A font weight of 'lighter' selects the next lighter weight.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-007-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-007.htm">font-weight-rule-007</a></td>
|
|
<td><a href="reference/font-weight-normal-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight set to 'lighter' decreasing value below '100'
|
|
<ul class="assert">
|
|
<li>A font weight of 'lighter' selects the next lighter weight compared to its parent's weight.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-weight-rule-008-3.2" class="">
|
|
<td>
|
|
<a href="font-weight-rule-008.htm">font-weight-rule-008</a></td>
|
|
<td><a href="reference/font-weight-bold-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-weight compare 'bold' to '700'
|
|
<ul class="assert">
|
|
<li>A font weight set to 'bold' corresponds to the weight value '700'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="test-synthetic-bold-3.2" class="font">
|
|
<td>
|
|
<a href="test-synthetic-bold.htm">test-synthetic-bold</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Test for synthetic bold rendering
|
|
<ul class="assert">
|
|
<li>Synthetic bold text should render differently than normal text</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="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="https://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="https://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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">c543-txt-decor-000</a></td>
|
|
<td></td>
|
|
<td><abbr class="animated" title="Animated test">Animated</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>text-decoration
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-001-3.4" class="ahem">
|
|
<td>
|
|
<a href="font-style-001.htm">font-style-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-style set to 'normal'
|
|
<ul class="assert">
|
|
<li>The 'font-style' property set to 'normal' correctly renders the characters as normal text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-002-3.4" class="ahem">
|
|
<td>
|
|
<a href="font-style-002.htm">font-style-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-style set to 'italic'
|
|
<ul class="assert">
|
|
<li>The 'font-style' property set to 'italic' correctly renders the characters as italic text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-003-3.4" class="ahem">
|
|
<td>
|
|
<a href="font-style-003.htm">font-style-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-style set to 'oblique'
|
|
<ul class="assert">
|
|
<li>The 'font-style' property set to 'normal' correctly renders the characters as oblique text.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-004-3.4" class="ahem">
|
|
<td>
|
|
<a href="font-style-004.htm">font-style-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-style set to 'inherit'
|
|
<ul class="assert">
|
|
<li>The 'font-style' property set to 'inherit', inherits is value from the parent element's value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-001-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-001.htm">font-style-applies-to-001</a></td>
|
|
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: inline' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: inline' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-002-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-002.htm">font-style-applies-to-002</a></td>
|
|
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: block' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-003-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-003.htm">font-style-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-style and 'display: list-item' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: list-item' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-004-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-004.htm">font-style-applies-to-004</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: run-in' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: run-in' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-005-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-005.htm">font-style-applies-to-005</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: inline-block' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: inline-block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-006-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-006.htm">font-style-applies-to-006</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: table' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-007-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-007.htm">font-style-applies-to-007</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: inline-table' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: inline-table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-008-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-008.htm">font-style-applies-to-008</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: table-row-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: table-row-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-009-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-009.htm">font-style-applies-to-009</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: table-header-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property does not applies to 'display: table-header-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-010-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-010.htm">font-style-applies-to-010</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: table-footer-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: table-footer-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-011-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-011.htm">font-style-applies-to-011</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: table-row' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: table-row' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-014-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-014.htm">font-style-applies-to-014</a></td>
|
|
<td><a href="reference/pass_if_filler_text_slanted.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: table-cell' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: table-cell' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-015-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-015.htm">font-style-applies-to-015</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font-style and 'display: table-caption' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: table-caption' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-016-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-016.htm">font-style-applies-to-016</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: none' elements
|
|
<ul class="assert">
|
|
<li>The font-style' property applies to 'display: none' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-style-applies-to-017-3.4" class="">
|
|
<td>
|
|
<a href="font-style-applies-to-017.htm">font-style-applies-to-017</a></td>
|
|
<td><a href="reference/font-style-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font-style and 'display: inherit' elements
|
|
<ul class="assert">
|
|
<li>The 'font-style' property applies to 'display: inherit' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="test-synthetic-italic-3.4" class="font">
|
|
<td>
|
|
<a href="test-synthetic-italic.htm">test-synthetic-italic</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>Test for synthetic italic rendering
|
|
<ul class="assert">
|
|
<li>Synthetic italic text should render differently than normal text</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="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="https://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.htm">background-position-001</a></td>
|
|
<td><a href="reference/background-position-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>background-position - ex unit
|
|
<ul class="assert">
|
|
<li>ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-002-3.5" class="ahem image">
|
|
<td>
|
|
<a href="background-position-002.htm">background-position-002</a></td>
|
|
<td><a href="reference/background-position-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>background-position - ex unit
|
|
<ul class="assert">
|
|
<li>ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="c526-font-sz-000-3.5" class="">
|
|
<td>
|
|
<a href="c526-font-sz-000.htm">c526-font-sz-000</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="c526-font-sz-001-3.5" class="ahem">
|
|
<td>
|
|
<a href="c526-font-sz-001.htm">c526-font-sz-001</a></td>
|
|
<td><a href="reference/c526-font-sz-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="c526-font-sz-002-3.5" class="ahem">
|
|
<td>
|
|
<a href="c526-font-sz-002.htm">c526-font-sz-002</a></td>
|
|
<td><a href="reference/c526-font-sz-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="c526-font-sz-003-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="c526-font-sz-003.htm">c526-font-sz-003</a></td>
|
|
<td><a href="reference/c526-font-sz-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-000-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-000.htm">c527-font-000</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-001-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-001.htm">c527-font-001</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-002-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-002.htm">c527-font-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-003-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-003.htm">c527-font-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-004-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-004.htm">c527-font-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-005-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-005.htm">c527-font-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-006-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-006.htm">c527-font-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-007-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-007.htm">c527-font-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-008-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-008.htm">c527-font-008</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-009-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-009.htm">c527-font-009</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="c527-font-10-3.5" class="">
|
|
<td>
|
|
<a href="c527-font-10.htm">c527-font-10</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-001-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-001.htm">font-size-001</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using pixels with a minimum minus one value, -1px
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in pixels is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-002-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-002.htm">font-size-002</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using pixels with a minimum value, 0px
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in pixels.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-003-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-003.htm">font-size-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using pixels with a minimum plus one value, 1px
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in pixels.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-004-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-004.htm">font-size-004</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using pixels with a negative zero value, -0px
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in pixels.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-005-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-005.htm">font-size-005</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using pixels with a positive zero value, +0px
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in pixels.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-006-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-006.htm">font-size-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using pixels with a nominal value, 96px
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in pixels.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-007-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-007.htm">font-size-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using pixels with a positive nominal value, +96px
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in pixels.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-012-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-012.htm">font-size-012</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using points with a minimum minus one value, -1pt
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in points is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-013-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-013.htm">font-size-013</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using points with a minimum value, 0pt
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in points.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-014-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-014.htm">font-size-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using points with a minimum plus one value, 1pt
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in points.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-015-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-015.htm">font-size-015</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using points with a negative zero value, -0pt
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in points.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-016-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-016.htm">font-size-016</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using points with a positive zero value, +0pt
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in points.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-017-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-017.htm">font-size-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using points with a nominal value, 72pt
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in points.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-018-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-018.htm">font-size-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using points with a positive nominal value, +72pt
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in points.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-023-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-023.htm">font-size-023</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using picas with a minimum minus one value, -1pc
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in picas is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-024-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-024.htm">font-size-024</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using picas with a minimum value, 0pc
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in picas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-025-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-025.htm">font-size-025</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using picas with a minimum plus one value, 1pc
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in picas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-026-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-026.htm">font-size-026</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using picas with a negative zero value, -0pc
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in picas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-027-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-027.htm">font-size-027</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using picas with a positive zero value, +0pc
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in picas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-028-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-028.htm">font-size-028</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using picas with a nominal value, 6pc
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in picas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-029-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-029.htm">font-size-029</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using picas with a positive nominal value, +6pc
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in picas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-034-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-034.htm">font-size-034</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using centimeters with a minimum minus one value, -1cm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in centimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-035-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-035.htm">font-size-035</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using centimeters with a minimum value, 0cm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in centimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-036-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-036.htm">font-size-036</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using centimeters with a minimum plus one value, 1cm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in centimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-037-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-037.htm">font-size-037</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using centimeters with a negative zero value, -0cm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in centimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-038-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-038.htm">font-size-038</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using centimeters with a positive zero value, +0cm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in centimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-039-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-039.htm">font-size-039</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using centimeters with a nominal value, 2.54cm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in centimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-040-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-040.htm">font-size-040</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using centimeters with a positive nominal value, +2.54cm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in centimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-045-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-045.htm">font-size-045</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using millimeters with a minimum minus one value, -1mm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in millimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-046-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-046.htm">font-size-046</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using millimeters with a minimum value, 0mm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in millimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-047-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-047.htm">font-size-047</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using millimeters with a minimum plus one value, 1mm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in millimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-048-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-048.htm">font-size-048</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using millimeters with a negative zero value, -0mm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in millimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-049-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-049.htm">font-size-049</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using millimeters with a positive zero value, +0mm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in millimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-050-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-050.htm">font-size-050</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using millimeters with a nominal value, 25.4mm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in millimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-051-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-051.htm">font-size-051</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using millimeters with a positive nominal value, +25.4mm
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in millimeters.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-056-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-056.htm">font-size-056</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using inches with a minimum minus one value, -1in
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in inches is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-057-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-057.htm">font-size-057</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using inches with a minimum value, 0in
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in inches.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-058-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-058.htm">font-size-058</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using inches with a minimum plus one value, 1in
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in inches.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-059-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-059.htm">font-size-059</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using inches with a negative zero value, -0in
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in inches.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-060-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-060.htm">font-size-060</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using inches with a positive zero value, +0in
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in inches.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-061-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-061.htm">font-size-061</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using inches with a nominal value, 2in
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in inches.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-062-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-062.htm">font-size-062</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using inches with a positive nominal value, +2in
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in inches.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-067-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-067.htm">font-size-067</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using 'em' units with a minimum minus one value, -1em
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in 'em' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-068-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-068.htm">font-size-068</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'em' units with a minimum value, 0em
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in 'em' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-069-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-069.htm">font-size-069</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'em' units with a minimum plus one value, 1em
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in 'em' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-070-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-070.htm">font-size-070</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'em' units with a negative zero value, -0em
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in 'em' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-071-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-071.htm">font-size-071</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'em' units with a positive zero value, +0em
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in 'em' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-072-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-072.htm">font-size-072</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'em' units with a nominal value, 6em
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in 'em' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-073-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-073.htm">font-size-073</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'em' units with a positive nominal value, +6em
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in 'em' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-078-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-078.htm">font-size-078</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using 'ex' units with a minimum minus one value, -1ex
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-079-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-079.htm">font-size-079</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'ex' units with a minimum value, 0ex
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in 'ex' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-080-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-080.htm">font-size-080</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'ex' units with a minimum plus one value, 1ex
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in 'ex' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-081-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-081.htm">font-size-081</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'ex' units with a negative zero value, -0ex
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in 'ex' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-082-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-082.htm">font-size-082</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'ex' units with a positive zero value, +0ex
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in 'ex' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-083-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-083.htm">font-size-083</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'ex' units with a nominal value, 6ex
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in 'ex' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-084-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-084.htm">font-size-084</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using 'ex' units with a positive nominal value, +6ex
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in 'ex' units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-089-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-089.htm">font-size-089</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size using percentages with a minimum minus one value, -1%
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum minus one length value in percentages is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-090-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-090.htm">font-size-090</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using percentages with a minimum value, 0%
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum length value in percentages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-091-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-091.htm">font-size-091</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using percentages with a minimum plus one value, 1%
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a minimum plus one length value in percentages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-092-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-092.htm">font-size-092</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using percentages with a negative zero value, -0%
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value in percentages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-093-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-093.htm">font-size-093</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using percentages with a positive zero value, +0%
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value in percentages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-094-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-094.htm">font-size-094</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using percentages with a nominal value, 100%
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a nominal length value in percentages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-095-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-095.htm">font-size-095</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size using percentages with a positive nominal value, +100%
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive nominal length value in percentages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-100-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-100.htm">font-size-100</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size with a negative zero value and no units, -0
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a negative zero length value with no units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-101-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-101.htm">font-size-101</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size with a zero value and no units, 0
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a zero length value with no units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-102-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-102.htm">font-size-102</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size with a positive zero value and no units, +0
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a positive zero length value with no units.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-103-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-103.htm">font-size-103</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'xx-small'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-104-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-104.htm">font-size-104</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'x-small'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'x-small' makes the font size smaller.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-105-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-105.htm">font-size-105</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'small'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'small' makes the font size smaller.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-106-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-106.htm">font-size-106</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'medium'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'medium' is the default font size.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-107-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-107.htm">font-size-107</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'large'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'large' makes the font size larger.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-108-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-108.htm">font-size-108</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'x-large'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'x-large' makes the font size larger.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-109-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-109.htm">font-size-109</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'xx-large'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'xx-large' makes the font size larger.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-110-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-110.htm">font-size-110</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'larger'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'larger' makes the font size larger.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-111-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-111.htm">font-size-111</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to the keyword 'smaller'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property set to the keyword 'smaller' makes the font size smaller.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-112-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-112.htm">font-size-112</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size set to 'inherit'
|
|
<ul class="assert">
|
|
<li>The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-113-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-113.htm">font-size-113</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font-size - ex unit
|
|
<ul class="assert">
|
|
<li>'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-114-3.5" class="">
|
|
<td>
|
|
<a href="font-size-114.htm">font-size-114</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS: sanity tests for relative keyword values of font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-115-3.5" class="">
|
|
<td>
|
|
<a href="font-size-115.htm">font-size-115</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS: sanity tests for font inheritance
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-116-3.5" class="">
|
|
<td>
|
|
<a href="font-size-116.htm">font-size-116</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font-size in pixels
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-117-3.5" class="">
|
|
<td>
|
|
<a href="font-size-117.htm">font-size-117</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>font-sizes in pixels compared to images in pixels
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-118-3.5" class="">
|
|
<td>
|
|
<a href="font-size-118.htm">font-size-118</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS: sanity tests for relative keyword values of font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-119-3.5" class="">
|
|
<td>
|
|
<a href="font-size-119.htm">font-size-119</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>CSS: sanity tests for relative keyword values of font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-120-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-120.htm">font-size-120</a></td>
|
|
<td><a href="reference/font-size-120-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS: font-size inheritance
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-121-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-121.htm">font-size-121</a></td>
|
|
<td><a href="reference/font-size-121-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS: sanity tests for relative keyword values of font-size
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-122-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-122.htm">font-size-122</a></td>
|
|
<td><a href="reference/font-size-122-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Default Font Sizes
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-123-3.5" class="invalid">
|
|
<td>
|
|
<a href="font-size-123.htm">font-size-123</a></td>
|
|
<td><a href="reference/font-size-123-ref.htm">=</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.htm">font-size-applies-to-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: inline' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: inline' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-002-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-002.htm">font-size-applies-to-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: block' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-003-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-003.htm">font-size-applies-to-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: list-item' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: list-item' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-004-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-004.htm">font-size-applies-to-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: run-in' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: run-in' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-005-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-005.htm">font-size-applies-to-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: inline-block' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: inline-block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-006-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-006.htm">font-size-applies-to-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: table' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-007-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-007.htm">font-size-applies-to-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: inline-table' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: inline-table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-008-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-008.htm">font-size-applies-to-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: table-row-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: table-row-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-009-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-009.htm">font-size-applies-to-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: table-header-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: table-header-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-010-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-010.htm">font-size-applies-to-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: table-footer-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: table-footer-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-011-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-011.htm">font-size-applies-to-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: table-row' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: table-row' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-014-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-014.htm">font-size-applies-to-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: table-cell' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: table-cell' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-015-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-015.htm">font-size-applies-to-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: table-caption' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: table-caption' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-016-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-016.htm">font-size-applies-to-016</a></td>
|
|
<td><a href="reference/no-red-on-blank-page-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: none' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: none' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-applies-to-017-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-applies-to-017.htm">font-size-applies-to-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and 'display: inherit' elements
|
|
<ul class="assert">
|
|
<li>The 'font-size' property applies to 'display: inherit' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-rule-001-3.5" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-rule-001.htm">font-size-rule-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>Font-size, negative values
|
|
<ul class="assert">
|
|
<li>The 'font-size' does not allow for a negative value; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-rule-002-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-rule-002.htm">font-size-rule-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size, relative-size 'larger'
|
|
<ul class="assert">
|
|
<li>When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-rule-003-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-rule-003.htm">font-size-rule-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size and font sizes available
|
|
<ul class="assert">
|
|
<li>The user agent is free to choose a font-size from the font size table entries or round off to the closest font size.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-rule-004-3.5" class="ahem">
|
|
<td>
|
|
<a href="font-size-rule-004.htm">font-size-rule-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font-size 'em' unit value referring to parent
|
|
<ul class="assert">
|
|
<li>The 'em' unit refers to the computed font size of the parent element instead of the current element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="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="https://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop">3.6 Relative sizing: the font-size-adjust property</a></th></tr>
|
|
<!-- 7 tests -->
|
|
<tr id="font-size-adjust-001-3.6" class="Ahem">
|
|
<td>
|
|
<a href="font-size-adjust-001.htm">font-size-adjust-001</a></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="Ahem">
|
|
<td>
|
|
<a href="font-size-adjust-002.htm">font-size-adjust-002</a></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>
|
|
<tr id="font-size-adjust-003-3.6" class="font">
|
|
<td>
|
|
<a href="font-size-adjust-003.htm">font-size-adjust-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font-size-adjust - first available and installed font
|
|
<ul class="assert">
|
|
<li>In this test, span.test's first 3 fallback fonts are unavailable and the next fallback fonts have a relatively big aspect value with regards to each fonts listed, declared in span.reference rule (0.450). This test checks that 'font-size-adjust' property adjusts the relative height of lowercase letters of available, installed fallback fonts listed, declared in span.test rule (0.530-0.545) to match the relative height of lowercase letters of fonts listed, declared in span.reference rule (0.450).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-adjust-005-3.6" class="ahem">
|
|
<td>
|
|
<a href="font-size-adjust-005.htm">font-size-adjust-005</a></td>
|
|
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font-size-adjust - 0 value implies a 0px used font-size
|
|
<ul class="assert">
|
|
<li>This test checks that a 0 value implies that used font-size must be 0px.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-adjust-006-3.6" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-adjust-006.htm">font-size-adjust-006</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font-size-adjust - a percentage value is invalid
|
|
<ul class="assert">
|
|
<li>This test checks that a percentage value is invalid and therefore must be ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-adjust-007-3.6" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-adjust-007.htm">font-size-adjust-007</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font-size-adjust - 'auto' value is ignored
|
|
<ul class="assert">
|
|
<li>This test checks that 'auto' does not apply to font-size-adjust and therefore must be ignored.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-size-adjust-008-3.6" class="ahem invalid">
|
|
<td>
|
|
<a href="font-size-adjust-008.htm">font-size-adjust-008</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font-size-adjust - a negative value is invalid
|
|
<ul class="assert">
|
|
<li>This test checks that a negative value is invalid and therefore must be ignored.</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="https://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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">font-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-002-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-002.htm">font-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-003-3.7" class="">
|
|
<td>
|
|
<a href="font-003.htm">font-003</a></td>
|
|
<td><a href="reference/font-003-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font shorthand set using the values font-variant, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-004-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-004.htm">font-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-005-3.7" class="">
|
|
<td>
|
|
<a href="font-005.htm">font-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font shorthand set using the values font-style, font-variant, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-006-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-006.htm">font-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-weight, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-007-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-007.htm">font-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-style, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-008-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-008.htm">font-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-weight, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-009-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-009.htm">font-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-style, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-010-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-010.htm">font-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-variant, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-011-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-011.htm">font-011</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-012-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-012.htm">font-012</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-013-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-013.htm">font-013</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-014-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-014.htm">font-014</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-015-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-015.htm">font-015</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-016-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-016.htm">font-016</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-017-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-017.htm">font-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-018-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-018.htm">font-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-019-3.7" class="">
|
|
<td>
|
|
<a href="font-019.htm">font-019</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font shorthand set using the values font-variant, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-020-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-020.htm">font-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-021-3.7" class="">
|
|
<td>
|
|
<a href="font-021.htm">font-021</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-022-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-022.htm">font-022</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-023-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-023.htm">font-023</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-024-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-024.htm">font-024</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-025-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-025.htm">font-025</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-026-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-026.htm">font-026</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-027-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-027.htm">font-027</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-028-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-028.htm">font-028</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-029-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-029.htm">font-029</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-030-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-030.htm">font-030</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-031-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-031.htm">font-031</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-032-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-032.htm">font-032</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-033-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-033.htm">font-033</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font set to the keyword 'caption'
|
|
<ul class="assert">
|
|
<li>The 'font' property set to 'caption' correctly uses the system setting.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-034-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-034.htm">font-034</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font set to the keyword 'icon'
|
|
<ul class="assert">
|
|
<li>The 'font' property set to 'icon' correctly uses the system setting.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-035-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-035.htm">font-035</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font set to the keyword 'menu'
|
|
<ul class="assert">
|
|
<li>The 'font' property set to 'menu' correctly uses the system setting.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-036-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-036.htm">font-036</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font set to the keyword 'message-box'
|
|
<ul class="assert">
|
|
<li>The 'font' property set to 'message-box' correctly uses the system setting.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-037-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-037.htm">font-037</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font set to the keyword 'small-caption'
|
|
<ul class="assert">
|
|
<li>The 'font' property set to 'small-caption' correctly uses the system setting.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-038-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-038.htm">font-038</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font set to the keyword 'status-bar'
|
|
<ul class="assert">
|
|
<li>The 'font' property set to 'status-bar' correctly uses the system setting.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-039-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-039.htm">font-039</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set to 'inherit' inheriting two values
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-040-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-040.htm">font-040</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set to 'inherit' inheriting three values
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-041-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-041.htm">font-041</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set to 'inherit' inheriting four values
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-042-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-042.htm">font-042</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set to 'inherit' inheriting five values
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-043-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-043.htm">font-043</a></td>
|
|
<td><a href="reference/no_red_bold_italic_small-caps_ahem.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Font shorthand set to 'inherit' inheriting six values
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property set to 'inherit' inherits the parent element's values.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-044-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-044.htm">font-044</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font - system fonts
|
|
<ul class="assert">
|
|
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-045-3.7" class="ahem invalid">
|
|
<td>
|
|
<a href="font-045.htm">font-045</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font - inherit keyword value
|
|
<ul class="assert">
|
|
<li>The inherit keyword value cannot mix with other subproperty values</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-046-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-046.htm">font-046</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font - system fonts
|
|
<ul class="assert">
|
|
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-047-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-047.htm">font-047</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font - system fonts
|
|
<ul class="assert">
|
|
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-048-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-048.htm">font-048</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font - system fonts
|
|
<ul class="assert">
|
|
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-049-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-049.htm">font-049</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font - system fonts
|
|
<ul class="assert">
|
|
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-050-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-050.htm">font-050</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>font - system fonts
|
|
<ul class="assert">
|
|
<li>A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-051-3.7" class="ahem invalid">
|
|
<td>
|
|
<a href="font-051.htm">font-051</a></td>
|
|
<td><a href="reference/font-051-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font shorthand - minimal requirements
|
|
<ul class="assert">
|
|
<li>Font shorthand requires at minimum 2 font subproperties (unless resorting to a system font): font-size and font-family.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-052-3.7" class="font">
|
|
<td>
|
|
<a href="font-052.htm">font-052</a></td>
|
|
<td></td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>font shorthand - reserved keywords
|
|
<ul class="assert">
|
|
<li>This test verifies different valid and invalid font shorthand declarations involving reserved keywords (caption, inherit).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-144-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-144.htm">font-144</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>Parsing the 'font' shorthand
|
|
</td>
|
|
</tr>
|
|
<tr id="font-145-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-145.htm">font-145</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>The 'font' property with line-height: normal
|
|
</td>
|
|
</tr>
|
|
<tr id="font-146-3.7" class="ahem invalid">
|
|
<td>
|
|
<a href="font-146.htm">font-146</a></td>
|
|
<td><a href="reference/font-146-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
|
|
<td>font shorthand and negative line-heights
|
|
</td>
|
|
</tr>
|
|
<tr id="font-147-3.7" class="ahem">
|
|
<td>
|
|
<a href="font-147.htm">font-147</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS: unquoted 'font-family' syntax (tested with 'font')
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-001-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-001.htm">font-applies-to-001</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: inline' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: inline' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-002-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-002.htm">font-applies-to-002</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: block' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-003-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-003.htm">font-applies-to-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font and 'display: list-item' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: list-item' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-004-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-004.htm">font-applies-to-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font and 'display: run-in' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: run-in' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-005-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-005.htm">font-applies-to-005</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: inline-block' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: inline-block' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-006-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-006.htm">font-applies-to-006</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: table' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-007-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-007.htm">font-applies-to-007</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: inline-table' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: inline-table' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-008-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-008.htm">font-applies-to-008</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: table-row-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table-row-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-009-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-009.htm">font-applies-to-009</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: table-header-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table-header-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-010-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-010.htm">font-applies-to-010</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: table-footer-group' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table-footer-group' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-011-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-011.htm">font-applies-to-011</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: table-row' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table-row' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-014-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-014.htm">font-applies-to-014</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: table-cell' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table-cell' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-015-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-015.htm">font-applies-to-015</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: table-caption' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table-caption' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-016-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-016.htm">font-applies-to-016</a></td>
|
|
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: none' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: table-row' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-applies-to-017-3.7" class="">
|
|
<td>
|
|
<a href="font-applies-to-017.htm">font-applies-to-017</a></td>
|
|
<td><a href="reference/font-applies-to-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Font and 'display: inherit' elements
|
|
<ul class="assert">
|
|
<li>The 'font' property applies to 'display: inherit' elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-systemfont-rule-003-3.7" class="">
|
|
<td>
|
|
<a href="font-systemfont-rule-003.htm">font-systemfont-rule-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>System Font, substitute for similar system font when font unknown
|
|
<ul class="assert">
|
|
<li>It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="font-systemfont-rule-004-3.7" class="">
|
|
<td>
|
|
<a href="font-systemfont-rule-004.htm">font-systemfont-rule-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Font shorthand property reset to default values if not explicitly set
|
|
<ul class="assert">
|
|
<li>The 'font' shorthand property resets any property not explicitly given a value to its initial value.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="test_font_family_parsing-3.7" class="script">
|
|
<td>
|
|
<a href="test_font_family_parsing.htm">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="https://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> |