mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
231 lines
No EOL
8.5 KiB
HTML
231 lines
No EOL
8.5 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Resizing & Overflow - CSS Basic User Interface 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 Basic User Interface Module Level 3 CR Test Suite</h1>
|
|
<h2>Resizing & Overflow (12 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="s5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5">+</a>
|
|
<a href="http://www.w3.org/TR/css3-ui/#resizing-and-overflow">5 Resizing & Overflow</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.1">+</a>
|
|
<a href="http://www.w3.org/TR/css3-ui/#resize">5.1 resize property</a></th></tr>
|
|
<!-- 7 tests -->
|
|
<tr id="resize-001-5.1" class="primary interact">
|
|
<td><strong>
|
|
<a href="resize-001.htm">resize-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - both - both width and height adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that both width and height adjusted when resize set both.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-002-5.1" class="primary interact">
|
|
<td><strong>
|
|
<a href="resize-002.htm">resize-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - horizontal - only the width can be adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that only the width of element can be adjusted when resize set horizontal</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-003-5.1" class="primary interact">
|
|
<td><strong>
|
|
<a href="resize-003.htm">resize-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - inherit - the resize property inherits parent element
|
|
<ul class="assert">
|
|
<li>Test checks that the resize element inherits parent element</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-004-5.1" class="primary interact">
|
|
<td><strong>
|
|
<a href="resize-004.htm">resize-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize initial value - none
|
|
<ul class="assert">
|
|
<li>Test checks that the resize property initial value is none</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-005-5.1" class="primary interact">
|
|
<td><strong>
|
|
<a href="resize-005.htm">resize-005</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - none - neither width nor height can be adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that neither the width nor the height can be adjusted when resize set none</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-006-5.1" class="primary interact">
|
|
<td><strong>
|
|
<a href="resize-006.htm">resize-006</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - vertical - only the height can be adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that only the height can be adjusted when resize set vertical</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-007-5.1" class="primary interact">
|
|
<td><strong>
|
|
<a href="resize-007.htm">resize-007</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - invalid without overflow property
|
|
<ul class="assert">
|
|
<li>Test checks that resize property is invalid without overflow property</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s5.1.#example-0ff410a0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#propdef-resize">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.2">+</a>
|
|
<a href="http://www.w3.org/TR/css3-ui/#text-overflow">5.2 Overflow Ellipsis: the text-overflow property</a></th></tr>
|
|
<!-- 5 tests -->
|
|
<tr id="text-overflow-5.2" class="primary ahem font">
|
|
<td><strong>
|
|
<a href="text-overflow.htm">text-overflow</a></strong></td>
|
|
<td><a href="reference/text-overflow-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>text-overflow - ellipsis
|
|
<ul class="assert">
|
|
<li>'text-overflow:ellipsis' renders U+2026 when text is overflowing.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-001-5.2" class="primary">
|
|
<td><strong>
|
|
<a href="text-overflow-001.htm">text-overflow-001</a></strong></td>
|
|
<td><a href="reference/text-overflow-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - clip - the text inline content overflows will be broken
|
|
<ul class="assert">
|
|
<li>Test checks that the inline content that overflows will be clipped. Characters may be only partially rendered when text-overflow set clip</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-002-5.2" class="primary">
|
|
<td><strong>
|
|
<a href="text-overflow-002.htm">text-overflow-002</a></strong></td>
|
|
<td><a href="reference/text-overflow-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - ellipsis - the broken textual content instead of ellipsis
|
|
<ul class="assert">
|
|
<li>Test checks that an ellipsis (...) is shown instead of overflowing textual content</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-003-5.2" class="primary">
|
|
<td><strong>
|
|
<a href="text-overflow-003.htm">text-overflow-003</a></strong></td>
|
|
<td><a href="reference/text-overflow-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - inherit - inherit clip value of parent's text-overflow property
|
|
<ul class="assert">
|
|
<li>Test checks that text-overflow inherits the parent' clip value when text-overflow set inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-004-5.2" class="primary">
|
|
<td><strong>
|
|
<a href="text-overflow-004.htm">text-overflow-004</a></strong></td>
|
|
<td><a href="reference/text-overflow-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - inherit - inherit ellipsis value of parent's text-overflow property
|
|
<ul class="assert">
|
|
<li>Test checks that text-overflow inherits the parent' ellipsis value when text-overflow set inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s5.2.#awesome-table">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#clip">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsing-details">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsis">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsis-interaction">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsis-scrolling">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#example-4d792064">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#example-c43e380d">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#example-d22e5e5b">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#overflow-clip">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#overflow-ellipsis">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#overflow-string">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#propdef-text-overflow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#text-overflow-examples">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |