Update CSS tests to revision 7a87ef71fc579e52d3438e009107aa442bc4021b

This commit is contained in:
Ms2ger
2015-10-06 12:33:05 +02:00
parent ad94ef5a96
commit 145aea3eeb
1196 changed files with 14344 additions and 6221 deletions

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Selectors: Adjacent selectors</title>
<link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors">
<link rel="match" href="reference/adjacent-000-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Browsers should apply each rule to the adjacent element">
<style type="text/css">

View File

@@ -4,10 +4,11 @@
<title>CSS Test: Selectors: Adjacent selectors without the space separator</title>
<link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors">
<link rel="match" href="reference/adjacent-000-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Browsers should apply each rule to the adjacent element also without the space separator">
<style type="text/css">
body > p {color: silver}
body > p {color: gray}
p+p {color: purple}
p+div {color: black}

View File

@@ -4,10 +4,11 @@
<title>CSS Test: Selectors: Adjacent selectors with the universal selector</title>
<link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors">
<link rel="match" href="reference/adjacent-000-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Browsers should apply each rule to the adjacent element when combined with the universal selector">
<style type="text/css">
body > p {color: silver}
body > p {color: gray}
body > p + * {color: purple}
p + p + * {color: black}

View File

@@ -13,7 +13,7 @@
<body>
<h1>CSS 2.1 Conformance Test Suite</h1>
<h2>User interface (357 tests)</h2>
<h2>User interface (361 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -899,7 +899,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s18.4">+</a>
<a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the 'outline' property</a></th></tr>
<!-- 310 tests -->
<!-- 314 tests -->
<tr id="outline-001-18.4" class="">
<td>
<a href="outline-001.htm">outline-001</a></td>
@@ -3199,6 +3199,50 @@
</ul>
</td>
</tr>
<tr id="outline-style-001-18.4" class="">
<td>
<a href="outline-style-001.htm">outline-style-001</a></td>
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
<td></td>
<td>Outline-style set to 'none'
<ul class="assert">
<li>Outline style 'none' results in no outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-002-18.4" class="">
<td>
<a href="outline-style-002.htm">outline-style-002</a></td>
<td></td>
<td></td>
<td>Outline-style set to 'dotted'
<ul class="assert">
<li>Outline style 'dotted' results in a dotted outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-003-18.4" class="">
<td>
<a href="outline-style-003.htm">outline-style-003</a></td>
<td></td>
<td></td>
<td>Outline-style set to 'dashed'
<ul class="assert">
<li>Outline style 'dashed' results in a dashed outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-004-18.4" class="">
<td>
<a href="outline-style-004.htm">outline-style-004</a></td>
<td></td>
<td></td>
<td>Outline-style set to 'solid'
<ul class="assert">
<li>Outline style 'solid' results in a solid outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-005-18.4" class="">
<td>
<a href="outline-style-005.htm">outline-style-005</a></td>
@@ -6463,7 +6507,51 @@
</tr>
</tbody>
<tbody id="s18.4.#propdef-outline-style">
<!-- 21 tests -->
<!-- 25 tests -->
<tr id="outline-style-001-18.4.#propdef-outline-style" class="primary">
<td><strong>
<a href="outline-style-001.htm">outline-style-001</a></strong></td>
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
<td></td>
<td>Outline-style set to 'none'
<ul class="assert">
<li>Outline style 'none' results in no outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-002-18.4.#propdef-outline-style" class="primary">
<td><strong>
<a href="outline-style-002.htm">outline-style-002</a></strong></td>
<td></td>
<td></td>
<td>Outline-style set to 'dotted'
<ul class="assert">
<li>Outline style 'dotted' results in a dotted outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-003-18.4.#propdef-outline-style" class="primary">
<td><strong>
<a href="outline-style-003.htm">outline-style-003</a></strong></td>
<td></td>
<td></td>
<td>Outline-style set to 'dashed'
<ul class="assert">
<li>Outline style 'dashed' results in a dashed outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-004-18.4.#propdef-outline-style" class="primary">
<td><strong>
<a href="outline-style-004.htm">outline-style-004</a></strong></td>
<td></td>
<td></td>
<td>Outline-style set to 'solid'
<ul class="assert">
<li>Outline style 'solid' results in a solid outline.</li>
</ul>
</td>
</tr>
<tr id="outline-style-005-18.4.#propdef-outline-style" class="primary">
<td><strong>
<a href="outline-style-005.htm">outline-style-005</a></strong></td>

View File

@@ -408,7 +408,7 @@
<tr id="descendent-selector-007-5.5" class="primary">
<td><strong>
<a href="descendent-selector-007.htm">descendent-selector-007</a></strong></td>
<td></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td></td>
<td>Grandchild selection
<ul class="assert">
@@ -419,7 +419,7 @@
<tr id="descendent-selector-008-5.5" class="primary">
<td><strong>
<a href="descendent-selector-008.htm">descendent-selector-008</a></strong></td>
<td></td>
<td><a href="reference/descendent-selector-004-ref.htm">=</a> </td>
<td></td>
<td>Descendent selector with ID attribute does not match elements without the ID attribute
<ul class="assert">
@@ -430,7 +430,7 @@
<tr id="descendent-selector-009-5.5" class="primary">
<td><strong>
<a href="descendent-selector-009.htm">descendent-selector-009</a></strong></td>
<td></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td></td>
<td>Descendent selector with ID attribute
<ul class="assert">
@@ -441,7 +441,7 @@
<tr id="descendent-selector-010-5.5" class="primary">
<td><strong>
<a href="descendent-selector-010.htm">descendent-selector-010</a></strong></td>
<td></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td></td>
<td>Descendent selector and tabs
<ul class="assert">
@@ -452,7 +452,7 @@
<tr id="descendent-selector-011-5.5" class="primary">
<td><strong>
<a href="descendent-selector-011.htm">descendent-selector-011</a></strong></td>
<td></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td></td>
<td>Descendent selector and newlines
<ul class="assert">
@@ -472,7 +472,7 @@
<tr id="child-selector-001-5.6" class="primary">
<td><strong>
<a href="child-selector-001.htm">child-selector-001</a></strong></td>
<td></td>
<td><a href="reference/child-selector-001-ref.htm">=</a> </td>
<td></td>
<td>Child selector does not match when there is no matching parent
<ul class="assert">
@@ -483,7 +483,7 @@
<tr id="child-selector-002-5.6" class="primary">
<td><strong>
<a href="child-selector-002.htm">child-selector-002</a></strong></td>
<td></td>
<td><a href="reference/child-selector-002-ref.htm">=</a> </td>
<td></td>
<td>Child selector without direct child
<ul class="assert">
@@ -494,7 +494,7 @@
<tr id="child-selector-003-5.6" class="primary">
<td><strong>
<a href="child-selector-003.htm">child-selector-003</a></strong></td>
<td></td>
<td><a href="reference/child-selector-003-ref.htm">=</a> </td>
<td></td>
<td>Child selector
<ul class="assert">
@@ -514,7 +514,7 @@
<tr id="adjacent-000-5.7" class="primary">
<td><strong>
<a href="adjacent-000.htm">adjacent-000</a></strong></td>
<td></td>
<td><a href="reference/adjacent-000-ref.htm">=</a> </td>
<td></td>
<td>Selectors: Adjacent selectors
<ul class="assert">
@@ -525,7 +525,7 @@
<tr id="adjacent-001-5.7" class="primary">
<td><strong>
<a href="adjacent-001.htm">adjacent-001</a></strong></td>
<td></td>
<td><a href="reference/adjacent-000-ref.htm">=</a> </td>
<td></td>
<td>Selectors: Adjacent selectors without the space separator
<ul class="assert">
@@ -536,7 +536,7 @@
<tr id="adjacent-002-5.7" class="primary">
<td><strong>
<a href="adjacent-002.htm">adjacent-002</a></strong></td>
<td></td>
<td><a href="reference/adjacent-000-ref.htm">=</a> </td>
<td></td>
<td>Selectors: Adjacent selectors with the universal selector
<ul class="assert">
@@ -591,7 +591,7 @@
<tr id="dynamic-sibling-combinator-001-5.7" class="primary dom">
<td><strong>
<a href="dynamic-sibling-combinator-001.htm">dynamic-sibling-combinator-001</a></strong></td>
<td></td>
<td><a href="reference/dynamic-sibling-combinator-001-ref.htm">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>Testing dynamic changes and the '+' combinator
<ul class="assert">
@@ -635,7 +635,7 @@
<tr id="sibling-selector-001-5.7" class="primary">
<td><strong>
<a href="sibling-selector-001.htm">sibling-selector-001</a></strong></td>
<td></td>
<td><a href="reference/sibling-selector-001-ref.htm">=</a> </td>
<td></td>
<td>Simple sibling selector
<ul class="assert">
@@ -657,7 +657,7 @@
<tr id="sibling-selector-003-5.7" class="primary">
<td><strong>
<a href="sibling-selector-003.htm">sibling-selector-003</a></strong></td>
<td></td>
<td><a href="reference/sibling-selector-003-ref.htm">=</a> </td>
<td></td>
<td>Sibling selector with non element node
<ul class="assert">
@@ -872,7 +872,7 @@
<tr id="dynamic-sibling-combinator-001-5.8" class="dom">
<td>
<a href="dynamic-sibling-combinator-001.htm">dynamic-sibling-combinator-001</a></td>
<td></td>
<td><a href="reference/dynamic-sibling-combinator-001-ref.htm">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>Testing dynamic changes and the '+' combinator
<ul class="assert">

View File

@@ -41834,10 +41834,10 @@
</tbody>
<tbody id="s8.5.3.#value-def-border-style">
<!-- 4 tests -->
<tr id="outline-style-001-8.5.3.#value-def-border-style" class="">
<tr id="outline-style-011-8.5.3.#value-def-border-style" class="">
<td>
<a href="outline-style-001.htm">outline-style-001</a></td>
<td><a href="reference/outline-style-001-ref.htm">=</a> </td>
<a href="outline-style-011.htm">outline-style-011</a></td>
<td><a href="reference/outline-style-011-ref.htm">=</a> </td>
<td></td>
<td>outline-style - dotted (basic)
<ul class="assert">
@@ -41845,10 +41845,10 @@
</ul>
</td>
</tr>
<tr id="outline-style-002-8.5.3.#value-def-border-style" class="">
<tr id="outline-style-012-8.5.3.#value-def-border-style" class="">
<td>
<a href="outline-style-002.htm">outline-style-002</a></td>
<td><a href="reference/outline-style-002-ref.htm">=</a> </td>
<a href="outline-style-012.htm">outline-style-012</a></td>
<td><a href="reference/outline-style-012-ref.htm">=</a> </td>
<td></td>
<td>outline-style - inherit (basic)
<ul class="assert">
@@ -41856,10 +41856,10 @@
</ul>
</td>
</tr>
<tr id="outline-style-003-8.5.3.#value-def-border-style" class="">
<tr id="outline-style-013-8.5.3.#value-def-border-style" class="">
<td>
<a href="outline-style-003.htm">outline-style-003</a></td>
<td><a href="reference/outline-style-003-ref.htm">=</a> </td>
<a href="outline-style-013.htm">outline-style-013</a></td>
<td><a href="reference/outline-style-013-ref.htm">=</a> </td>
<td></td>
<td>outline-style - dashed (basic)
<ul class="assert">
@@ -41867,10 +41867,10 @@
</ul>
</td>
</tr>
<tr id="outline-style-004-8.5.3.#value-def-border-style" class="">
<tr id="outline-style-014-8.5.3.#value-def-border-style" class="">
<td>
<a href="outline-style-004.htm">outline-style-004</a></td>
<td><a href="reference/outline-style-004-ref.htm">=</a> </td>
<a href="outline-style-014.htm">outline-style-014</a></td>
<td><a href="reference/outline-style-014-ref.htm">=</a> </td>
<td></td>
<td>outline-style - double (basic)
<ul class="assert">

View File

@@ -13,7 +13,7 @@
<body>
<h1>CSS 2.1 Conformance Test Suite</h1>
<h2>Visual formatting model (1245 tests)</h2>
<h2>Visual formatting model (1244 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -1338,7 +1338,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2.2">+</a>
<a href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">9.2.2 Inline-level elements and inline boxes</a></th></tr>
<!-- 19 tests -->
<!-- 18 tests -->
<tr id="inline-block-alignment-002-9.2.2" class="ahem">
<td>
<a href="inline-block-alignment-002.htm">inline-block-alignment-002</a></td>
@@ -1405,17 +1405,6 @@
</ul>
</td>
</tr>
<tr id="inline-block-alignment-008-9.2.2" class="ahem">
<td>
<a href="inline-block-alignment-008.htm">inline-block-alignment-008</a></td>
<td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inline block alignment - alphabetical alignment with vertical layout
<ul class="assert">
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li>
</ul>
</td>
</tr>
<tr id="inlines-002-9.2.2" class="primary">
<td><strong>
<a href="inlines-002.htm">inlines-002</a></strong></td>

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Child selector does not match when there is no matching parent</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors">
<link rel="match" href="reference/child-selector-001-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Child selectors only apply when parent and child elements match.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Child selector without direct child</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors">
<link rel="match" href="reference/child-selector-002-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Child selectors only apply to child elements when there is a direct parent child relationship.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Child selector</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors">
<link rel="match" href="reference/child-selector-003-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Child selectors apply to child elements.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Grandchild selection</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors">
<link rel="match" href="reference/descendent-selector-002-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Grandchild selection is applied only to elements which are grandchildren.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Descendent selector with ID attribute does not match elements without the ID attribute</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors">
<link rel="match" href="reference/descendent-selector-004-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Descendent selector with attribute applies only to applicable elements.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Descendent selector with ID attribute</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors">
<link rel="match" href="reference/descendent-selector-002-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Descendent selector with attribute applies only to applicable elements.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Descendent selector and tabs</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors">
<link rel="match" href="reference/descendent-selector-002-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="A descendant selector can be separated by a tab.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Descendent selector and newlines</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors">
<link rel="match" href="reference/descendent-selector-002-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="A descendant selector can be separated by a newline.">
<style type="text/css">

View File

@@ -6,6 +6,7 @@
<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
<link rel="match" href="reference/dynamic-sibling-combinator-001-ref.htm">
<meta name="flags" content="dom">
<meta name="assert" content="Dynamically changing an attribute should cause selectors using '+' to match as needed.">
<style type="text/css">

View File

@@ -3,7 +3,7 @@
<head>
<title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 -->
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-002-ref.htm">
@@ -14,7 +14,6 @@
{
color: orange;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: vertical-rl;
text-orientation: mixed;
}

View File

@@ -3,7 +3,7 @@
<head>
<title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 -->
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-003-ref.htm">
@@ -14,7 +14,6 @@
{
color: orange;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: vertical-lr;
text-orientation: mixed;
}

View File

@@ -3,7 +3,7 @@
<head>
<title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 -->
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-002-ref.htm">
@@ -14,7 +14,6 @@
{
color: orange;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: vertical-rl;
text-orientation: upright;
}

View File

@@ -3,7 +3,7 @@
<head>
<title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 -->
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-003-ref.htm">
@@ -14,7 +14,6 @@
{
color: orange;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: vertical-lr;
text-orientation: upright;
}

View File

@@ -3,7 +3,7 @@
<head>
<title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 -->
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-006-ref.htm">
@@ -14,7 +14,6 @@
{
color: fuchsia;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: vertical-rl;
text-orientation: sideways;
}

View File

@@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-006-ref.htm">
@@ -13,7 +14,6 @@
{
color: fuchsia;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: vertical-lr;
text-orientation: sideways;
}

View File

@@ -1,61 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-006-ref.htm">
<meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.">
<meta name="flags" content="ahem">
<style type="text/css">
div#rl-sideways-right
{
color: fuchsia;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: vertical-rl;
text-orientation: sideways-right;
}
div#inline-block
{
display: inline-block;
padding-left: 0.5em; /* computes to 60px */
font-size: 2em; /* computes to 120px */
/*
such padding-left declaration is arbitrary and only serve to make the
test a bit more challenging.
*/
}
span.block-descendant
{
display: block;
}
span#fuchsia30
{
padding-right: 4em; /* computes to 120px */
font-size: 0.5em; /* computes to 30px */
/*
such padding-right declaration is arbitrary and only serve to make the
test a bit more challenging.
*/
}
</style>
</head>
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<div id="rl-sideways-right">É<div id="inline-block">
<span class="block-descendant">B</span>
<span class="block-descendant last-line-box">É</span>
</div><span id="fuchsia30">É</span></div>
</body>
</html>

View File

@@ -1,25 +1,23 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-001-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert">
<style>
#test {
height: 100px;
margin: 30px;
outline-color: green;
outline-style: dotted;
outline-width: 4px;
width: 100px;
}
</style>
</head><body>
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p>
<div id="test"></div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Outline-style set to 'none'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">
<link rel="match" href="reference/no-red-filler-text-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Outline style 'none' results in no outline.">
<style type="text/css">
div
{
outline-style: none;
outline-color: red;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div>Filler Text</div>
</body>
</html>

View File

@@ -1,35 +1,24 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-002-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert">
<style>
#parent {
height: 110px;
margin: 30px;
outline-color: blue;
outline-style: dotted;
outline-width: 4px;
padding: 20px;
width: 110px;
}
#child {
height: 110px;
outline-color: green;
outline-style: inherit;
outline-width: 4px;
width: 110px;
}
</style>
</head><body>
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p>
<div id="parent">
<div id="child"></div>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Outline-style set to 'dotted'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">
<meta name="flags" content="">
<meta name="assert" content="Outline style 'dotted' results in a dotted outline.">
<style type="text/css">
div
{
height: 1in;
outline-style: dotted;
outline-color: blue;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is a dotted box below.</p>
<div></div>
</body>
</html>

View File

@@ -1,25 +1,24 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-003-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert">
<style>
#test {
height: 150px;
margin: 30px;
outline-color: green;
outline-style: dashed;
outline-width: 2px;
width: 150px;
}
</style>
</head><body>
<p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p>
<div id="test"></div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Outline-style set to 'dashed'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">
<meta name="flags" content="">
<meta name="assert" content="Outline style 'dashed' results in a dashed outline.">
<style type="text/css">
div
{
height: 1in;
outline-style: dashed;
outline-color: blue;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is a dashed box below.</p>
<div>Filler Text</div>
</body>
</html>

View File

@@ -1,25 +1,24 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - double (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-004-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert">
<style>
#test {
height: 150px;
margin: 30px;
outline-color: green;
outline-style: double;
outline-width: 4px;
width: 150px;
}
</style>
</head><body>
<p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p>
<div id="test"></div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Outline-style set to 'solid'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">
<meta name="flags" content="">
<meta name="assert" content="Outline style 'solid' results in a solid outline.">
<style type="text/css">
div
{
height: 1in;
outline-style: solid;
outline-color: blue;
width: 1in;
}
</style>
</head>
<body>
<p>Test passes if there is a box below.</p>
<div></div>
</body>
</html>

View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-011-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert">
<style>
#test {
height: 100px;
margin: 30px;
outline-color: green;
outline-style: dotted;
outline-width: 4px;
width: 100px;
}
</style>
</head><body>
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p>
<div id="test"></div>
</body></html>

View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-012-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert">
<style>
#parent {
height: 110px;
margin: 30px;
outline-color: blue;
outline-style: dotted;
outline-width: 4px;
padding: 20px;
width: 110px;
}
#child {
height: 110px;
outline-color: green;
outline-style: inherit;
outline-width: 4px;
width: 110px;
}
</style>
</head><body>
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p>
<div id="parent">
<div id="child"></div>
</div>
</body></html>

View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-013-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert">
<style>
#test {
height: 150px;
margin: 30px;
outline-color: green;
outline-style: dashed;
outline-width: 2px;
width: 150px;
}
</style>
</head><body>
<p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p>
<div id="test"></div>
</body></html>

View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: outline-style - double (basic)</title>
<link href="http://www.intel.com/" rel="author" title="Intel">
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
<link href="reference/outline-style-014-ref.htm" rel="match">
<meta content="" name="flags">
<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert">
<style>
#test {
height: 150px;
margin: 30px;
outline-color: green;
outline-style: double;
outline-width: 4px;
width: 150px;
}
</style>
</head><body>
<p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p>
<div id="test"></div>
</body></html>

View File

@@ -0,0 +1,27 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
<style type="text/css">
.gray {
color: gray;
}
.purple {
color: purple;
}
.black {
color: black;
}
.blue {
color: blue;
}
</style>
</head>
<body>
<p class="gray">Filler text.</p>
<p class="purple">This text should be purple.</p>
<div class="black">This text should be black.</div>
<h4 class="blue">This text should be blue.</h4>
</body>
</html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<h1>Filler Text</h1>
</body>
</html>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div><blockquote><h1>Filler Text</h1></blockquote></div>
</body>
</html>

View File

@@ -0,0 +1,16 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
<style type="text/css">
h1 {
color: green;
}
</style>
</head>
<body>
<p>Test passes if the "Filler Text" below is green.</p>
<div><h1>Filler Text</h1></div>
</body>
</html>

View File

@@ -0,0 +1,24 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
<style type="text/css">
div {
color: green;
}
</style>
</head>
<body>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
<div>This should be green</div>
</body>
</html>

View File

@@ -0,0 +1,17 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
<style type="text/css">
.green {
color: green;
}
</style>
</head>
<body>
<p>Test passes if the first line of "Filler Text" below is green, but the second line of "Filler Text" below is black.</p>
<div class="green">Filler Text</div>
<div>Filler Text</div>
</body>
</html>

View File

@@ -0,0 +1,17 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
<style type="text/css">
.green {
color: green;
}
</style>
</head>
<body>
<p>Test passes if the first line of "Filler Text" below is black, but the second line of "Filler Text" below is green.</p>
<div>Filler Text</div>
<div class="green">Filler Text</div>
</body>
</html>

View File

@@ -3,7 +3,8 @@ CSS Orientation Test
Overview
----
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
Getting Involved
----
@@ -14,20 +15,26 @@ Building
Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/).
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
Requirements
----
For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
Building the fonts
----
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*.
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
by executing *makeotf -h*.
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H
% sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf

View File

@@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"><head>
<meta charset="utf-8">
<title>Inner Frame</title>
<link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson">
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 -->

View File

@@ -3144,6 +3144,30 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="adjacent-000" class="">
<tr>
<td rowspan="1" title="Selectors: Adjacent selectors">
<a href="adjacent-000.htm">adjacent-000</a></td>
<td><a href="reference/adjacent-000-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="adjacent-001" class="">
<tr>
<td rowspan="1" title="Selectors: Adjacent selectors without the space separator">
<a href="adjacent-001.htm">adjacent-001</a></td>
<td><a href="reference/adjacent-000-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="adjacent-002" class="">
<tr>
<td rowspan="1" title="Selectors: Adjacent selectors with the universal selector">
<a href="adjacent-002.htm">adjacent-002</a></td>
<td><a href="reference/adjacent-000-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="adjacent-floats-001" class="">
<tr>
<td rowspan="1" title="Multiple floated boxes adjacent to each other">
@@ -21012,6 +21036,30 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="child-selector-001" class="">
<tr>
<td rowspan="1" title="Child selector does not match when there is no matching parent">
<a href="child-selector-001.htm">child-selector-001</a></td>
<td><a href="reference/child-selector-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="child-selector-002" class="">
<tr>
<td rowspan="1" title="Child selector without direct child">
<a href="child-selector-002.htm">child-selector-002</a></td>
<td><a href="reference/child-selector-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="child-selector-003" class="">
<tr>
<td rowspan="1" title="Child selector">
<a href="child-selector-003.htm">child-selector-003</a></td>
<td><a href="reference/child-selector-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="class-selector-001" class="">
<tr>
<td rowspan="1" title="Class selectors with only a partial match of 'class' attribute">
@@ -24004,6 +24052,46 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="descendent-selector-007" class="">
<tr>
<td rowspan="1" title="Grandchild selection">
<a href="descendent-selector-007.htm">descendent-selector-007</a></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="descendent-selector-008" class="">
<tr>
<td rowspan="1" title="Descendent selector with ID attribute does not match elements without the ID attribute">
<a href="descendent-selector-008.htm">descendent-selector-008</a></td>
<td><a href="reference/descendent-selector-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="descendent-selector-009" class="">
<tr>
<td rowspan="1" title="Descendent selector with ID attribute">
<a href="descendent-selector-009.htm">descendent-selector-009</a></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="descendent-selector-010" class="">
<tr>
<td rowspan="1" title="Descendent selector and tabs">
<a href="descendent-selector-010.htm">descendent-selector-010</a></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="descendent-selector-011" class="">
<tr>
<td rowspan="1" title="Descendent selector and newlines">
<a href="descendent-selector-011.htm">descendent-selector-011</a></td>
<td><a href="reference/descendent-selector-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="direction-001" class="">
<tr>
<td rowspan="1" title="Direction set to 'ltr'">
@@ -24292,6 +24380,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="dynamic-sibling-combinator-001" class="dom">
<tr>
<td rowspan="1" title="Testing dynamic changes and the '+' combinator">
<a href="dynamic-sibling-combinator-001.htm">dynamic-sibling-combinator-001</a></td>
<td><a href="reference/dynamic-sibling-combinator-001-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="dynamic-top-change-001" class="dom">
<tr>
<td rowspan="1" title="Inheriting 'top' changes from relpos grandparent">
@@ -29196,14 +29292,6 @@
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="inline-block-alignment-008" class="ahem">
<tr>
<td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout">
<a href="inline-block-alignment-008.htm">inline-block-alignment-008</a></td>
<td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="inline-block-height-001" class="">
<tr>
<td rowspan="1" title="Test for height:auto on inline-block">
@@ -37849,33 +37937,41 @@
</tbody>
<tbody id="outline-style-001" class="">
<tr>
<td rowspan="1" title="outline-style - dotted (basic)">
<td rowspan="1" title="Outline-style set to 'none'">
<a href="outline-style-001.htm">outline-style-001</a></td>
<td><a href="reference/outline-style-001-ref.htm">=</a> </td>
<td><a href="reference/no-red-filler-text-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="outline-style-002" class="">
<tbody id="outline-style-011" class="">
<tr>
<td rowspan="1" title="outline-style - dotted (basic)">
<a href="outline-style-011.htm">outline-style-011</a></td>
<td><a href="reference/outline-style-011-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="outline-style-012" class="">
<tr>
<td rowspan="1" title="outline-style - inherit (basic)">
<a href="outline-style-002.htm">outline-style-002</a></td>
<td><a href="reference/outline-style-002-ref.htm">=</a> </td>
<a href="outline-style-012.htm">outline-style-012</a></td>
<td><a href="reference/outline-style-012-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="outline-style-003" class="">
<tbody id="outline-style-013" class="">
<tr>
<td rowspan="1" title="outline-style - dashed (basic)">
<a href="outline-style-003.htm">outline-style-003</a></td>
<td><a href="reference/outline-style-003-ref.htm">=</a> </td>
<a href="outline-style-013.htm">outline-style-013</a></td>
<td><a href="reference/outline-style-013-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="outline-style-004" class="">
<tbody id="outline-style-014" class="">
<tr>
<td rowspan="1" title="outline-style - double (basic)">
<a href="outline-style-004.htm">outline-style-004</a></td>
<td><a href="reference/outline-style-004-ref.htm">=</a> </td>
<a href="outline-style-014.htm">outline-style-014</a></td>
<td><a href="reference/outline-style-014-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@@ -43391,6 +43487,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="sibling-selector-001" class="">
<tr>
<td rowspan="1" title="Simple sibling selector">
<a href="sibling-selector-001.htm">sibling-selector-001</a></td>
<td><a href="reference/sibling-selector-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="sibling-selector-002" class="">
<tr>
<td rowspan="1" title="Sibling selector with non-element node">
@@ -43399,6 +43503,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="sibling-selector-003" class="">
<tr>
<td rowspan="1" title="Sibling selector with non element node">
<a href="sibling-selector-003.htm">sibling-selector-003</a></td>
<td><a href="reference/sibling-selector-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="sort-by-order-001" class="">
<tr>
<td rowspan="1" title="Casdading order - sort by order specified">

View File

@@ -418,6 +418,9 @@ abspos-width-002.htm == reference/ref-if-there-is-no-red.htm
abspos-width-003.htm == reference/ref-if-there-is-no-red.htm
abspos-width-004.htm == reference/ref-filled-green-100px-square.htm
abspos-width-005.htm == reference/abspos-width-005-ref.htm
adjacent-000.htm == reference/adjacent-000-ref.htm
adjacent-001.htm == reference/adjacent-000-ref.htm
adjacent-002.htm == reference/adjacent-000-ref.htm
adjacent-floats-001.htm == reference/adjacent-floats-001-ref.htm
after-content-display-001.htm == reference/after-content-display-001-ref.htm
after-content-display-002.htm == reference/after-content-display-002-ref.htm
@@ -2662,6 +2665,9 @@ case-sensitive-005.htm == reference/case-sensitive-005-ref.htm
case-sensitive-006.htm == reference/filler-text-below-green.htm
case-sensitive-007.htm == reference/no-red-filler-text-ref.htm
charset-attr-001.htm == reference/at-charset-ref.htm
child-selector-001.htm == reference/child-selector-001-ref.htm
child-selector-002.htm == reference/child-selector-002-ref.htm
child-selector-003.htm == reference/child-selector-003-ref.htm
class-selector-001.htm == reference/no-red-filler-text-ref.htm
class-selector-002.htm == reference/filler-text-below-green.htm
class-selector-003.htm == reference/filler-text-below-green.htm
@@ -3036,6 +3042,11 @@ descendent-selector-003.htm == reference/descendent-selector-002-ref.htm
descendent-selector-004.htm == reference/descendent-selector-004-ref.htm
descendent-selector-005.htm == reference/no-red-filler-text-ref.htm
descendent-selector-006.htm == reference/descendent-selector-004-ref.htm
descendent-selector-007.htm == reference/descendent-selector-002-ref.htm
descendent-selector-008.htm == reference/descendent-selector-004-ref.htm
descendent-selector-009.htm == reference/descendent-selector-002-ref.htm
descendent-selector-010.htm == reference/descendent-selector-002-ref.htm
descendent-selector-011.htm == reference/descendent-selector-002-ref.htm
direction-001.htm == reference/direction-001-ref.htm
direction-002.htm == reference/direction-002-ref.htm
direction-003.htm == reference/direction-002-ref.htm
@@ -3072,6 +3083,7 @@ display-change-001.htm == reference/display-change-001-ref.htm
display-none-001.htm == reference/ref-if-there-is-no-red.htm
display-none-002.htm == reference/ref-if-there-is-no-red.htm
display-none-003.htm == reference/ref-if-there-is-no-red.htm
dynamic-sibling-combinator-001.htm == reference/dynamic-sibling-combinator-001-ref.htm
dynamic-top-change-001.htm == reference/dynamic-top-change-001-ref.htm
dynamic-top-change-002.htm == reference/dynamic-top-change-002-ref.htm
dynamic-top-change-003.htm == reference/dynamic-top-change-002-ref.htm
@@ -3689,7 +3701,6 @@ inline-block-alignment-004.htm == reference/inline-block-alignment-002-ref.htm
inline-block-alignment-005.htm == reference/inline-block-alignment-003-ref.htm
inline-block-alignment-006.htm == reference/inline-block-alignment-006-ref.htm
inline-block-alignment-007.htm == reference/inline-block-alignment-006-ref.htm
inline-block-alignment-008.htm == reference/inline-block-alignment-006-ref.htm
inline-block-height-001.htm == reference/inline-block-height-001-ref.htm
inline-block-height-002.htm == reference/inline-block-height-002-ref.htm
inline-block-non-replaced-height-001.htm == reference/height-percentage-001-ref.htm
@@ -4783,10 +4794,11 @@ outline-color-115.htm == reference/outline-color-115-ref.htm
outline-color-applies-to-005.htm == reference/no-red-on-blank-page-ref.htm
outline-color-applies-to-006.htm == reference/no-red-on-blank-page-ref.htm
outline-layout-006.htm == reference/outline-layout-006-ref.htm
outline-style-001.htm == reference/outline-style-001-ref.htm
outline-style-002.htm == reference/outline-style-002-ref.htm
outline-style-003.htm == reference/outline-style-003-ref.htm
outline-style-004.htm == reference/outline-style-004-ref.htm
outline-style-001.htm == reference/no-red-filler-text-ref.htm
outline-style-011.htm == reference/outline-style-011-ref.htm
outline-style-012.htm == reference/outline-style-012-ref.htm
outline-style-013.htm == reference/outline-style-013-ref.htm
outline-style-014.htm == reference/outline-style-014-ref.htm
outline-style-applies-to-005.htm == reference/no-red-on-blank-page-ref.htm
outline-style-applies-to-006.htm == reference/no-red-on-blank-page-ref.htm
outline-width-002.htm == reference/no-red-filler-text-ref.htm
@@ -5476,7 +5488,9 @@ shand-font-000.htm == reference/shand-font-000-ref.htm
shand-font-001.htm == reference/shand-font-000-ref.htm
shand-font-002.htm == reference/shand-font-002-ref.htm
shand-font-003.htm == reference/shand-font-002-ref.htm
sibling-selector-001.htm == reference/sibling-selector-001-ref.htm
sibling-selector-002.htm == reference/filler-text-below-green.htm
sibling-selector-003.htm == reference/sibling-selector-003-ref.htm
sort-by-order-001.htm == reference/ref-filled-green-100px-square.htm
specificity-001.htm == reference/filler-text-below-green.htm
specificity-002.htm == reference/filler-text-below-green.htm

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Simple sibling selector</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors">
<link rel="match" href="reference/sibling-selector-001-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Sibling selector only applies to immediate siblings.">
<style type="text/css">

View File

@@ -4,6 +4,7 @@
<title>CSS Test: Sibling selector with non element node</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors">
<link rel="match" href="reference/sibling-selector-003-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Sibling selector only applies to immediate siblings ignoring text nodes.">
<style type="text/css">

View File

@@ -3,7 +3,8 @@ CSS Orientation Test
Overview
----
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
Getting Involved
----
@@ -14,20 +15,26 @@ Building
Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/).
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
Requirements
----
For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
Building the fonts
----
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*.
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
by executing *makeotf -h*.
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H
% sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf

View File

@@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"><head>
<meta charset="utf-8">
<title>Inner Frame</title>
<link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson">
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 -->

View File

@@ -62,7 +62,7 @@
<tbody id="s9">
<tr><th><a href="chapter-9.htm">Chapter 9 -
Visual formatting model</a></th>
<td>(1245 Tests)</td></tr>
<td>(1244 Tests)</td></tr>
</tbody>
<tbody id="s10">
<tr><th><a href="chapter-10.htm">Chapter 10 -
@@ -107,7 +107,7 @@
<tbody id="s18">
<tr><th><a href="chapter-18.htm">Chapter 18 -
User interface</a></th>
<td>(357 Tests)</td></tr>
<td>(361 Tests)</td></tr>
</tbody>
<tbody id="sA">
<tr><th><a href="chapter-A.htm">Appendix A -