diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
| commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
| tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /testing/web-platform/tests/css/CSS2/ui | |
| parent | Initial commit. (diff) | |
| download | thunderbird-upstream.tar.xz thunderbird-upstream.zip | |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/ui')
438 files changed, 12434 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-001.xht new file mode 100644 index 0000000000..7528f236ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor using the 'url()' function</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="Cursor 'uri' results in the cursor that is specified by the URI." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: url("support/cursor.cur"), auto; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if the cursor style matches this image (<img alt="3D move cursor" src="support/cursor.png" />) when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-002.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-002.xht new file mode 100644 index 0000000000..1644c337ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-002.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'auto' results in a cursor that is determined by the user agent according to the context." /> + <style type="text/css"> + #test + { + border: solid 2px blue; + cursor: auto; + height: 100px; + width: 500px; + } + #reference + { + border: solid 2px blue; + height: 100px; + margin-top: 50px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if the cursor is the same when it is over "Filler Text" and when it is over "Reference Text" below.</p> + <div id="test">Filler Text</div> + <div id="reference">Reference Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-003.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-003.xht new file mode 100644 index 0000000000..5cf1dd7301 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-003.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'crosshair'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'crosshair' results in a crosshair cursor resembling a '+' sign." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: crosshair; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a crosshair cursor appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-004.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-004.xht new file mode 100644 index 0000000000..3a5c25daf7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-004.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'default'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'default' results in the default cursor." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: default; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if an arrow cursor appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-005.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-005.xht new file mode 100644 index 0000000000..edc217fcdc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-005.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'pointer'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'pointer' results in a cursor that indicates a link." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: pointer; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a pointer cursor appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-006.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-006.xht new file mode 100644 index 0000000000..e524a8359e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-006.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'move'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'move' results in a cursor that indicates an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: move; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a move cursor appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-007.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-007.xht new file mode 100644 index 0000000000..a1bf8a8e64 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-007.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'e-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'e-resize' results in a cursor that indicates the east edge of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: e-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates eastward movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-008.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-008.xht new file mode 100644 index 0000000000..6bc449b9d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-008.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'ne-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'ne-resize' results in a cursor that indicates the north-east corner of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: ne-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates northeastward movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-009.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-009.xht new file mode 100644 index 0000000000..59aa2bd399 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-009.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'nw-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'nw-resize' results in a cursor that indicates the north-west corner of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: nw-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates northwestward movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-010.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-010.xht new file mode 100644 index 0000000000..219d722a36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-010.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'n-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'n-resize' results in a cursor that indicates the north edge of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: n-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates northward movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-011.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-011.xht new file mode 100644 index 0000000000..788d85d1d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-011.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'se-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'se-resize' results in a cursor that indicates the south-east corner of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: se-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates southeastward movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-012.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-012.xht new file mode 100644 index 0000000000..7508f7b045 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-012.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'sw-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'sw-resize' results in a cursor that indicates the south-west corner of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: sw-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates southwestard movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-013.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-013.xht new file mode 100644 index 0000000000..c23b8346d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-013.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 's-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 's-resize' results in a cursor that indicates the south edge of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: s-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates southward movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-014.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-014.xht new file mode 100644 index 0000000000..139b8f24cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-014.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'w-resize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'w-resize' results in a cursor that indicates the west edge of an element can be moved." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: w-resize; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a cursor that indicates westward movement appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-015.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-015.xht new file mode 100644 index 0000000000..dd2d441cf5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-015.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'text'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'text' results in a cursor that indicates user can select or input text." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: text; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a text cursor (the same one as when mouse is over this text) appears when the mouse cursor is inside the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-016.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-016.xht new file mode 100644 index 0000000000..a693640742 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-016.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'wait'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'wait' results in a cursor that indicates the page is busy and user needs to wait." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: wait; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a wait cursor appears when the mouse cursor is inside the blue box. (Such wait cursor often resembles a watch or hourglass.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-017.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-017.xht new file mode 100644 index 0000000000..c9c44eca9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-017.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'help'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'help' results in a cursor that indicates help information is available." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: help; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a help cursor appears when the mouse cursor is inside the blue box. (Such help cursor often resembles a question mark or a balloon.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-018.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-018.xht new file mode 100644 index 0000000000..5d926572dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-018.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'progress'</title> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/ui/cursor/001.html"/> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'progress' results in a cursor that indicates something is in progression." /> + <style type="text/css"> + div + { + border: solid 2px blue; + cursor: progress; + height: 200px; + width: 500px; + } + </style> + </head> + <body> + <p>Test passes if a progress cursor appears when the mouse cursor is inside the blue box. (Such progess cursor often resembles a spinning beach ball, an arrow with a watch or an arrow with an hourglass.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-019.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-019.xht new file mode 100644 index 0000000000..f46be11ec9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-019.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Cursor 'inherit' results in the same cursor value as the parent element has." /> + <style type="text/css"> + div + { + cursor: text; + } + div div + { + border: 2px solid blue; + cursor: inherit; + } + #div1 + { + cursor: pointer; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when mouse is over the following text.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-020.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-020.xht new file mode 100644 index 0000000000..e39369ea87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-020.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: cursor - <uri> value</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta content="interact" name="flags" /> + <meta content="If the user agent cannot handle an user-defined cursor, it must use the generic cursor at the end of the list. The auto value should make UA determine the cursor to display based on the current context." name="assert" /> + + <style type="text/css"><![CDATA[ + div {cursor: url("inexistent.cur"), auto;} + ]]></style> + + </head> + + <body> + + <p>Hovering the pointing device over the text sample should make it rendered as a text cursor (often an I-beam).</p> + + <div>text sample</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-021.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-021.xht new file mode 100644 index 0000000000..a44cf7905c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-021.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: cursor - <uri> value</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta content="interact invalid" name="flags" /> + <meta content="When an user-defined cursor is provided, a generic cursor value must be provided at the end of the list." name="assert" /> + + <style type="text/css"><![CDATA[ + span {cursor: url("support/fail.cur");} + ]]></style> + + </head> + + <body> + + <p>Hovering the pointing device over the text sample should make it rendered as a text cursor (often an I-beam).</p> + + <div> + <span>text sample</span> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-022.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-022.xht new file mode 100644 index 0000000000..3e1d3cd8eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-022.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: cursor - set to an invalid value</title> + + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets" /> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" /> + <meta content="The property 'cursor', when set to an invalid value or an illegal value, must be ignored. Then, instead, the cursor to display should be based on the current context." name="assert" /> + <meta content="interact invalid" name="flags" /> + + <style type="text/css"><![CDATA[ + div {cursor: invalid-value, crosshair;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the pointing device, when hovered over the text sample, is the text cursor (often rendered as an I-beam). Test fails if the pointing device is a crosshair (e.g., short line segments resembling a "+" sign).</p> + + <div>Text sample</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-023.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-023.xht new file mode 100644 index 0000000000..cd0db15a15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-023.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: PNG or GIF cursor</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/ui/cursor/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="image interact" /> + <style type="text/css"> + html { color: blue; font-size: 2em; cursor: url(support/cat.png), + url(support/cat.gif), crosshair; } + </style> + </head> + <body> + <p>Hover over this page. You should see another (possibly scaled-down) + copy of the cat you see below, moving as you move the mouse.</p> + <p><img src="support/cat.png" alt="FAIL"/></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-024.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-024.xht new file mode 100644 index 0000000000..6e7f1d2b94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-024.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: animated GIF cursor</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/ui/cursor/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="image interact animated may" /> + <style type="text/css"> + html { color: blue; font-size: 2em; cursor: url(support/animated.gif), crosshair; } + </style> + </head> + <body> + <p>Hover over this page. The cursor should change into an animated logo like this one: <img src="support/animated.gif" alt="FAIL"/>.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-001.xht new file mode 100644 index 0000000000..52a27ea2cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of table-row-group." /> + <style type="text/css"> + #test + { + display: table-row-group; + background-color: blue; + cursor: pointer; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-002.xht new file mode 100644 index 0000000000..82dc7574f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-002.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of table-header-group." /> + <style type="text/css"> + #test + { + display: table-header-group; + background-color: blue; + cursor: pointer; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-003.xht new file mode 100644 index 0000000000..d5b2511c80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of table-footer-group." /> + <style type="text/css"> + #test + { + display: table-footer-group; + background-color: blue; + cursor: pointer; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-004.xht new file mode 100644 index 0000000000..355979bced --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-004.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of table-row." /> + <style type="text/css"> + #test + { + display: table-row; + background-color: blue; + cursor: pointer; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="table"> + <div id="test"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-005.xht new file mode 100644 index 0000000000..8667b19857 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-005.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property does not apply to elements with a display of table-column-group." /> + <style type="text/css"> + #test + { + display: table-column-group; + cursor: pointer; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + background-color: blue; + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor is the default cursor when it is over the blue area.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-006.xht new file mode 100644 index 0000000000..41f89ef7a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-006.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property does not apply to elements with a display of table-column." /> + <style type="text/css"> + #test + { + display: table-column; + cursor: pointer; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + background-color: blue; + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor is the default cursor when it is over the blue area.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-007.xht new file mode 100644 index 0000000000..93bd2ae736 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-007.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of table-cell." /> + <style type="text/css"> + #test + { + display: table-cell; + background-color: blue; + cursor: pointer; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="table"> + <div id="row"> + <div id="test"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-008.xht new file mode 100644 index 0000000000..752369cdc7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-008.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of inline." /> + <style type="text/css"> + div + { + background-color: blue; + cursor: pointer; + height: 1in; + display: inline; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-009.xht new file mode 100644 index 0000000000..caad33cfa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-009.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of block." /> + <style type="text/css"> + span + { + background-color: blue; + cursor: pointer; + height: 1in; + display: block; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-010.xht new file mode 100644 index 0000000000..0292522075 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-010.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background-color: blue; + cursor: pointer; + height: 1in; + display: list-item; + margin-left: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue box and there is a marker bullet on the left-hand side of the blue box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-012.xht new file mode 100644 index 0000000000..e190cc9951 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-012.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of inline-block." /> + <style type="text/css"> + div + { + background-color: blue; + cursor: pointer; + height: 1in; + display: inline-block; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-013.xht new file mode 100644 index 0000000000..c26848c06d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-013.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of table." /> + <style type="text/css"> + #test + { + display: table; + table-layout: fixed; + background-color: blue; + cursor: pointer; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-014.xht new file mode 100644 index 0000000000..a277dbdb8c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-014.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of inline-table." /> + <style type="text/css"> + #test + { + display: inline-table; + table-layout: fixed; + background-color: blue; + cursor: pointer; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-015.xht new file mode 100644 index 0000000000..82529a80e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-applies-to-015.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor applied to element with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of table-caption." /> + <style type="text/css"> + #test + { + display: table-caption; + background-color: blue; + cursor: pointer; + height: 1in; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div id="table"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-fallback-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-fallback-001.xht new file mode 100644 index 0000000000..99aa7bbb9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-fallback-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Cursor specified with missing image for the url()</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="When a specified URL cursor doesn't exist, the next specified cursor is used." /> + <style type="text/css"> + div + { + background-color: blue; + cursor: url("missing.cur"), pointer; + border: solid 2px blue; + width: 100px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/cursor-url-001.xht b/testing/web-platform/tests/css/CSS2/ui/cursor-url-001.xht new file mode 100644 index 0000000000..f04e849dce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/cursor-url-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Url cursor</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="image interact" /> + <meta name="assert" content="URI cursor is applied correctly." /> + <style type="text/css"> + div + { + background-color: blue; + cursor: url("support/cursor.cur"), pointer; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to look like this: <img alt="3D move cursor" src="support/cursor.png" /> when it is over the box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-001.xht new file mode 100644 index 0000000000..109a3e99be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: one value with outline-color</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'color' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: green; + outline-style: dotted; + outline-width: 15px; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-002.xht new file mode 100644 index 0000000000..44ab45f00b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-002.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: one value with outline-style</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'style' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: dotted; + outline-color: green; + outline-width: 15px; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-003.xht new file mode 100644 index 0000000000..dbc346f3b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: one value with outline-width</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'width' is correctly applied." /> + <style type="text/css"> + #test + { + margin-top: 15px; + outline: 15px; + outline-style: solid; + outline-color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a solid outline surrounding the text below.</p> + <div id="test">Sample Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-004.xht new file mode 100644 index 0000000000..e555c5f6a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-004.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: two values in the order of 'outline-color outline-style'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'color style' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: green dotted; + outline-width: 15px; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-005.xht new file mode 100644 index 0000000000..beac9d26b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-005.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: two values in the order of 'outline-color outline-width'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'color width' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: green 15px; + outline-style: dotted; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-006.xht new file mode 100644 index 0000000000..8e3cfd920b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-006.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: two values in the order of 'outline-style outline-color'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'style color' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: dotted green; + outline-width: 15px; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-007.xht new file mode 100644 index 0000000000..b4ec64d78f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-007.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: two values in the order of 'outline-style outline-width'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'style width' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: dotted 15px; + outline-color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-008.xht new file mode 100644 index 0000000000..199ebffa14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-008.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: two values in the order of 'outline-width outline-color'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'width color' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: 15px green; + outline-style: dotted; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-009.xht new file mode 100644 index 0000000000..55dc3623ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-009.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: two values in the order of 'outline-width outline-style'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'width style' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: 15px dotted; + outline-color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-010.xht new file mode 100644 index 0000000000..bad16dc947 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-010.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: three values in the order of 'outline-color outline-style outline-width'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'color style width' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: green dotted 15px; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-011.xht b/testing/web-platform/tests/css/CSS2/ui/outline-011.xht new file mode 100644 index 0000000000..3f1bbc2fb5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-011.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: three values in the order of 'outline-color outline-width outline-style'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'color width style' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: green 15px dotted; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-012.xht new file mode 100644 index 0000000000..afd48d7911 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-012.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: three values in the order of 'outline-style outline-color outline-width'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'style color width' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: dotted green 15px; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-013.xht new file mode 100644 index 0000000000..1c0c123703 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-013.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: three values in the order of 'outline-style outline-width outline-color'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'style width color' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: dotted 15px green; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-014.xht new file mode 100644 index 0000000000..ae530bb097 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-014.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: three values in the order of 'outline-width outline-color outline-style'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline specified in the form of 'width color style' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: 15px green dotted; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-015.xht new file mode 100644 index 0000000000..3d725166da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-015.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: three values in the order of 'outline-width outline-style outline-color'</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline value specified in the form of 'width style color' is correctly applied." /> + <style type="text/css"> + #div1 + { + outline: 15px dotted green; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted outline that goes around the following 'Sample Text' and the "Filler Text" below is overlapped by the outline.</p> + <div id="div1">Sample Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-016.xht new file mode 100644 index 0000000000..86c015943d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-016.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: inherit with one value</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline with value inherit uses its parent's outline values (1 value)." /> + <style type="text/css"> + body + { + background: white; + } + #test + { + outline: red solid 15px; + outline: inherit; + } + #parent + { + outline: dotted; + padding: 50px; + border: 2px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a black outline closely surrounding the "Filler Text". That outline needs to be is the same size, style and color as the outline surrounding the blue box and there is no red visible on the page.</p> + <div id="parent"> + <div id="test">Filler text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-017.xht new file mode 100644 index 0000000000..1d2a98c82e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-017.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: inherit with two values</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline with value inherit uses its parent's outline values (2 values)." /> + <style type="text/css"> + body + { + background: white; + } + #test + { + border: 3px solid blue; + outline: red solid 10px; + outline: inherit; + } + #parent + { + outline: green dotted 10px; + padding: 50px; + border: 3px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted green outline closely surrounding both blue boxes. Both green outlines need to be the same width, style and color and there is no red visible on the page.</p> + <div id="parent"> + <div id="test">Filler text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-018.xht b/testing/web-platform/tests/css/CSS2/ui/outline-018.xht new file mode 100644 index 0000000000..7395c95699 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-018.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline: inherit with three values</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline with value inherit uses its parent's outline values (3 values)." /> + <style type="text/css"> + #test + { + outline: red solid 15px; + outline: inherit; + } + #parent + { + outline: green 15px dotted; + padding: 50px; + border: solid 2px blue; + } + </style> + </head> + <body> + <p>Test passes if there is a green outline closely surrounding the "Filler Text". That outline needs to be is the same size, style and color as the outline surrounding the blue box and there is no red visible on the page.</p> + <div id="parent"> + <div id="test">Filler text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-019.xht b/testing/web-platform/tests/css/CSS2/ui/outline-019.xht new file mode 100644 index 0000000000..9de4d1b9e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-019.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: outline - text-align</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <meta name="flags" content="ahem interact" /> + <meta name="assert" content="The outline should be drawn around an object and may be drawn starting just outside the border edge of such object." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: white; + font: 1.25em/3 Ahem; + text-align: justify; + width: 500px; + } + + span + { + border: blue solid 8px; + color: blue; + outline: orange solid 8px; + } + ]]></style> + + </head> + + <body> + + <p>A thick orange border should be drawn around each of the 6 small blue rectangles. Each of the blue rectangles must not protrude out of each of their respective orange borders.</p> + + <div> XXXXXXXX <span>Filler</span> XXXXXXXXX <span>Filler</span> XXXXXXXXXX <span>Filler</span> XXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXXX </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-020.xht b/testing/web-platform/tests/css/CSS2/ui/outline-020.xht new file mode 100644 index 0000000000..b0f5df93c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-020.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: outline - text-align</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <meta name="flags" content="ahem interact" /> + <meta name="assert" content="The outline should be drawn around an object and may be drawn starting just outside the border edge of such object." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: white; + font: 1.25em/3 Ahem; + text-align: justify; + } + + span + { + border: blue solid 8px; + color: blue; + outline: orange solid 8px; + } + ]]></style> + + </head> + + <body> + + <p>A thick orange border should be drawn around each of the 6 small blue rectangles. Each of the blue rectangles must not protrude out of each of their respective orange borders. This should be still true even after changing the window size.</p> + + <div> XXXXXXXX <span>Filler</span> XXXXXXXXX <span>Filler</span> XXXXXXXXXX <span>Filler</span> XXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXX <span>Filler</span> XXXXXXXXXXXXXX </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-001.xht new file mode 100644 index 0000000000..952a20cb1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-001.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-row-group</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of table-row-group." /> + <style type="text/css"> + #test + { + display: table-row-group; + outline: solid blue 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-002.xht new file mode 100644 index 0000000000..c5aa576e06 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-002.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-header-group</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of table-header-group." /> + <style type="text/css"> + #test + { + display: table-header-group; + outline: solid blue 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-003.xht new file mode 100644 index 0000000000..fedc24e71d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-003.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-footer-group</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of table-footer-group." /> + <style type="text/css"> + #test + { + display: table-footer-group; + outline: solid blue 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-004.xht new file mode 100644 index 0000000000..2746b2f28b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-004.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-row</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of table-row." /> + <style type="text/css"> + #test + { + display: table-row; + outline: solid blue 10px; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <div id="test"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-005.xht new file mode 100644 index 0000000000..d77dc0c801 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-005.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-column-group</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline' property does not apply to elements with a display of table-column-group." /> + <style type="text/css"> + #test + { + display: table-column-group; + outline: solid red 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-006.xht new file mode 100644 index 0000000000..3c5ec5b43d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-006.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-column</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline' property does not apply to elements with a display of table-column." /> + <style type="text/css"> + #test + { + display: table-column; + outline: solid red 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-007.xht new file mode 100644 index 0000000000..3feb446ec2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-007.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-cell</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of table-cell." /> + <style type="text/css"> + #test + { + display: table-cell; + height: 1in; + outline: solid blue 10px; + width: 1in; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <div id="row"> + <div id="test"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-008.xht new file mode 100644 index 0000000000..cd9edcf447 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-008.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display inline</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of inline." /> + <style type="text/css"> + div + { + display: inline; + outline: solid blue 10px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-009.xht new file mode 100644 index 0000000000..8780b33583 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-009.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display block</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of block." /> + <style type="text/css"> + span + { + display: block; + height: 1in; + outline: solid blue 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-010.xht new file mode 100644 index 0000000000..69c88a4a84 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-010.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display list-item</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of list-item." /> + <style type="text/css"> + div + { + display: list-item; + height: 1in; + margin-left: 2em; + outline: solid blue 5px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below and there is a marker bullet on the left-hand side of the blue box. (Note the marker bullet can be inside or outside the box.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-012.xht new file mode 100644 index 0000000000..b85c563671 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-012.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display inline-block</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of inline-block." /> + <style type="text/css"> + div + { + display: inline-block; + height: 1in; + outline: solid blue 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-013.xht new file mode 100644 index 0000000000..0198ace7e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-013.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of table." /> + <style type="text/css"> + #test + { + display: table; + table-layout: fixed; + height: 1in; + outline: solid blue 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-014.xht new file mode 100644 index 0000000000..3c224b3f82 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-014.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display inline-table</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of inline-table." /> + <style type="text/css"> + #test + { + display: inline-table; + table-layout: fixed; + height: 1in; + outline: solid blue 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-015.xht new file mode 100644 index 0000000000..c3177a1b35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-015.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to element with display table-caption</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" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of table-caption." /> + <style type="text/css"> + #test + { + display: table-caption; + height: 1in; + outline: solid blue 10px; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016-ref.xht new file mode 100644 index 0000000000..2ec1fb0447 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016-ref.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test Reference</title> + <style type="text/css"> + #test + { + outline: solid blue 10px; + height: 1in; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <img id="test"></img> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016.xht new file mode 100644 index 0000000000..a52bdaca62 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-016.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to replaced element with display table-column-group</title> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-applies-to-016-ref.xht"/> + <meta name="assert" content="The 'outline' property applies to replaced elements with a display of table-column-group." /> + <style type="text/css"> + #test + { + display: table-column-group; + outline: solid blue 10px; + height: 1in; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <img id="test"></img> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-017.xht new file mode 100644 index 0000000000..a7311044c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-applies-to-017.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline applied to replaced element with display table-column</title> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-applies-to-016-ref.xht"/> + <meta name="assert" content="The 'outline' property applies to replaced elements with a display of table-column." /> + <style type="text/css"> + #test + { + display: table-column; + outline: solid blue 10px; + height: 1in; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div id="table"> + <img id="test"></img> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-001.xht new file mode 100644 index 0000000000..8fb1b8bdeb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-001.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #00000 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #00000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-002.xht new file mode 100644 index 0000000000..d2538412e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-002.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#000000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color #000000 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #000000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #000000; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-003.xht new file mode 100644 index 0000000000..fc9fac98b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-003.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#010101'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #010101 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #010101; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #010101; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-004.xht new file mode 100644 index 0000000000..08ac66c123 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-004.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#999999'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #999999 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #999999; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #999999; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-005.xht new file mode 100644 index 0000000000..e0a087b281 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-005.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#fefefe'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #fefefe renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: #000000; + color: #fefefe; + } + #div1 + { + outline-color: #fefefe; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #fefefe; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-006.xht new file mode 100644 index 0000000000..aa50cd495f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-006.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#ffffff'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #ffffff renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: #000000; + color: #ffffff; + } + #div1 + { + outline-color: #ffffff; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #ffffff; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-007.xht new file mode 100644 index 0000000000..fc023dd02a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-007.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#1000000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #1000000 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #1000000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-008.xht new file mode 100644 index 0000000000..88dc03a331 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-008.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#fgfgfg'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #fgfgfg (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #fgfgfg; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-009.xht new file mode 100644 index 0000000000..72be4c5e3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-009.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#010000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #010000 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #010000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #010000; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-010.xht new file mode 100644 index 0000000000..394d464615 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-010.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#990000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #990000 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #990000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #990000; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-011.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-011.xht new file mode 100644 index 0000000000..9b1035a4d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-011.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#fe0000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #fe0000 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #fe0000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #fe0000; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-012.xht new file mode 100644 index 0000000000..75f7ae9877 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-012.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#ff0000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #ff0000 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #ff0000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #ff0000; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-013.xht new file mode 100644 index 0000000000..80756f3c44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-013.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#fg0000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #fg0000 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #fg0000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-014.xht new file mode 100644 index 0000000000..52dbe6cf8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-014.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#000100'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #000100 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #000100; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #000100; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-015.xht new file mode 100644 index 0000000000..03b17219f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-015.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#009900'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #009900 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #009900; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #009900; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-016.xht new file mode 100644 index 0000000000..9b7d9e3fcc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-016.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00fe00'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #00fe00 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #00fe00; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #00fe00; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-017.xht new file mode 100644 index 0000000000..ec30fb6ece --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-017.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00ff00'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #00ff00 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #00ff00; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #00ff00; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-018.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-018.xht new file mode 100644 index 0000000000..daa6a63018 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-018.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00fg00'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #00fg00 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #00fg00; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-019.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-019.xht new file mode 100644 index 0000000000..10beda0520 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-019.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#000001'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #000001 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #000001; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #000001; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-020.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-020.xht new file mode 100644 index 0000000000..4c52916dba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-020.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#000099'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #000099 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #000099; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #000099; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-021.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-021.xht new file mode 100644 index 0000000000..1ed0b6f3f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-021.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#0000fe'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #0000fe renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #0000fe; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #0000fe; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-022.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-022.xht new file mode 100644 index 0000000000..0aceeb2797 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-022.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#0000ff'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #0000ff renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #0000ff; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #0000ff; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-023.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-023.xht new file mode 100644 index 0000000000..e740addb19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-023.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#0000fg'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #0000fg (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #0000fg; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-024.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-024.xht new file mode 100644 index 0000000000..3c2ce95ac0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-024.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #00 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #00; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-025.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-025.xht new file mode 100644 index 0000000000..f2ad01c03d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-025.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color #000 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #000; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-026.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-026.xht new file mode 100644 index 0000000000..98585d11e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-026.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#111'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #111 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #111; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #111; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-027.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-027.xht new file mode 100644 index 0000000000..0dd858235c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-027.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#999'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #999 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #999; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #999; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-028.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-028.xht new file mode 100644 index 0000000000..3c2a2f7c4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-028.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#eee'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #eee renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #eee; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #eee; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-029.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-029.xht new file mode 100644 index 0000000000..6d283099da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-029.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#fff'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #fff renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: #fff; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #fff; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-030.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-030.xht new file mode 100644 index 0000000000..22bfe73763 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-030.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#1000'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #1000 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #1000; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-031.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-031.xht new file mode 100644 index 0000000000..08a03c7380 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-031.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#ggg'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #ggg (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #ggg; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-032.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-032.xht new file mode 100644 index 0000000000..6e2683eb1e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-032.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#100'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #100 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #100; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #100; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-033.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-033.xht new file mode 100644 index 0000000000..f215bb3012 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-033.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#900'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #900 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #900; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #900; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-034.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-034.xht new file mode 100644 index 0000000000..e36154d1bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-034.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#e00'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #e00 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #e00; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #e00; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-035.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-035.xht new file mode 100644 index 0000000000..bf2fd9b7f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-035.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#f00'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #f00 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #f00; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #f00; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-036.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-036.xht new file mode 100644 index 0000000000..3bbd0afd89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-036.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#g00'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #g00 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #g00; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-037.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-037.xht new file mode 100644 index 0000000000..94558c796a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-037.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#010'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #010 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #010; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #010; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-038.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-038.xht new file mode 100644 index 0000000000..cd9d295bbb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-038.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#090'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #090 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #090; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #090; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-039.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-039.xht new file mode 100644 index 0000000000..8eec350cbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-039.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#0e0'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #0e0 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #0e0; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #0e0; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-040.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-040.xht new file mode 100644 index 0000000000..e1411591ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-040.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#0f0'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #0f0 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #0f0; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #0f0; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-041.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-041.xht new file mode 100644 index 0000000000..e05515134e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-041.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#0g0'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #0g0 (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #0g0; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-042.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-042.xht new file mode 100644 index 0000000000..ce23bf4437 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-042.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#001'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #001 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #001; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #001; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-043.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-043.xht new file mode 100644 index 0000000000..285ffff0df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-043.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#009'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #009 renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #009; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #009; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-044.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-044.xht new file mode 100644 index 0000000000..73a5edb875 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-044.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00e'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #00e renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #00e; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #00e; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-045.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-045.xht new file mode 100644 index 0000000000..0766a5633c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-045.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00f'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color #00f renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: #00f; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: #00f; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-046.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-046.xht new file mode 100644 index 0000000000..db192ffe84 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-046.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to '#00g'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline color #00g (invalid) falls back to a default color." /> + <style type="text/css"> + #div1 + { + outline-color: #00g; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-047.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-047.xht new file mode 100644 index 0000000000..d473df9df5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-047.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-1%, -1%, -1%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-1%, -1%, -1%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-1%, -1%, -1%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-1%, -1%, -1%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-048.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-048.xht new file mode 100644 index 0000000000..0ad9d45d24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-048.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-049-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-049-ref.xht new file mode 100644 index 0000000000..e1d340d24a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-049-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(1%, 1%, 1%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-049.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-049.xht new file mode 100644 index 0000000000..7df4181d57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-049.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(1%, 1%, 1%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-049-ref.xht"/> + <meta name="assert" content="Outline color rgb(1%, 1%, 1%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(1%, 1%, 1%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(1%, 1%, 1%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-050.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-050.xht new file mode 100644 index 0000000000..50a2ad9884 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-050.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-0%, -0%, -0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-0%, -0%, -0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-0%, -0%, -0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-0%, -0%, -0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-051.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-051.xht new file mode 100644 index 0000000000..2d3a5252d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-051.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+0%, +0%, +0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(+0%, +0%, +0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+0%, +0%, +0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+0%, +0%, +0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-052-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-052-ref.xht new file mode 100644 index 0000000000..fe849dfc2c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-052-ref.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(40%, 40%, 40%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-052.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-052.xht new file mode 100644 index 0000000000..0e2ccd6b9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-052.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(40%, 40%, 40%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-052-ref.xht"/> + <meta name="assert" content="Outline color rgb(40%, 40%, 40%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(40%, 40%, 40%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(40%, 40%, 40%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-053.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-053.xht new file mode 100644 index 0000000000..109079939a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-053.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+40%, +40%, +40%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-052-ref.xht"/> + <meta name="assert" content="Outline color rgb(+40%, +40%, +40%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+40%, +40%, +40%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+40%, +40%, +40%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-054-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-054-ref.xht new file mode 100644 index 0000000000..ecd5c5b6a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-054-ref.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(99%, 99%, 99%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-054.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-054.xht new file mode 100644 index 0000000000..1bffbaeb69 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-054.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(99%, 99%, 99%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-054-ref.xht"/> + <meta name="assert" content="Outline color rgb(99%, 99%, 99%) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(99%, 99%, 99%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(99%, 99%, 99%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-055.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-055.xht new file mode 100644 index 0000000000..fc8e03955d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-055.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(100%, 100%, 100%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(100%, 100%, 100%) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(100%, 100%, 100%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(100%, 100%, 100%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-056.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-056.xht new file mode 100644 index 0000000000..072878eeba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-056.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+100%, +100%, +100%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(+100%, +100%, +100%) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(+100%, +100%, +100%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+100%, +100%, +100%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-057.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-057.xht new file mode 100644 index 0000000000..dbf9b7e146 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-057.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(101%, 101%, 101%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(101%, 101%, 101%) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(101%, 101%, 101%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(101%, 101%, 101%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-058.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-058.xht new file mode 100644 index 0000000000..e9391ff126 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-058.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-1, -1, -1)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-1, -1, -1) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-1, -1, -1); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-1, -1, -1); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-059.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-059.xht new file mode 100644 index 0000000000..875597b2a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-059.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-060.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-060.xht new file mode 100644 index 0000000000..9af35b1f30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-060.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(1, 1, 1)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(1, 1, 1) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(1, 1, 1); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(1, 1, 1); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-061.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-061.xht new file mode 100644 index 0000000000..5f534d2a8a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-061.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-0, -0, -0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-0, -0, -0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-0, -0, -0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-0, -0, -0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-062.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-062.xht new file mode 100644 index 0000000000..11e48f29b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-062.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+0, +0, +0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(+0, +0, +0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+0, +0, +0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+0, +0, +0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-063.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-063.xht new file mode 100644 index 0000000000..4b4a59a338 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-063.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(128, 128, 128)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(128, 128, 128) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(128, 128, 128); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(128, 128, 128); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-064.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-064.xht new file mode 100644 index 0000000000..1c79116778 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-064.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+128, +128, +128)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(+128, +128, +128) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+128, +128, +128); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+128, +128, +128); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-065.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-065.xht new file mode 100644 index 0000000000..638fc55161 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-065.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(254, 254, 254)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(254, 254, 254) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(254, 254, 254); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(254, 254, 254); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-066.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-066.xht new file mode 100644 index 0000000000..3643ac65bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-066.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(255, 255, 255)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(255, 255, 255) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(255, 255, 255); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(255, 255, 255); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-067.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-067.xht new file mode 100644 index 0000000000..0e6c5be02a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-067.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+255, +255, +255)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(+255, +255, +255) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(+255, +255, +255); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+255, +255, +255); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-068.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-068.xht new file mode 100644 index 0000000000..89b77d12ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-068.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(256, 256, 256)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(256, 256, 256) renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: rgb(256, 256, 256); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(256, 256, 256); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-069.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-069.xht new file mode 100644 index 0000000000..f2d49dff54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-069.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-1%, 0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-1%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-1%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-1%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-070-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-070-ref.xht new file mode 100644 index 0000000000..ce6d3133e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-070-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(1%, 0%, 0%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-070.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-070.xht new file mode 100644 index 0000000000..d66f792174 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-070.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(1%, 0%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-070-ref.xht"/> + <meta name="assert" content="Outline color rgb(1%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(1%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(1%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-071.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-071.xht new file mode 100644 index 0000000000..8b6dfc873e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-071.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-0%, 0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-0%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-0%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-0%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-072.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-072.xht new file mode 100644 index 0000000000..94ae00aa15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-072.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+0%, 0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(+0%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+0%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+0%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-073-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-073-ref.xht new file mode 100644 index 0000000000..e5289db8f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-073-ref.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(40%, 0%, 0%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-073.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-073.xht new file mode 100644 index 0000000000..acf0f17566 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-073.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(40%, 0%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-073-ref.xht"/> + <meta name="assert" content="Outline color rgb(40%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(40%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(40%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-074.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-074.xht new file mode 100644 index 0000000000..e7a13db361 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-074.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+40%, 0%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-073-ref.xht"/> + <meta name="assert" content="Outline color rgb(+40%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+40%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+40%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-075-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-075-ref.xht new file mode 100644 index 0000000000..bbac031cb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-075-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(99%, 0%, 0%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-075.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-075.xht new file mode 100644 index 0000000000..c633f47ea9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-075.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(99%, 0%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-075-ref.xht"/> + <meta name="assert" content="Outline color rgb(99%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(99%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(99%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-076.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-076.xht new file mode 100644 index 0000000000..909c50756e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-076.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(100%, 0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(100%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(100%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(100%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-077.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-077.xht new file mode 100644 index 0000000000..1e34e4e605 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-077.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+100%, 0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(+100%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+100%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+100%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-078.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-078.xht new file mode 100644 index 0000000000..dbe54938f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-078.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(101%, 0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(101%, 0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(101%, 0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(101%, 0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-079.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-079.xht new file mode 100644 index 0000000000..85966fe1c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-079.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-1, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-1, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-1, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-1, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-080.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-080.xht new file mode 100644 index 0000000000..1c35943279 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-080.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(1, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(1, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(1, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(1, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-081.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-081.xht new file mode 100644 index 0000000000..f0fc1c98c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-081.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(-0, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(-0, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(-0, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(-0, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-082.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-082.xht new file mode 100644 index 0000000000..92d08d0571 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-082.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+0, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(+0, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+0, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+0, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-083.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-083.xht new file mode 100644 index 0000000000..63a0a2276a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-083.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(128, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(128, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(128, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(128, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-084.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-084.xht new file mode 100644 index 0000000000..9388d576ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-084.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+128, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(+128, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+128, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+128, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-085.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-085.xht new file mode 100644 index 0000000000..b3fe617557 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-085.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(254, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(254, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(254, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(254, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-086.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-086.xht new file mode 100644 index 0000000000..3e02c58ece --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-086.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(255, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(255, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(255, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(255, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-087.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-087.xht new file mode 100644 index 0000000000..4e50e0c112 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-087.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(+255, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(+255, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(+255, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(+255, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-088.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-088.xht new file mode 100644 index 0000000000..081c024fb2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-088.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(256, 0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(256, 0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(256, 0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(256, 0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-089.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-089.xht new file mode 100644 index 0000000000..0322659e90 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-089.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, -1%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0%, -1%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, -1%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, -1%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-090-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-090-ref.xht new file mode 100644 index 0000000000..ec3954e119 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-090-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(0%, 1%, 0%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-090.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-090.xht new file mode 100644 index 0000000000..941d6eb38c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-090.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 1%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-090-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, 1%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 1%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 1%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-091.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-091.xht new file mode 100644 index 0000000000..6aeee968b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-091.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, -0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0%, -0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, -0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, -0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-092.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-092.xht new file mode 100644 index 0000000000..1563c28800 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-092.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, +0%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0%, +0%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, +0%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, +0%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-093-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-093-ref.xht new file mode 100644 index 0000000000..6086a60f4f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-093-ref.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(0%, 40%, 0%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-093.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-093.xht new file mode 100644 index 0000000000..37c33485a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-093.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 40%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-093-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, 40%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 40%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 40%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-094.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-094.xht new file mode 100644 index 0000000000..ccfffcb1d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-094.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, +40%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-093-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, +40%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, +40%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, +40%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-095-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-095-ref.xht new file mode 100644 index 0000000000..db3b9a2b2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-095-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(0%, 99%, 0%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-095.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-095.xht new file mode 100644 index 0000000000..8d0840474b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-095.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 99%, 0%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-095-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, 99%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 99%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 99%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-096.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-096.xht new file mode 100644 index 0000000000..47acaac482 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-096.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 100%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0%, 100%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 100%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 100%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-097.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-097.xht new file mode 100644 index 0000000000..22695edc19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-097.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, +100%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0%, +100%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, +100%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, +100%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-098.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-098.xht new file mode 100644 index 0000000000..4b64681777 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-098.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 101%, 0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0%, 101%, 0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 101%, 0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 101%, 0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-099.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-099.xht new file mode 100644 index 0000000000..05bc3d2e1b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-099.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, -1, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0, -1, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, -1, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, -1, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-100.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-100.xht new file mode 100644 index 0000000000..e49ccf9bf6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-100.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 1, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 1, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 1, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 1, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-101.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-101.xht new file mode 100644 index 0000000000..d6c6794fab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-101.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, -0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0, -0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, -0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, -0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-102.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-102.xht new file mode 100644 index 0000000000..76586ebb17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-102.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, +0, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0, +0, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, +0, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, +0, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-103.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-103.xht new file mode 100644 index 0000000000..c7db3c5fdf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-103.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 128, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 128, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 128, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 128, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-104.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-104.xht new file mode 100644 index 0000000000..1c233b9efb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-104.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, +128, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, +128, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, +128, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, +128, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-105.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-105.xht new file mode 100644 index 0000000000..be5647977b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-105.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 254, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 254, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 254, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 254, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-106.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-106.xht new file mode 100644 index 0000000000..53f8612f5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-106.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 255, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 255, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 255, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 255, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-107.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-107.xht new file mode 100644 index 0000000000..ec2baec1ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-107.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, +255, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, +255, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, +255, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, +255, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-108.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-108.xht new file mode 100644 index 0000000000..c594dcf86c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-108.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 256, 0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 256, 0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 256, 0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 256, 0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-109.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-109.xht new file mode 100644 index 0000000000..e719cacce5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-109.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, -1%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, -1%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, -1%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, -1%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-110-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-110-ref.xht new file mode 100644 index 0000000000..215dd07ad2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-110-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(0%, 0%, 1%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-110.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-110.xht new file mode 100644 index 0000000000..81cc1ed2e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-110.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 1%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-110-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, 1%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, 1%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, 1%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-111.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-111.xht new file mode 100644 index 0000000000..07f0e8fb93 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-111.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, -0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, -0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, -0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, -0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-112.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-112.xht new file mode 100644 index 0000000000..35df23618f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-112.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, +0%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, +0%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, +0%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, +0%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-113-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-113-ref.xht new file mode 100644 index 0000000000..8baabd985a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-113-ref.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(0%, 0%, 40%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-113.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-113.xht new file mode 100644 index 0000000000..1802658f98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-113.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 40%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-113-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, 40%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, 40%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, 40%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-114.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-114.xht new file mode 100644 index 0000000000..97582b7a4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-114.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, +40%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-05-17 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-113-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, +40%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, +40%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, +40%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-115-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-115-ref.xht new file mode 100644 index 0000000000..b3d7efcb60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-115-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> + <style type="text/css"> + div + { + height: 100px; + width: 100px; + margin: 50px 0 0 50px; + background-color: rgb(0%, 0%, 99%); + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-115.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-115.xht new file mode 100644 index 0000000000..4a434b97ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-115.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 99%)'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com" /> <!-- converted to reftest 01-08-2013 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-color-115-ref.xht"/> + <meta name="assert" content="Outline color rgb(0%, 0%, 99%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, 99%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, 99%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two squares below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-116.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-116.xht new file mode 100644 index 0000000000..4a6804be17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-116.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 100%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0%, 0%, 100%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, 100%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, 100%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-117.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-117.xht new file mode 100644 index 0000000000..f688c5c593 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-117.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, +100%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0%, 0%, +100%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, +100%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, +100%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-118.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-118.xht new file mode 100644 index 0000000000..87eea213ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-118.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0%, 0%, 101%)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0%, 0%, 101%) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0%, 0%, 101%); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0%, 0%, 101%); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-119.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-119.xht new file mode 100644 index 0000000000..eca70fb1d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-119.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, -1)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0, 0, -1) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, -1); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, -1); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-120.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-120.xht new file mode 100644 index 0000000000..f57de8633b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-120.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, 1)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 0, 1) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, 1); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, 1); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-121.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-121.xht new file mode 100644 index 0000000000..e91a77eb32 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-121.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, -0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0, 0, -0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, -0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, -0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-122.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-122.xht new file mode 100644 index 0000000000..78c8224984 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-122.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, +0)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color rgb(0, 0, +0) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, +0); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, +0); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-123.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-123.xht new file mode 100644 index 0000000000..5714c14a1e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-123.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, 128)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 0, 128) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, 128); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, 128); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-124.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-124.xht new file mode 100644 index 0000000000..c552ae69cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-124.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, +128)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 0, +128) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, +128); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, +128); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-125.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-125.xht new file mode 100644 index 0000000000..5be5f3774d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-125.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, 254)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 0, 254) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, 254); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, 254); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-126.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-126.xht new file mode 100644 index 0000000000..88ff60bc17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-126.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, 255)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 0, 255) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, 255); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, 255); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-127.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-127.xht new file mode 100644 index 0000000000..abca8308d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-127.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, +255)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 0, +255) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, +255); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, +255); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-128.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-128.xht new file mode 100644 index 0000000000..de5070a356 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-128.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'rgb(0, 0, 256)'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color rgb(0, 0, 256) renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: rgb(0, 0, 256); + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: rgb(0, 0, 256); + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-129.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-129.xht new file mode 100644 index 0000000000..4c5148c262 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-129.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'aqua'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color aqua renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: aqua; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: aqua; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-130.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-130.xht new file mode 100644 index 0000000000..0b5938fdc1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-130.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'black'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/boxes_same_color_100px_black_50px_margin.xht"/> + <meta name="assert" content="Outline color black renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: black; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: black; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-131.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-131.xht new file mode 100644 index 0000000000..45bc6a9afb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-131.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'blue'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color blue renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: blue; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: blue; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-132.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-132.xht new file mode 100644 index 0000000000..9d48c84288 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-132.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'fuchsia'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color fuchsia renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: fuchsia; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: fuchsia; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-133.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-133.xht new file mode 100644 index 0000000000..44f91a3b57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-133.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'gray'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color gray renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: gray; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: gray; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-134.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-134.xht new file mode 100644 index 0000000000..55b9e9d1cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-134.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'green'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color green renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: green; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: green; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-135.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-135.xht new file mode 100644 index 0000000000..874712372b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-135.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'lime'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color lime renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: lime; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: lime; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-136.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-136.xht new file mode 100644 index 0000000000..4d4cf17e0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-136.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'maroon'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color maroon renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: maroon; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: maroon; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-137.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-137.xht new file mode 100644 index 0000000000..02fedc25b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-137.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'navy'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color navy renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: navy; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: navy; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-138.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-138.xht new file mode 100644 index 0000000000..afd9d8aa82 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-138.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'olive'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color olive renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: olive; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: olive; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-139.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-139.xht new file mode 100644 index 0000000000..9fcf203cee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-139.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'orange'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color orange renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: orange; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: orange; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-140.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-140.xht new file mode 100644 index 0000000000..60aa999768 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-140.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'purple'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color purple renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: purple; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: purple; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-141.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-141.xht new file mode 100644 index 0000000000..3400c9a3c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-141.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'red'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color red renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: red; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: red; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-142.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-142.xht new file mode 100644 index 0000000000..37950f49b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-142.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'silver'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color silver renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: silver; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: silver; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-143.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-143.xht new file mode 100644 index 0000000000..88e1a322c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-143.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'teal'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color teal renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: teal; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: teal; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-144.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-144.xht new file mode 100644 index 0000000000..93b39a25eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-144.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'white'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color white renders the correct outline color on the element." /> + <style type="text/css"> + body + { + background-color: black; + color: white; + } + #div1 + { + outline-color: white; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: white; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-145.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-145.xht new file mode 100644 index 0000000000..f93f849e66 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-145.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'yellow'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color yellow renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + outline-color: yellow; + outline-style: solid; + outline-width: 50px; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: yellow; + height: 100px; + margin: 200px 0 0 50px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="div1"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-174.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-174.xht new file mode 100644 index 0000000000..9dc1afb1cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-174.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline color set to 'invert'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color 'invert' makes outline visible on any background color." /> + <style type="text/css"> + #div1 + { + background: blue; + border: blue solid; + height: 2in; + width: 2in; + } + div div + { + outline-color: invert; + outline-style: solid; + outline-width: 0.25in; + margin: 0.5in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a yellow or black box inside a blue box.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-175.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-175.xht new file mode 100644 index 0000000000..ee09c42529 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-175.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color set to 'inherit'</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline color inherit renders the correct outline color on the element." /> + <style type="text/css"> + #div1 + { + left: 0; + outline-color: inherit; + outline-style: solid; + outline-width: 50px; + position: relative; + margin: 100px 0 0 100px; + width: 0; + } + #reference + { + background-color: green; + height: 100px; + margin: 50px 0 0 50px; + width: 100px; + } + #wrapper + { + height: 100px; + outline: green; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same color.</p> + <div id="wrapper"> + <div id="div1"></div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-176.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-176.xht new file mode 100644 index 0000000000..91ca0c0d09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-176.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: outline-color: invert - longhand form</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="https://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" title="18.4 Dynamic outlines: the 'outline' property" /> + + <meta name="DC.date.created" content="2016-06-16T09:54:03+11:00" scheme="W3CDTF" /> + <meta name="DC.date.modified" content="2016-09-20T09:54:03+11:00" scheme="W3CDTF" /> + + <meta content="This test checks that if color inversion on the pixels on the screen is supported by the user agent, then 'outline-color: invert' in this test should render a filled black square otherwise, if color inversion on the pixels on the screen is not supported by the user agent, then 'outline-color: invert' in this test should compute to the computed color value of the element ('currentColor' in CSS3 ui) which is orange in which case a filled orange square should be rendered." name="assert" /> + + <style type="text/css"><![CDATA[ + div#parent + { + background-color: white; + padding: 50px; + width: 0px; + } + + div#child + { + color: orange; + outline-color: invert; /* longhand form, longhand declaration */ + outline-style: solid; /* longhand form, longhand declaration */ + outline-width: 50px; /* longhand form, longhand declaration */ + width: 0px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled orange square or a filled black square.</p> + + <div id="parent"> + <div id="child"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-001.xht new file mode 100644 index 0000000000..f0994bc9a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-row-group</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-row-group." /> + <style type="text/css"> + #test + { + display: table-row-group; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-002.xht new file mode 100644 index 0000000000..247ea553b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-002.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-header-group</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-header-group." /> + <style type="text/css"> + #test + { + display: table-header-group; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-003.xht new file mode 100644 index 0000000000..cefd610f57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-footer-group</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-footer-group." /> + <style type="text/css"> + #test + { + display: table-footer-group; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-004.xht new file mode 100644 index 0000000000..ec11c92d26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-004.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-row</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-row." /> + <style type="text/css"> + #test + { + display: table-row; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="table"> + <div id="test"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-005.xht new file mode 100644 index 0000000000..6d053bac24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-005.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-column-group</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline-color' property does not apply to elements with a display of table-column-group." /> + <style type="text/css"> + #test + { + display: table-column-group; + outline-color: red; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-006.xht new file mode 100644 index 0000000000..23bfe88009 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-column</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline-color' property does not apply to elements with a display of table-column." /> + <style type="text/css"> + #test + { + display: table-column; + outline-color: red; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-007.xht new file mode 100644 index 0000000000..7593c7df3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-007.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-cell</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-cell." /> + <style type="text/css"> + #test + { + display: table-cell; + height: 1in; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="table"> + <div id="row"> + <div id="test"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-008.xht new file mode 100644 index 0000000000..ef4a3c0bc6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-008.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display inline</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of inline." /> + <style type="text/css"> + div + { + display: inline; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-009.xht new file mode 100644 index 0000000000..b1c701d89a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-009.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display block</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of block." /> + <style type="text/css"> + span + { + height: 1in; + display: block; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-010.xht new file mode 100644 index 0000000000..25c4209938 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-010.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display list-item</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of list-item." /> + <style type="text/css"> + div + { + height: 1in; + display: list-item; + margin-left: 2em; + outline-color: blue; + outline-style: solid; + outline-width: 5px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue and there is a marker bullet on the left-hand side of the box. (Note the marker bullet can be inside or outside the box.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-012.xht new file mode 100644 index 0000000000..c0af553372 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-012.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display inline-block</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of inline-block." /> + <style type="text/css"> + div + { + display: inline-block; + height: 1in; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-013.xht new file mode 100644 index 0000000000..f3fad157d6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-013.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of table." /> + <style type="text/css"> + #test + { + display: table; + table-layout: fixed; + height: 1in; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-014.xht new file mode 100644 index 0000000000..467520610f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-014.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display inline-table</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of inline-table." /> + <style type="text/css"> + #test + { + display: inline-table; + table-layout: fixed; + height: 1in; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-015.xht new file mode 100644 index 0000000000..0b38d413a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-color-applies-to-015.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-color applied to element with display table-caption</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-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of table-caption." /> + <style type="text/css"> + #test + { + display: table-caption; + height: 1in; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div id="table"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-focus-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-focus-001.xht new file mode 100644 index 0000000000..fd2d2f36f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-focus-001.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Default outlines and interactive media groups</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" /> + <meta name="flags" content="interact may" /> + <meta name="assert" content="Interactive media groups may show a focus outline to indicate that focus has been set on an element." /> + <style type="text/css"> + div + { + background: red; + } + div:focus + { + background: lime; + } + </style> + </head> + <body> + <p>PREREQUISITE: Set focus on the element below.</p> + <p>Test passes if the element below (when it has focus) has a green background and it may also have an indication that focus has been set to the element (typically a dotted outline or a different color outline).</p> + <div tabindex="0">Set focus here</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-001.xht new file mode 100644 index 0000000000..faef4d5104 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-top is not valid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-top'." /> + <style type="text/css"> + div + { + background: black; + height: 100px; + margin: 40px; + outline-top: 10px solid red; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-002.xht new file mode 100644 index 0000000000..d039813939 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-002.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-left is not valid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-left'." /> + <style type="text/css"> + div + { + background: black; + height: 100px; + margin: 40px; + outline-left: 10px solid red; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-003.xht new file mode 100644 index 0000000000..fa5179b189 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-003.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-bottom is not valid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-bottom'." /> + <style type="text/css"> + div + { + background: black; + height: 100px; + margin: 40px; + outline-bottom: 10px solid red; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-individual-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-individual-004.xht new file mode 100644 index 0000000000..007cc3bbfd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-individual-004.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-right is not valid</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline does not support setting individual values for the outline like 'outline-right'." /> + <style type="text/css"> + div + { + background: black; + height: 100px; + margin: 40px; + outline-right: 10px solid red; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-001.xht new file mode 100644 index 0000000000..85e78b383f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-001.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outlines and box layout</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outlines do not affect box layout." /> + <style type="text/css"> + #div1 + { + border-bottom: 10px solid red; + width: 100px; + height: 20px; + } + #div2 + { + outline: 10px solid green; + width: 200px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-002.xht new file mode 100644 index 0000000000..c64326c672 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline and text layout</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outlines are visual indications that do not affect layout of other elements or text." /> + <style type="text/css"> + div + { + margin-top: 50px; + } + #span1 + { + outline: 50px solid white; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div> + <span id="span1">Filler Text</span> + <span id="span2">FAIL</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-003.xht new file mode 100644 index 0000000000..739bc710ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline and border placement</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="may" /> + <meta name="assert" content="Outline may be drawn directly outside of the border." /> + <style type="text/css"> + div + { + outline: 10px solid green; + border: 10px solid blue; + width: 100px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below. The green box may be around the blue border, inside the blue border or on top of the blue border.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-004.xht new file mode 100644 index 0000000000..c33b0cb44b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-004.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline is connected and closed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline is connected and encloses the appropriate content." /> + <style type="text/css"> + div + { + width: 200px; + } + span + { + outline: green solid 2px; + } + </style> + </head> + <body> + <p>Test passes if all "Filler Text" below is surrounded by a green outline and there is no hole or opening in the outline.</p> + <p>The outline is not required to be rectangular, nor is it required to be a single shape: + each line of "Filler Text" may have a separate outline, + or the whole block may share a common outline.</p> + <div> + <span>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-layout-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-layout-005.xht new file mode 100644 index 0000000000..f121191648 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-layout-005.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline is the same on all sides</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline is the same on all sides." /> + <style type="text/css"> + div + { + height: 100px; + margin: 40px; + outline: 10px solid black; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the box below has the same color, style and width on all edges.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-no-relayout-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-no-relayout-001.xht new file mode 100644 index 0000000000..4dacd51cfc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-no-relayout-001.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Outline-width is changed via script</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="dom interact" /> + <meta name="assert" content="Scripts can change outline width, without causing a reflow." /> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <style type="text/css"> + #div1 + { + background: blue; + margin-left: 50px; + outline-style: solid; + outline-color: black; + outline-width: 10px; + } + #div2 + { + background: orange; + margin-left: 50px; + } + #div1, #div2 + { + height: 100px; + width: 100px; + } + </style> +</head> +<body> + <p>PREREQUSITE: Click the <button onclick="changeWidth();">Change Width</button> button.</p> + <p>Test passes if the black box became larger but no other content on the page reflowed.</p> + <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div> + <div id="div1"></div> + <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div> + <div id="div2"></div> + <script type="text/javascript"> + function changeWidth() + { + document.getElementById('div1').style.outlineWidth = '30px'; + } + </script> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-overlap-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-overlap-001.xht new file mode 100644 index 0000000000..dac6702438 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-overlap-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline overlaps with other elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="Outline can overlap with other elements." /> + <style type="text/css"> + span + { + outline: 8px solid blue; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is overlapped by the blue box.</p> + <div> + Filler Text<br /> + <span> </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-001.xht new file mode 100644 index 0000000000..3dbe838656 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline specified with the ':focus' selector</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Outline works with the ':focus' selectors." /> + <style type="text/css"> + a:focus + { + outline: 10px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is a box around the "Filler Text" below when the text has focus.</p> + <div> + <a href="#">Filler Text</a> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-002.xht new file mode 100644 index 0000000000..ab244eb5b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-002.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline specified with the ':hover' selector</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Outline works with the ':hover' selector." /> + <style type="text/css"> + span:hover + { + outline: 10px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is a box around the "Filler Text" below when the text is hovered over.</p> + <div> + <span>Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-003.xht new file mode 100644 index 0000000000..2df87088ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-pseudo-selector-003.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline specified with the ':active' selector</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#outline-focus" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Outline works with the ':active' selectors." /> + <style type="text/css"> + a:active + { + outline: 10px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is a box around the "Filler Text" below when the text is activated.</p> + <div> + <a href="#">Filler Text</a> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-001.xht new file mode 100644 index 0000000000..a6a1240b14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <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.xht"/> + <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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-002.xht new file mode 100644 index 0000000000..8e88b8a873 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-002.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <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="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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-003.xht new file mode 100644 index 0000000000..73603abf41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <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="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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-004.xht new file mode 100644 index 0000000000..8d86a0d322 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-004.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <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="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>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-005.xht new file mode 100644 index 0000000000..74c321eeb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-005.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style set to 'double'</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="assert" content="Outline style 'double' results in a double-line outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: double; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is are two boxes below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-006.xht new file mode 100644 index 0000000000..2bb7ac9bd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-006.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style set to 'groove'</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="assert" content="Outline style 'groove' results in a carved outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: groove; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-007.xht new file mode 100644 index 0000000000..f2ac7add36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-007.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style set to 'ridge'</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="assert" content="Outline style 'ridge' results in a ridged outline (as if it were a bump around the box)." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: ridge; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-008.xht new file mode 100644 index 0000000000..9ea0d4a3d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-008.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style set to 'inset'</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="assert" content="Outline style 'inset' results in a sunken box." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: inset; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-009.xht new file mode 100644 index 0000000000..a300314a51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-009.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style set to 'outset'</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="assert" content="Outline style 'outset' results in a raised box." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: outset; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-010.xht new file mode 100644 index 0000000000..58a3085c3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-010.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style set to 'inherit'</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="assert" content="Outline-style with value 'inherit' uses its parent's outline-style value." /> + <style type="text/css"> + #div1 + { + outline: 0 dotted; + } + div div + { + height: 1in; + outline: 15px green; + outline-style: inherit; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is dotted box below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-001.xht new file mode 100644 index 0000000000..0d73b07a57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-row-group</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="assert" content="The 'outline-style' property applies to elements with a display of table-row-group." /> + <style type="text/css"> + #test + { + display: table-row-group; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-002.xht new file mode 100644 index 0000000000..ecd1ec638d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-002.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-header-group</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="assert" content="The 'outline-style' property applies to elements with a display of table-header-group." /> + <style type="text/css"> + #test + { + display: table-header-group; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-003.xht new file mode 100644 index 0000000000..c108f4b02e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-footer-group</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="assert" content="The 'outline-style' property applies to elements with a display of table-footer-group." /> + <style type="text/css"> + #test + { + display: table-footer-group; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-004.xht new file mode 100644 index 0000000000..927729e409 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-004.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-row</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="assert" content="The 'outline-style' property applies to elements with a display of table-row." /> + <style type="text/css"> + #test + { + display: table-row; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div id="table"> + <div id="test"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-005.xht new file mode 100644 index 0000000000..84af45a8ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-005.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-column-group</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-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline-style' property does not apply to elements with a display of table-column-group." /> + <style type="text/css"> + #test + { + display: table-column-group; + outline-color: red; + outline-style: dotted; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-006.xht new file mode 100644 index 0000000000..38c8a44efb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-column</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-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline-style' property does not apply to elements with a display of table-column." /> + <style type="text/css"> + #test + { + display: table-column; + outline-color: red; + outline-style: dotted; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-007.xht new file mode 100644 index 0000000000..38e7fcef5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-007.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-cell</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="assert" content="The 'outline-style' property applies to elements with a display of table-cell." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div></div> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-008.xht new file mode 100644 index 0000000000..4020886d65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-008.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display inline</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="assert" content="The 'outline-style' property applies to elements with a display of inline." /> + <style type="text/css"> + div + { + display: inline; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-009.xht new file mode 100644 index 0000000000..337b66a85d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-009.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display block</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="assert" content="The 'outline-style' property applies to elements with a display of block." /> + <style type="text/css"> + span + { + display: block; + height: 1in; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-010.xht new file mode 100644 index 0000000000..7d5ccb8652 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-010.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display list-item</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="assert" content="The 'outline-style' property applies to elements with a display of list-item." /> + <style type="text/css"> + div + { + display: list-item; + height: 1in; + margin-left: 2em; + outline-color: blue; + outline-style: dotted; + outline-width: 5px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border and there is a marker bullet on the left-hand side of the box. (Note the marker bullet can be inside or outside the box.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-012.xht new file mode 100644 index 0000000000..61f95951a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-012.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display inline-block</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="assert" content="The 'outline-style' property applies to elements with a display of inline-block." /> + <style type="text/css"> + div + { + display: inline-block; + height: 1in; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-013.xht new file mode 100644 index 0000000000..201b92944d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-013.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table</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="assert" content="The 'outline-style' property applies to elements with a display of table." /> + <style type="text/css"> + #test + { + display: table; + table-layout: fixed; + height: 1in; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-014.xht new file mode 100644 index 0000000000..c3ca131665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-014.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display inline-table</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="assert" content="The 'outline-style' property applies to elements with a display of inline-table." /> + <style type="text/css"> + #test + { + display: inline-table; + table-layout: fixed; + height: 1in; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-015.xht new file mode 100644 index 0000000000..23aab91bbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-applies-to-015.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style applied to element with display table-caption</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="assert" content="The 'outline-style' property applies to elements with a display of table-caption." /> + <style type="text/css"> + #test + { + display: table-caption; + height: 1in; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div id="table"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-style-hidden-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-style-hidden-001.xht new file mode 100644 index 0000000000..39f798399d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-style-hidden-001.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-style set to 'hidden'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Outline style does not support the 'border-style' value of 'hidden'." /> + <style type="text/css"> + div + { + height: 100px; + margin-left: 40px; + margin-top: 40px; + outline-color: green; + outline-width: 15px; + outline-style: solid; + outline-style: hidden; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is an empty green square below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-001.xht new file mode 100644 index 0000000000..8df889ada5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-001.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -1px solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in pixels and is ignored." /> + <style type="text/css"> + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1px; + width: 300px; + } + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-002.xht new file mode 100644 index 0000000000..2e7cc76b4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-002.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width set to a minimum value for pixels</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in pixels that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-003.xht new file mode 100644 index 0000000000..81eacc271f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-003.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 1px solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in pixels that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 1px; + margin-top: 10px; + width: 300px; + } + #test + { + margin: 1px 0 0 1px; + outline: solid green; + outline-width: 1px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-004.xht new file mode 100644 index 0000000000..f78faf2d23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-004.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0px solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in pixels that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-005.xht new file mode 100644 index 0000000000..c1c09e19f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-005.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0px solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in pixels that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-006.xht new file mode 100644 index 0000000000..928c0348c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-006.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 5px solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in pixels that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 5px; + margin-top: 10px; + width: 300px; + } + #test + { + margin: 5px 0 0 5px; + outline: solid green; + outline-width: 5px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-007.xht new file mode 100644 index 0000000000..9a54810706 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-007.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +5px solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in pixels that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 5px; + margin-top: 10px; + width: 300px; + } + #test + { + margin: 5px 0 0 5px; + outline: solid green; + outline-width: +5px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-012.xht new file mode 100644 index 0000000000..c2767ddf0e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-012.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width with a minimum minus one value in points</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in points and is ignored." /> + <style type="text/css"> + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1pt; + width: 300px; + } + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-013.xht new file mode 100644 index 0000000000..3298349c9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-013.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width with a minimum value in points</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in points that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-014.xht new file mode 100644 index 0000000000..58025cdc99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-014.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width with a minimum plus one value in points</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in points that sets the width of the outline." /> + <style type="text/css"> + #div1 + { + margin: 1pt 0 0 1pt; + outline: solid green; + outline-width: 1pt; + width: 300px; + } + #div2 + { + border: solid green 1pt; + margin-top: 10px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1">Filler Text</div> + <div id="div2">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-015.xht new file mode 100644 index 0000000000..34f212ca6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-015.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width with a negative minimum value in points</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in points that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-016.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-016.xht new file mode 100644 index 0000000000..e808cc7195 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-016.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width with a positive minimum value in points</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in points that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-017.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-017.xht new file mode 100644 index 0000000000..830fefb0a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-017.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 5pt solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in points that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 5pt; + margin-top: 10pt; + width: 300px; + } + #test + { + margin: 5pt 0 0 5pt; + outline: solid green; + outline-width: 5pt; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-018.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-018.xht new file mode 100644 index 0000000000..bbd48c07cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-018.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +5pt solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in points that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 5pt; + margin-top: 10pt; + width: 300px; + } + #test + { + margin: 5pt 0 0 5pt; + outline: solid green; + outline-width: +5pt; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-023.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-023.xht new file mode 100644 index 0000000000..de2e34a958 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-023.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -1pc solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in picas and is ignored." /> + <style type="text/css"> + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1pc; + width: 300px; + } + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-024.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-024.xht new file mode 100644 index 0000000000..754896b6a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-024.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 0pc solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in picas that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-025.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-025.xht new file mode 100644 index 0000000000..b1764fa4ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-025.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 1pc solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in picas that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 1pc; + margin-top: 2pc; + width: 300px; + } + #test + { + margin: 1pc 0 0 1pc; + outline: solid green; + outline-width: 1pc; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-026.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-026.xht new file mode 100644 index 0000000000..f17607f92f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-026.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0pc solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in picas that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-027.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-027.xht new file mode 100644 index 0000000000..2d1f5ec2b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-027.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0pc solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in picas that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-028.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-028.xht new file mode 100644 index 0000000000..129719683d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-028.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 5pc solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in picas that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 5pc; + margin-top: 10pc; + width: 300px; + } + #test + { + margin: 5pc 0 0 5pc; + outline: solid green; + outline-width: 5pc; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-029.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-029.xht new file mode 100644 index 0000000000..d3fe491174 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-029.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +5pc solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in picas that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 5pc; + margin-top: 10pc; + width: 300px; + } + #test + { + margin: 5pc 0 0 5pc; + outline: solid green; + outline-width: +5pc; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-034.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-034.xht new file mode 100644 index 0000000000..f39fb10b54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-034.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -1cm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in centimeters and is ignored." /> + <style type="text/css"> + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1cm; + width: 300px; + } + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-035.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-035.xht new file mode 100644 index 0000000000..7fea174217 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-035.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 0cm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in centimeters that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-036.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-036.xht new file mode 100644 index 0000000000..98536585af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-036.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 1cm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in centimeters that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 1cm; + margin-top: 2cm; + width: 300px; + } + #test + { + margin: 1cm 0 0 1cm; + outline: solid green; + outline-width: 1cm; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-037.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-037.xht new file mode 100644 index 0000000000..71a78515c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-037.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0cm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in centimeters that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-038.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-038.xht new file mode 100644 index 0000000000..b9c22b1f86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-038.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0cm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in centimeters that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-039.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-039.xht new file mode 100644 index 0000000000..0e7fe5c678 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-039.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 5cm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in centimeters that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 5cm; + margin-top: 10cm; + width: 300px; + } + #test + { + margin: 5cm 0 0 5cm; + outline: solid green; + outline-width: 5cm; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-040.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-040.xht new file mode 100644 index 0000000000..2ebf67097a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-040.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +5cm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in centimeters that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 5cm; + margin-top: 10cm; + width: 300px; + } + #test + { + margin: 5cm 0 0 5cm; + outline: solid green; + outline-width: +5cm; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-045.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-045.xht new file mode 100644 index 0000000000..069ff7ca79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-045.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -1mm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in millimeters and is ignored." /> + <style type="text/css"> + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1mm; + width: 300px; + } + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-046.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-046.xht new file mode 100644 index 0000000000..12216bdc07 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-046.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 0mm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in millimeters that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-047.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-047.xht new file mode 100644 index 0000000000..78e07b382c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-047.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 1mm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in millimeters that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 1mm; + margin-top: 10mm; + width: 300px; + } + #test + { + margin: 1mm 0 0 1mm; + outline: solid green; + outline-width: 1mm; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-048.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-048.xht new file mode 100644 index 0000000000..1b8294be3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-048.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0mm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in millimeters that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-049.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-049.xht new file mode 100644 index 0000000000..ddfedd553d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-049.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0mm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in millimeters that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-050.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-050.xht new file mode 100644 index 0000000000..cdf63d9ad0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-050.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 5mm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in millimeters that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 5mm; + margin-top: 10mm; + width: 300px; + } + #test + { + margin: 5mm 0 0 5mm; + outline: solid green; + outline-width: 5mm; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-051.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-051.xht new file mode 100644 index 0000000000..596cf87f89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-051.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +5mm solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in millimeters that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 5mm; + margin-top: 10mm; + width: 300px; + } + #test + { + margin: 5mm 0 0 5mm; + outline: solid green; + outline-width: +5mm; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-056.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-056.xht new file mode 100644 index 0000000000..9aea511545 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-056.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -1in solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in inches and is ignored." /> + <style type="text/css"> + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1in; + width: 300px; + } + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-057.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-057.xht new file mode 100644 index 0000000000..debedf8d7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-057.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 0in solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in inches that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-058.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-058.xht new file mode 100644 index 0000000000..233621b603 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-058.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 1in solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in inches that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 1in; + margin-top: 2in; + width: 300px; + } + #test + { + margin: 1in 0 0 1in; + outline: solid green; + outline-width: 1in; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-059.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-059.xht new file mode 100644 index 0000000000..e108349986 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-059.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0in solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in inches that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-060.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-060.xht new file mode 100644 index 0000000000..f3309a52aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-060.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0in solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in inches that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-061.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-061.xht new file mode 100644 index 0000000000..31353f7f0e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-061.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 2in solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in inches that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 2in; + margin-top: 5in; + width: 300px; + } + #test + { + margin: 2in 0 0 2in; + outline: solid green; + outline-width: 2in; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-062.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-062.xht new file mode 100644 index 0000000000..5b32c25b42 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-062.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +2in solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in inches that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 2in; + margin-top: 5in; + width: 300px; + } + #test + { + margin: 2in 0 0 2in; + outline: solid green; + outline-width: +2in; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-067.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-067.xht new file mode 100644 index 0000000000..aa9496d96d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-067.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -1em solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in 'em' units and is ignored." /> + <style type="text/css"> + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1em; + width: 300px; + } + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-068.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-068.xht new file mode 100644 index 0000000000..99b497cc05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-068.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 0em solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'em' units that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-069.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-069.xht new file mode 100644 index 0000000000..8d2614a8bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-069.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 1em solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in 'em' units that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 1em; + margin-top: 2em; + width: 300px; + } + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-070.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-070.xht new file mode 100644 index 0000000000..5f476961fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-070.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0em solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'em' units that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-071.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-071.xht new file mode 100644 index 0000000000..4fd5bd3195 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-071.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0em solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'em' units that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-072.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-072.xht new file mode 100644 index 0000000000..296b8991ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-072.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 5em solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'em' units that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 5em; + margin-top: 10em; + width: 300px; + } + #test + { + margin: 5em 0 0 5em; + outline: solid green; + outline-width: 5em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-073.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-073.xht new file mode 100644 index 0000000000..5a5e1dc6fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-073.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +5em solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'em' units that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 5em; + margin-top: 10em; + width: 300px; + } + #test + { + margin: 5em 0 0 5em; + outline: solid green; + outline-width: +5em; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-078.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-078.xht new file mode 100644 index 0000000000..c2566b6f71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-078.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -1ex solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'outline-width' property does not support a negative length value in 'ex' units and is ignored." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + height: 1em; + width: 300px; + } + #test + { + margin: 1em 0 0 1em; + outline: solid green; + outline-width: 1em; + outline-width: -1ex; + } + #reference + { + border: solid green 1em; + margin-top: 25px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes look the same.</p> + <div id="test"></div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-079.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-079.xht new file mode 100644 index 0000000000..772bb03a89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-079.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 0ex solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'ex' units that sets the width of the outline." /> + <style type="text/css"> + div + { + outline: solid green; + outline-width: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-080.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-080.xht new file mode 100644 index 0000000000..e591126a6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-080.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 1ex solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a minimum plus one length value in 'ex' units that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 1ex; + margin-top: 2ex; + width: 300px; + } + #test + { + margin: 1ex 0ex 0ex 1ex; + outline: solid green; + outline-width: 1ex; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-081.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-081.xht new file mode 100644 index 0000000000..0cc5001736 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-081.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0ex solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'ex' units that that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-082.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-082.xht new file mode 100644 index 0000000000..e809047508 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-082.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0ex solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value in 'ex' units that that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-083.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-083.xht new file mode 100644 index 0000000000..c7cddcf45a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-083.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 5px solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'ex' units that sets the width of the outline." /> + <style type="text/css"> + #reference + { + border: solid green 5px; + margin-top: 10px; + width: 300px; + } + #test + { + margin: 5px 0 0 5px; + outline: solid green; + outline-width: 5px; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-084.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-084.xht new file mode 100644 index 0000000000..937e247ddf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-084.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +5ex solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a nominal length value in 'ex' units that has a plus sign before it." /> + <style type="text/css"> + #reference + { + border: solid green 5ex; + margin-top: 10ex; + width: 300px; + } + #test + { + margin: 5ex 0 0 5ex; + outline: solid green; + outline-width: +5ex; + width: 300px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="test">Filler Text</div> + <div id="reference">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-089.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-089.xht new file mode 100644 index 0000000000..2d412fae77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-089.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a -0 solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value with no units that has a minus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: -0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-090.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-090.xht new file mode 100644 index 0000000000..da4a109a60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-090.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a 0 solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value with no units." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-091.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-091.xht new file mode 100644 index 0000000000..35fd16a735 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-091.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a +0 solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-filler-text-ref.xht"/> + <meta name="assert" content="The 'outline-width' property supports a minimum length value with no units that has a plus sign before it." /> + <style type="text/css"> + div + { + outline: solid red; + outline-width: +0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-092.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-092.xht new file mode 100644 index 0000000000..e59635b91a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-092.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a thin solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a value of 'thin'." /> + <style type="text/css"> + div + { + height: 1in; + outline: solid green; + outline-width: 0; + outline-width: thin; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-093.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-093.xht new file mode 100644 index 0000000000..b7d6afc8ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-093.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a medium solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a value of 'medium'." /> + <style type="text/css"> + div + { + height: 1in; + outline: solid green; + outline-width: 0; + outline-width: medium; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-094.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-094.xht new file mode 100644 index 0000000000..c87b2f7a56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-094.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width - outline the box with a thick solid outline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a value of 'thick'." /> + <style type="text/css"> + div + { + height: 1in; + outline: solid green; + outline-width: 0; + outline-width: thick; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-095.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-095.xht new file mode 100644 index 0000000000..b1909b49ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-095.xht @@ -0,0 +1,60 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width set to 'inherit'</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property supports a value of 'inherit' and gets its computed value from its parent." /> + <style type="text/css"> + #parent + { + margin: 5em 0 0 1em; + position: relative; + } + #abs + { + border: 1em solid white; + position: absolute; + top: -2em; + left: -1em; + height: 4em; + width: 22em; + } + div div + { + width: 20em; + } + #div1 + { + margin-left: 1em; + outline-color: invert; + outline-style: solid; + outline-width: 1em; + } + #div1 div + { + outline-color: orange; + outline-style: solid; + outline-width: inherit; + height: 2em; + } + #div2 + { + border: solid blue 1em; + margin-top: 3em; + height: 2em; + } + </style> + </head> + <body> + <p>Test passes if there the two boxes are the same size and the bottom box is blue and the top box is blue or black.</p> + <div id="parent"> + <div id="abs"></div> + <div id="div1"> + <div>Filler Text</div> + </div> + <div id="div2">Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-096-ref.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-096-ref.xht new file mode 100644 index 0000000000..5fe0512173 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-096-ref.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + margin: 40px 20px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div>Filler Text</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-096.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-096.xht new file mode 100644 index 0000000000..8e56ad1f85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-096.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: outline-width - 'outline-style: none' and inherit</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" title="Section 18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="outline-width-096-ref.xht" /> + + <meta content="The computed value of 'outline-width' property is '0' if 'outline-style' is 'none'" name="assert" /> + + <style type="text/css"><![CDATA[ + #parent + { + margin: 40px 20px; + outline: black none 20px; + } + + #child + { + outline-color: red; + outline-style: solid; + outline-width: inherit; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="parent"> + <div id="child">Filler Text</div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-001.xht new file mode 100644 index 0000000000..cab143e720 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-row-group</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-row-group." /> + <style type="text/css"> + #test + { + display: table-row-group; + outline-color: green; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-002.xht new file mode 100644 index 0000000000..77ea67b6b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-002.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-header-group</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-header-group." /> + <style type="text/css"> + #test + { + display: table-header-group; + outline-color: green; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-003.xht new file mode 100644 index 0000000000..24aa4e89cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-footer-group</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-footer-group." /> + <style type="text/css"> + #test + { + display: table-footer-group; + outline-color: green; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-004.xht new file mode 100644 index 0000000000..e284d1d94f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-004.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-row</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-row." /> + <style type="text/css"> + #test + { + display: table-row; + outline-color: green; + outline-style: solid; + outline-width: 10px; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="table"> + <div id="test"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-005.xht new file mode 100644 index 0000000000..72d0453e34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-005.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-column-group</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline-width' property does not apply to elements with a display of table-column-group." /> + <style type="text/css"> + #test + { + display: table-column-group; + outline-color: red; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-006.xht new file mode 100644 index 0000000000..baa6d36016 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-column</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'outline-width' property does not apply to elements with a display of table-column." /> + <style type="text/css"> + #test + { + display: table-column; + outline-color: red; + outline-style: solid; + outline-width: 10px; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-007.xht new file mode 100644 index 0000000000..958eaa7a7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-007.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-cell</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-cell." /> + <style type="text/css"> + #test + { + display: table-cell; + height: 1in; + outline-color: green; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #table + { + display: table; + table-layout: fixed; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="table"> + <div id="row"> + <div id="test"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-008.xht new file mode 100644 index 0000000000..0dd8bd96a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-008.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display inline</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of inline." /> + <style type="text/css"> + div + { + display: inline; + outline-color: green; + outline-style: solid; + outline-width: 10px; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below that does not span the entire width of the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-009.xht new file mode 100644 index 0000000000..666fa707ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-009.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display block</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of block." /> + <style type="text/css"> + span + { + display: block; + height: 1in; + outline-color: green; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-010.xht new file mode 100644 index 0000000000..b21d07584e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-010.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display list-item</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of list-item." /> + <style type="text/css"> + div + { + display: list-item; + height: 1in; + margin-left: 2em; + outline-color: green; + outline-style: solid; + outline-width: 8px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below and there is a marker bullet on the left-hand side of the box. (Note the marker bullet can be inside or outside the box.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-012.xht new file mode 100644 index 0000000000..eba162226e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-012.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display inline-block</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of inline-block." /> + <style type="text/css"> + div + { + display: inline-block; + height: 1in; + outline-color: green; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-013.xht new file mode 100644 index 0000000000..0678decabc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-013.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of table." /> + <style type="text/css"> + #test + { + display: table; + table-layout: fixed; + height: 1in; + outline-color: green; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-014.xht new file mode 100644 index 0000000000..ccaa2e2ddd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-014.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display inline-table</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of inline-table." /> + <style type="text/css"> + #test + { + display: inline-table; + table-layout: fixed; + height: 1in; + outline-color: green; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-015.xht new file mode 100644 index 0000000000..71927431f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/outline-width-applies-to-015.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Outline-width applied to element with display table-caption</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-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of table-caption." /> + <style type="text/css"> + #test + { + display: table-caption; + height: 1in; + outline-color: green; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + #table + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div id="table"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-001.xht new file mode 100644 index 0000000000..e10ee38f54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-001.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="assert" content="The 'overflow' property set to 'visible' properly shows all content that extends beyond the containing element." /> + <style type="text/css"> + #div1 + { + border: 3px solid orange; + height: 1in; + overflow: visible; + width: 1in; + } + div div + { + background: blue; + height: 2in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the blue background overlaps the orange border on the bottom and right sides.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-002.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-002.xht new file mode 100644 index 0000000000..bda59b604c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-002.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to 'hidden'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="assert" content="The 'overflow' property set to 'hidden' properly hides all content that extends beyond the containing element." /> + <style type="text/css"> + #div1 + { + border: 3px solid orange; + height: 0; + overflow: hidden; + width: 1in; + } + div div + { + background: red; + height: 2in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-003.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-003.xht new file mode 100644 index 0000000000..38a225df4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-003.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to 'scroll'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'overflow' property set to 'scroll' properly applies a scrolling mechanism to access overflowing content." /> + <style type="text/css"> + #div1 + { + height: 1in; + overflow: scroll; + width: 1in; + } + div div + { + height: 2in; + position: relative; + width: 2in; + } + div div div + { + background: green; + bottom: 0; + height: 20px; + position: absolute; + right: 0; + width: 20px; + } + </style> + </head> + <body> + <p>Test passes if the box below can be scrolled to the green square in the bottom-right corner.</p> + <div id="div1"> + <div> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-004.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-004.xht new file mode 100644 index 0000000000..a3e14ec0ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-004.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'overflow' property set to 'auto' properly applies a scrolling mechanism to access overflowing content." /> + <style type="text/css"> + #div1 + { + height: 1in; + overflow: auto; + width: 1in; + } + div div + { + height: 2in; + position: relative; + width: 2in; + } + div div div + { + background: green; + bottom: 0; + height: 20px; + position: absolute; + right: 0; + width: 20px; + } + </style> + </head> + <body> + <p>Test passes if the box below can be scrolled to the green square in the bottom-right corner.</p> + <div id="div1"> + <div> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-005.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-005.xht new file mode 100644 index 0000000000..2ee46ee6ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-005.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'overflow' property set to 'inherit' properly inherits its value from its parent element." /> + <style type="text/css"> + body + { + overflow: scroll; + } + #div1 + { + height: 1in; + overflow: inherit; + width: 1in; + } + div div + { + height: 2in; + position: relative; + width: 2in; + } + div div div + { + background: green; + bottom: 0; + height: 20px; + position: absolute; + right: 0; + width: 20px; + } + </style> + </head> + <body> + <p>Test passes if the box below can be scrolled to the green square in the bottom-right corner.</p> + <div id="div1"> + <div> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-ancestors-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-ancestors-001.xht new file mode 100644 index 0000000000..3c58ba80c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-ancestors-001.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow affect on children</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Overflow clipping does not affect elements which are ancestors to the element being clipped." /> + <style type="text/css"> + #div1 + { + border: solid; + height: 50px; + overflow: scroll; + width: 100px; + } + div div + { + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is an active scrolling mechanism in the box below that can horizontally scroll the "Filler Text".</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001-ref.xht new file mode 100644 index 0000000000..8fe63e0f33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001-ref.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + padding-left: 105px; + padding-top: 5px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a short green bar.</p> + + <div><img src="support/1x1-green.png" width="100" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001.xht new file mode 100644 index 0000000000..55644ba408 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-001.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="overflow-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-row-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: table-row-group; + overflow: hidden; + } + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a short green bar.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-002.xht new file mode 100644 index 0000000000..7a2d90a3f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-002.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="overflow-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-header-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: table-header-group; + overflow: hidden; + } + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a short green bar.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-003.xht new file mode 100644 index 0000000000..a5fff97ea2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-003.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="overflow-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-footer-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: table-footer-group; + overflow: hidden; + } + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a short green bar.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-004.xht new file mode 100644 index 0000000000..ed0eb73f97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-004.xht @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="overflow-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-row'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + overflow: hidden; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a short green bar.</p> + <div id="table"> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-005.xht new file mode 100644 index 0000000000..5b2e86b964 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-005.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="overflow-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-column-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: table-column-group; + overflow: hidden; + } + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a short green bar.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-006.xht new file mode 100644 index 0000000000..af5df41009 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-006.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="overflow-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'table-column'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: table-column; + overflow: hidden; + } + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a short green bar.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-007.xht new file mode 100644 index 0000000000..8b8c0a8185 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-007.xht @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-11 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'table-cell'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + overflow: hidden; + white-space: nowrap; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="table"> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-008.xht new file mode 100644 index 0000000000..65b765fe82 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-008.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="overflow-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property does not apply to elements with 'display' set to 'inline'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + border: 5px solid transparent; + color: white; + font: 20px/1em Ahem; + width: 5em; + } + div div + { + display: inline; + overflow: hidden; + white-space: nowrap; + } + #span2 + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is a short green bar.</p> + <div id="parent"> + <div><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-009.xht new file mode 100644 index 0000000000..5867a68b7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-009.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'block'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + border: 5px solid transparent; + color: white; + display: block; + font: 20px/1em Ahem; + overflow: hidden; + width: 5em; + } + #test + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <span><b>XXXXX</b><b id="test">XXXXX</b></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-010.xht new file mode 100644 index 0000000000..30e26b27ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-010.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'list-item'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + border: 5px solid transparent; + display: list-item; + font: 20px/1em Ahem; + height: 5em; + overflow: hidden; + width: 5em; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is a short black bar and <strong>no red</strong>. To the left of the bar, there can be a list marker but it is not required.</p> + <div><span>XXXXX</span><span id="span2">XXXXX</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-012.xht new file mode 100644 index 0000000000..f7ad7540ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-012.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'inline-block'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + border: 5px solid transparent; + color: white; + display: inline-block; + font: 20px/1em Ahem; + overflow: hidden; + width: 5em; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div><span>XXXXX</span><span id="span2">XXXXX</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-013.xht new file mode 100644 index 0000000000..8dc2c8e84f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-013.xht @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'table'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + border: 5px solid transparent; + color: white; + display: table; + font: 20px/1em Ahem; + overflow: hidden; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="table"> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-014.xht new file mode 100644 index 0000000000..bcbf5ac474 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-014.xht @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'inline-table'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + border: 5px solid transparent; + color: white; + display: inline-table; + font: 20px/1em Ahem; + overflow: hidden; + table-layout: fixed; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="table"> + <div id="row"> + <div id="cell"><span>XXXXX</span><span id="span2">XXXXX</span></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-015.xht new file mode 100644 index 0000000000..44d20443d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-applies-to-015.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: overflow applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-09 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'table-caption'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + border: 5px solid transparent; + color: white; + display: table-caption; + font: 20px/1em Ahem; + overflow: hidden; + white-space: nowrap; + width: 5em; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: nowrap; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="table"> + <div id="test"><span>XXXXX</span><span id="span2">XXXXX</span></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-html-body-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-html-body-001.xht new file mode 100644 index 0000000000..daff944453 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-html-body-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow on body propagates to viewport</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="assert" content="An HTML user agent propagates the 'overflow' property from the 'body' to the viewport." /> + <style type="text/css"> + body + { + overflow: hidden; + } + div + { + height: 110%; + width: 110%; + } + </style> + </head> + <body> + <p>Test passes if the horizontal and vertical scrolling mechanism is not available on the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-parent-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-parent-001.xht new file mode 100644 index 0000000000..bfc193fd2f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-parent-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow hidden on root element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="assert" content="Clipping does not affect elements where their parent is the viewport." /> + <style type="text/css"> + div + { + border: solid; + } + html + { + height: 30px; + overflow: hidden; + } + </style> + </head> + <body> + <p>Test passes if there are the words "Filler Text" below.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-print-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-print-001.xht new file mode 100644 index 0000000000..bfe400389c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-print-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow 'scroll' and printing</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="may paged" /> + <meta name="assert" content="The 'overflow' property set to 'scroll' acts like 'visible' when element is printed." /> + <style type="text/css"> + #div1 + { + height: 30px; + overflow: scroll; + width: 45px; + } + </style> + </head> + <body> + <p>PREREQUISITE: Switch to print preview or a paged media view of the page.</p> + <p>Test passes if the words "Filler Text" below are only partially visible or are completely visible.</p> + <div id="div1"> + <div>Filler Text Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-root-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-root-001.xht new file mode 100644 index 0000000000..28964c5e33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-root-001.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow on root propagates to viewport</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="assert" content="The 'overflow' property set on the root propagates to the viewport." /> + <style type="text/css"> + html + { + height: 110%; + overflow: hidden; + width: 110%; + } + </style> + </head> + <body> + <p>Test passes if the horizontal and vertical scrolling mechanism is not available on the page.</p> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-scrollbar-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-scrollbar-001.xht new file mode 100644 index 0000000000..ece145fe33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-scrollbar-001.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Scrollbar placement in overflow scenario</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="assert" content="The placement of the scrollbar is between the inner border edge and the outer padding edge." /> + <style type="text/css"> + #div1 + { + border: solid blue; + overflow: scroll; + padding: 10px; + } + div div + { + background-color: black; + border: solid; + height: 10px; + } + </style> + </head> + <body> + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not then this test case does not apply to this user agent.</p> + <p>Test passes if the scrollbars are contained inside the blue box and each scrollbar has white space between it and the black box within.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/overflow-visible-viewport-001.xht b/testing/web-platform/tests/css/CSS2/ui/overflow-visible-viewport-001.xht new file mode 100644 index 0000000000..89f4b0d6ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/overflow-visible-viewport-001.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html id="test" xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to visible is interpreted as auto on viewport</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="dom" /> + <meta name="assert" content="When 'overflow: visible' is set on the viewport it is interpreted as 'auto' but is still returns a computed value of 'visible'." /> + <style type="text/css"> + body + { + width: 500in; + height: 500in; + } + html + { + overflow: visible; + } + #result + { + border: 1px solid blue; + } + </style> + </head> + <body> + <p>Test passes if the page has an active scrolling mechanism available to scroll the page and the word 'visible' is inside the box below.</p> + <div id="result"></div> + <script type="text/javascript"> + <![CDATA[ + var testEl = document.getElementById('test'); + var propertyValue = window.getComputedStyle(testEl, null).overflow; + var newTextNode = document.createTextNode(propertyValue); + document.getElementById("result").appendChild(newTextNode); + ]]> + </script> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/ui/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/ui/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/ui/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/a-green.css b/testing/web-platform/tests/css/CSS2/ui/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/ui/support/animated.gif b/testing/web-platform/tests/css/CSS2/ui/support/animated.gif Binary files differnew file mode 100644 index 0000000000..23b7d209e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/animated.gif diff --git a/testing/web-platform/tests/css/CSS2/ui/support/b-green.css b/testing/web-platform/tests/css/CSS2/ui/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/ui/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/c-red.css b/testing/web-platform/tests/css/CSS2/ui/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cat.gif b/testing/web-platform/tests/css/CSS2/ui/support/cat.gif Binary files differnew file mode 100644 index 0000000000..41f2b09b24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/cat.gif diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cat.png b/testing/web-platform/tests/css/CSS2/ui/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cursor.cur b/testing/web-platform/tests/css/CSS2/ui/support/cursor.cur Binary files differnew file mode 100644 index 0000000000..744f146c2a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/cursor.cur diff --git a/testing/web-platform/tests/css/CSS2/ui/support/cursor.png b/testing/web-platform/tests/css/CSS2/ui/support/cursor.png Binary files differnew file mode 100644 index 0000000000..e00276f025 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/cursor.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/diamond.png b/testing/web-platform/tests/css/CSS2/ui/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/fail.cur b/testing/web-platform/tests/css/CSS2/ui/support/fail.cur Binary files differnew file mode 100644 index 0000000000..721a4ccd64 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/fail.cur diff --git a/testing/web-platform/tests/css/CSS2/ui/support/green15x15.png b/testing/web-platform/tests/css/CSS2/ui/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/ui/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/ring.png b/testing/web-platform/tests/css/CSS2/ui/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/square-purple.png b/testing/web-platform/tests/css/CSS2/ui/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/square-teal.png b/testing/web-platform/tests/css/CSS2/ui/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/square-white.png b/testing/web-platform/tests/css/CSS2/ui/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/ui/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-bl.png b/testing/web-platform/tests/css/CSS2/ui/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-br.png b/testing/web-platform/tests/css/CSS2/ui/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-outer.png b/testing/web-platform/tests/css/CSS2/ui/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-tl.png b/testing/web-platform/tests/css/CSS2/ui/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/ui/support/test-tr.png b/testing/web-platform/tests/css/CSS2/ui/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/support/test-tr.png diff --git a/testing/web-platform/tests/css/CSS2/ui/system-colors-001.xht b/testing/web-platform/tests/css/CSS2/ui/system-colors-001.xht new file mode 100644 index 0000000000..5947567406 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/ui/system-colors-001.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: CSS Colours: Highlight and HighlightText</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#system-colors" /> + <style type="text/css"> + span { color: highlighttext; background: highlight; } + </style> + </head> + <body> + <p>The text [<span>in brackets</span>] should appear [<span>in the system + highlight</span>] colours.</p> + </body> +</html> |
