mirror of
https://github.com/servo/servo.git
synced 2025-06-24 00:54:32 +01:00
182 lines
No EOL
7.4 KiB
HTML
182 lines
No EOL
7.4 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Box Model addition - 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>Box Model addition (10 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column"></col>
|
|
<col id="refs-column"></col>
|
|
<col id="flags-column"></col>
|
|
<col id="info-column"></col>
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3">+</a>
|
|
<a href="http://www.w3.org/TR/css3-ui/#box-model">3 Box Model addition</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1">+</a>
|
|
<a href="http://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr>
|
|
<!-- 10 tests -->
|
|
<tr id="box-sizing-border-box-001-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="box-sizing-border-box-001.xht">box-sizing-border-box-001</a></strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Sizing - Border-Box with specified width
|
|
<ul class="assert">
|
|
<li>box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-border-box-002-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="box-sizing-border-box-002.xht">box-sizing-border-box-002</a></strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Sizing - Border-Box with specified width
|
|
<ul class="assert">
|
|
<li>box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-border-box-003-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="box-sizing-border-box-003.xht">box-sizing-border-box-003</a></strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Sizing - Border-Box with specified width/height
|
|
<ul class="assert">
|
|
<li>box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-border-box-004-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="box-sizing-border-box-004.xht">box-sizing-border-box-004</a></strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Sizing - Border-Box with min/max width/height
|
|
<ul class="assert">
|
|
<li>box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-content-box-001-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="box-sizing-content-box-001.xht">box-sizing-content-box-001</a></strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Sizing - Content-Box with specified width/height
|
|
<ul class="assert">
|
|
<li>box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-content-box-002-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="box-sizing-content-box-002.xht">box-sizing-content-box-002</a></strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Sizing - Content-Box with specified width/height
|
|
<ul class="assert">
|
|
<li>box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-content-box-003-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="box-sizing-content-box-003.xht">box-sizing-content-box-003</a></strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Sizing - Content-Box with min/max width/height
|
|
<ul class="assert">
|
|
<li>box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-replaced-001-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="box-sizing-replaced-001.xht">box-sizing-replaced-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing
|
|
<ul class="assert">
|
|
<li>All images should be sized at 75px x 75px, with 5px of padding around each.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-replaced-002-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="box-sizing-replaced-002.xht">box-sizing-replaced-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing
|
|
<ul class="assert">
|
|
<li>All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-sizing-replaced-003-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="box-sizing-replaced-003.xht">box-sizing-replaced-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing
|
|
<ul class="assert">
|
|
<li>All images should be sized at 75px x 75px.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.1.#box-sizing-example">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#example-ede4dfdf">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#max-inner-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#max-inner-width">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#min-inner-height">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#min-inner-width">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#propdef-box-sizing">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#valdef-box-sizing-border-box">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#valdef-box-sizing-content-box">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |