mirror of
https://github.com/servo/servo.git
synced 2025-06-24 09:04:33 +01:00
Update CSS tests to revision e102a993c37a2e0ebd549bc7d5548b006458ab34
This commit is contained in:
parent
037cac7353
commit
a00f2d6310
479 changed files with 13629 additions and 1611 deletions
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>
|
<title>
|
||||||
CSS Values and Units Test:
|
CSS Values and Units Test:
|
||||||
Viewport units are interpolated correctly
|
Viewport units are interpolated correctly
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>
|
<title>
|
||||||
CSS Values and Units Test:
|
CSS Values and Units Test:
|
||||||
Viewport units are interpolated correctly
|
Viewport units are interpolated correctly
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>
|
<title>
|
||||||
CSS Values and Units Test:
|
CSS Values and Units Test:
|
||||||
Viewport units are interpolated correctly
|
Viewport units are interpolated correctly
|
||||||
|
|
|
@ -163,9 +163,9 @@ html/css-filters-animation-saturate.htm 1527b952f6a2421d3ff02ce50405d38d1cbb45b5
|
||||||
xhtml1/css-filters-animation-saturate.xht 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 ?
|
xhtml1/css-filters-animation-saturate.xht 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 ?
|
||||||
html/css-filters-animation-sepia.htm 36a7316bfb518ea1cdefd38151449383c02b57a0 ?
|
html/css-filters-animation-sepia.htm 36a7316bfb518ea1cdefd38151449383c02b57a0 ?
|
||||||
xhtml1/css-filters-animation-sepia.xht 36a7316bfb518ea1cdefd38151449383c02b57a0 ?
|
xhtml1/css-filters-animation-sepia.xht 36a7316bfb518ea1cdefd38151449383c02b57a0 ?
|
||||||
html/vh-interpolate-pct.htm e263245c653c76da4ebf1afd5463deb31d27e365 ?
|
html/vh-interpolate-pct.htm fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ?
|
||||||
xhtml1/vh-interpolate-pct.xht e263245c653c76da4ebf1afd5463deb31d27e365 ?
|
xhtml1/vh-interpolate-pct.xht fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ?
|
||||||
html/vh-interpolate-px.htm fa83d5d77411f3c93cf7e465552f47494bfe9d7a ?
|
html/vh-interpolate-px.htm 41a610e2dd418e47f56d88171dd0c52a57e06b5e ?
|
||||||
xhtml1/vh-interpolate-px.xht fa83d5d77411f3c93cf7e465552f47494bfe9d7a ?
|
xhtml1/vh-interpolate-px.xht 41a610e2dd418e47f56d88171dd0c52a57e06b5e ?
|
||||||
html/vh-interpolate-vh.htm 0e224532385323bb9061d9b18c1def8c330ad6ae ?
|
html/vh-interpolate-vh.htm 42ccc23cc2f90272644bd0188261dacba081ccb2 ?
|
||||||
xhtml1/vh-interpolate-vh.xht 0e224532385323bb9061d9b18c1def8c330ad6ae ?
|
xhtml1/vh-interpolate-vh.xht 42ccc23cc2f90272644bd0188261dacba081ccb2 ?
|
||||||
|
|
|
@ -124,7 +124,7 @@
|
||||||
|
|
||||||
<p>Many thanks to the following for their contributions:</p>
|
<p>Many thanks to the following for their contributions:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>François REMY</li>
|
<li>François REMY</li>
|
||||||
<li>Gunther Brunner</li>
|
<li>Gunther Brunner</li>
|
||||||
<li>Intel</li>
|
<li>Intel</li>
|
||||||
<li>Mihai Balan</li>
|
<li>Mihai Balan</li>
|
||||||
|
|
|
@ -124,7 +124,7 @@
|
||||||
|
|
||||||
<p>Many thanks to the following for their contributions:</p>
|
<p>Many thanks to the following for their contributions:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>François REMY</li>
|
<li>François REMY</li>
|
||||||
<li>Gunther Brunner</li>
|
<li>Gunther Brunner</li>
|
||||||
<li>Intel</li>
|
<li>Intel</li>
|
||||||
<li>Mihai Balan</li>
|
<li>Mihai Balan</li>
|
||||||
|
|
|
@ -79,6 +79,6 @@ css-filters-animation-invert reference/css-filters-animation-invert-ref CSS Filt
|
||||||
css-filters-animation-opacity reference/css-filters-animation-opacity-ref CSS Filters Animation: Opacity http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-opacity,http://www.w3.org/TR/css3-animations/#animations c280f619d6a33d5953c6bde268ba7b0813467b70 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be gray
|
css-filters-animation-opacity reference/css-filters-animation-opacity-ref CSS Filters Animation: Opacity http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-opacity,http://www.w3.org/TR/css3-animations/#animations c280f619d6a33d5953c6bde268ba7b0813467b70 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be gray
|
||||||
css-filters-animation-saturate reference/css-filters-animation-saturate-ref CSS Filters Animation: Saturate http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-saturate,http://www.w3.org/TR/css3-animations/#animations 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be light-blue
|
css-filters-animation-saturate reference/css-filters-animation-saturate-ref CSS Filters Animation: Saturate http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-saturate,http://www.w3.org/TR/css3-animations/#animations 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be light-blue
|
||||||
css-filters-animation-sepia reference/css-filters-animation-sepia-ref CSS Filters Animation: Sepia http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-sepia,http://www.w3.org/TR/css3-animations/#animations 36a7316bfb518ea1cdefd38151449383c02b57a0 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be half-sepia
|
css-filters-animation-sepia reference/css-filters-animation-sepia-ref CSS Filters Animation: Sepia http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-sepia,http://www.w3.org/TR/css3-animations/#animations 36a7316bfb518ea1cdefd38151449383c02b57a0 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be half-sepia
|
||||||
vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations e263245c653c76da4ebf1afd5463deb31d27e365 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
||||||
vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations fa83d5d77411f3c93cf7e465552f47494bfe9d7a `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 41a610e2dd418e47f56d88171dd0c52a57e06b5e `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
||||||
vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 0e224532385323bb9061d9b18c1def8c330ad6ae `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
|
vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 42ccc23cc2f90272644bd0188261dacba081ccb2 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>
|
<title>
|
||||||
CSS Values and Units Test:
|
CSS Values and Units Test:
|
||||||
Viewport units are interpolated correctly
|
Viewport units are interpolated correctly
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>
|
<title>
|
||||||
CSS Values and Units Test:
|
CSS Values and Units Test:
|
||||||
Viewport units are interpolated correctly
|
Viewport units are interpolated correctly
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>
|
<title>
|
||||||
CSS Values and Units Test:
|
CSS Values and Units Test:
|
||||||
Viewport units are interpolated correctly
|
Viewport units are interpolated correctly
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
|
||||||
<title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title>
|
<title>CSS Background and Borders Test:background-clip_content-box</title>
|
||||||
<link href="mailto:zhuanping123@163.com" rel="author" title="anping">
|
<link href="mailto:zhuanping123@163.com" rel="author" title="anping">
|
||||||
<link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help">
|
<link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help">
|
||||||
<meta content="reference/reference.html" name="match">
|
<meta content="reference/reference.html" name="match">
|
||||||
<meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert">
|
<meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
div{
|
div{
|
||||||
|
@ -26,7 +26,7 @@
|
||||||
|
|
||||||
</head><body>
|
</head><body>
|
||||||
<p>
|
<p>
|
||||||
"Test passes if the backgrond color is limited to the content only and border is blue dotted without red."
|
"Test passes if the background color is limited to the content only and border is blue dotted without red."
|
||||||
</p>
|
</p>
|
||||||
<div id="container">
|
<div id="container">
|
||||||
<div id="test"></div>
|
<div id="test"></div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
<title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
|
<title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
|
||||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||||
<link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help">
|
<link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help">
|
||||||
<meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert">
|
<meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert">
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property">
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property">
|
||||||
<link rel="match" href="reference/ref-if-there-is-no-red.htm">
|
<link rel="match" href="reference/ref-if-there-is-no-red.htm">
|
||||||
<meta name="flags" content="image">
|
<meta name="flags" content="image">
|
||||||
<meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.">
|
<meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.">
|
||||||
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
div
|
div
|
||||||
|
|
|
@ -0,0 +1,54 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property">
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||||
|
|
||||||
|
<meta name="flags" content="image">
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert">
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
p
|
||||||
|
{
|
||||||
|
margin-bottom: 41px; /* border-image-outset + 16px (1em) .
|
||||||
|
This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
}
|
||||||
|
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
|
||||||
|
height: 20px;
|
||||||
|
margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
padding: 15px 15px 15px 15px;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,54 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property">
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||||
|
|
||||||
|
<meta name="flags" content="image">
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert">
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
p
|
||||||
|
{
|
||||||
|
margin-bottom: 41px; /* border-image-outset + 16px (1em) .
|
||||||
|
This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
}
|
||||||
|
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
|
||||||
|
height: 0px;
|
||||||
|
margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
padding: 25px 25px 25px 25px;
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property">
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||||
|
|
||||||
|
<meta name="flags" content="image">
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element." name="assert">
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */
|
||||||
|
height: 0px;
|
||||||
|
margin: 66px 50px 50px 50px;
|
||||||
|
/* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -1096,9 +1096,9 @@
|
||||||
<a href="background-clip-content-box.htm">background-clip-content-box</a></strong></td>
|
<a href="background-clip-content-box.htm">background-clip-content-box</a></strong></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td>backgrond-clip_content-box
|
<td>background-clip_content-box
|
||||||
<ul class="assert">
|
<ul class="assert">
|
||||||
<li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li>
|
<li>Test passes if the background color is limited to the content only and border is blue dotted without red</li>
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
||||||
<h2>Border Images (34 tests)</h2>
|
<h2>Border Images (37 tests)</h2>
|
||||||
<table width="100%">
|
<table width="100%">
|
||||||
<col id="test-column">
|
<col id="test-column">
|
||||||
<col id="refs-column">
|
<col id="refs-column">
|
||||||
|
@ -142,7 +142,7 @@
|
||||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
<td>border-image-slice - border-style: none
|
<td>border-image-slice - border-style: none
|
||||||
<ul class="assert">
|
<ul class="assert">
|
||||||
<li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.</li>
|
<li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -234,7 +234,7 @@
|
||||||
<tr><th colspan="4" scope="rowgroup">
|
<tr><th colspan="4" scope="rowgroup">
|
||||||
<a href="#s6.3">+</a>
|
<a href="#s6.3">+</a>
|
||||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||||
<!-- 4 tests -->
|
<!-- 7 tests -->
|
||||||
<tr id="border-image-10-6.3" class="primary">
|
<tr id="border-image-10-6.3" class="primary">
|
||||||
<td><strong>
|
<td><strong>
|
||||||
<a href="border-image-10.htm">border-image-10</a></strong></td>
|
<a href="border-image-10.htm">border-image-10</a></strong></td>
|
||||||
|
@ -279,6 +279,39 @@
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr id="border-image-width-005-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-005.htm">border-image-width-005</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr id="border-image-width-006-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-006.htm">border-image-width-006</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr id="border-image-width-007-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-007.htm">border-image-width-007</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tbody id="s6.3.#auto0">
|
<tbody id="s6.3.#auto0">
|
||||||
<!-- 0 tests -->
|
<!-- 0 tests -->
|
||||||
|
|
|
@ -1472,6 +1472,30 @@
|
||||||
<td rowspan="1"></td>
|
<td rowspan="1"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
<tbody id="border-image-width-005" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-005.htm">border-image-width-005</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tbody id="border-image-width-006" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-006.htm">border-image-width-006</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tbody id="border-image-width-007" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-007.htm">border-image-width-007</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
<tbody id="border-radius-001" class="">
|
<tbody id="border-radius-001" class="">
|
||||||
<tr>
|
<tr>
|
||||||
<td rowspan="1" title="Borders. border">
|
<td rowspan="1" title="Borders. border">
|
||||||
|
|
|
@ -180,6 +180,9 @@ border-image-slice-002.htm == reference/ref-filled-green-100px-square.htm
|
||||||
border-image-slice-003.htm == reference/ref-if-there-is-no-red.htm
|
border-image-slice-003.htm == reference/ref-if-there-is-no-red.htm
|
||||||
border-image-slice-percentage.htm == reference/border-image-slice-percentage-ref.htm
|
border-image-slice-percentage.htm == reference/border-image-slice-percentage-ref.htm
|
||||||
border-image-space-001.htm == reference/border-image-space-001-ref.htm
|
border-image-space-001.htm == reference/border-image-space-001-ref.htm
|
||||||
|
border-image-width-005.htm == reference/ref-filled-green-100px-square.htm
|
||||||
|
border-image-width-006.htm == reference/ref-filled-green-100px-square.htm
|
||||||
|
border-image-width-007.htm == reference/ref-filled-green-100px-square.htm
|
||||||
border-radius-001.htm == reference/border-radius-001-ref.htm
|
border-radius-001.htm == reference/border-radius-001-ref.htm
|
||||||
border-radius-002.htm == reference/border-radius-002-ref.htm
|
border-radius-002.htm == reference/border-radius-002-ref.htm
|
||||||
border-radius-003.htm == reference/border-radius-003-ref.htm
|
border-radius-003.htm == reference/border-radius-003-ref.htm
|
||||||
|
|
|
@ -47,7 +47,7 @@
|
||||||
<tbody id="s6">
|
<tbody id="s6">
|
||||||
<tr><th><a href="chapter-6.htm">Chapter 6 -
|
<tr><th><a href="chapter-6.htm">Chapter 6 -
|
||||||
Border Images</a></th>
|
Border Images</a></th>
|
||||||
<td>(34 Tests)</td></tr>
|
<td>(37 Tests)</td></tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tbody id="s7">
|
<tbody id="s7">
|
||||||
<tr><th><a href="chapter-7.htm">Chapter 7 -
|
<tr><th><a href="chapter-7.htm">Chapter 7 -
|
||||||
|
|
|
@ -127,8 +127,8 @@ html4/background-clip-010.htm 40f96f532a8862c14b7b74aff3900b454652d208 ?
|
||||||
xhtml1/background-clip-010.xht 40f96f532a8862c14b7b74aff3900b454652d208 ?
|
xhtml1/background-clip-010.xht 40f96f532a8862c14b7b74aff3900b454652d208 ?
|
||||||
html4/background-clip-content-box-001.htm 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 ?
|
html4/background-clip-content-box-001.htm 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 ?
|
||||||
xhtml1/background-clip-content-box-001.xht 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 ?
|
xhtml1/background-clip-content-box-001.xht 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 ?
|
||||||
html4/background-clip-content-box.htm a0aae7c775f2d9f6527f7d723ecae69f30330379 ?
|
html4/background-clip-content-box.htm 992c806e87f67434545a16f665befe9fad4129be ?
|
||||||
xhtml1/background-clip-content-box.xht a0aae7c775f2d9f6527f7d723ecae69f30330379 ?
|
xhtml1/background-clip-content-box.xht 992c806e87f67434545a16f665befe9fad4129be ?
|
||||||
html4/background-clip-padding-box-with-border-radius.htm 2f60b410f132cba65c5c8360403f369129deb3ab ?
|
html4/background-clip-padding-box-with-border-radius.htm 2f60b410f132cba65c5c8360403f369129deb3ab ?
|
||||||
xhtml1/background-clip-padding-box-with-border-radius.xht 2f60b410f132cba65c5c8360403f369129deb3ab ?
|
xhtml1/background-clip-padding-box-with-border-radius.xht 2f60b410f132cba65c5c8360403f369129deb3ab ?
|
||||||
html4/background-clip-root.htm 7fa6b5415bc6624809f4dfd162e3eb004938f10d ?
|
html4/background-clip-root.htm 7fa6b5415bc6624809f4dfd162e3eb004938f10d ?
|
||||||
|
@ -483,16 +483,16 @@ html4/border-image-9.htm 91220d234be891f0b01d1a4974f275a9f2578500 ?
|
||||||
xhtml1/border-image-9.xht 91220d234be891f0b01d1a4974f275a9f2578500 ?
|
xhtml1/border-image-9.xht 91220d234be891f0b01d1a4974f275a9f2578500 ?
|
||||||
html4/border-image-repeat-round.htm b836a0f6c592deacbb97c84c18d9c5ca865546f5 ?
|
html4/border-image-repeat-round.htm b836a0f6c592deacbb97c84c18d9c5ca865546f5 ?
|
||||||
xhtml1/border-image-repeat-round.xht b836a0f6c592deacbb97c84c18d9c5ca865546f5 ?
|
xhtml1/border-image-repeat-round.xht b836a0f6c592deacbb97c84c18d9c5ca865546f5 ?
|
||||||
html4/border-image-repeat_repeatnegx_none_50px.htm 74c35522b78dc93b05bbf21d4a5ee4a53f1cd964 ?
|
html4/border-image-repeat_repeatnegx_none_50px.htm 94f97e6cd1b259175ac8416a9aacc9245da46137 ?
|
||||||
xhtml1/border-image-repeat_repeatnegx_none_50px.xht 74c35522b78dc93b05bbf21d4a5ee4a53f1cd964 ?
|
xhtml1/border-image-repeat_repeatnegx_none_50px.xht 94f97e6cd1b259175ac8416a9aacc9245da46137 ?
|
||||||
html4/border-image-round-and-stretch.htm 61e31f23f23594e6601a05e99de02a239dae3971 ?
|
html4/border-image-round-and-stretch.htm 61e31f23f23594e6601a05e99de02a239dae3971 ?
|
||||||
xhtml1/border-image-round-and-stretch.xht 61e31f23f23594e6601a05e99de02a239dae3971 ?
|
xhtml1/border-image-round-and-stretch.xht 61e31f23f23594e6601a05e99de02a239dae3971 ?
|
||||||
html4/border-image-slice-001.htm 65c72cac44f48927ec95a402775c42d8f17d480d ?
|
html4/border-image-slice-001.htm 65c72cac44f48927ec95a402775c42d8f17d480d ?
|
||||||
xhtml1/border-image-slice-001.xht 65c72cac44f48927ec95a402775c42d8f17d480d ?
|
xhtml1/border-image-slice-001.xht 65c72cac44f48927ec95a402775c42d8f17d480d ?
|
||||||
html4/border-image-slice-002.htm c8d317551460dd21040412489996a6c738894628 ?
|
html4/border-image-slice-002.htm c8d317551460dd21040412489996a6c738894628 ?
|
||||||
xhtml1/border-image-slice-002.xht c8d317551460dd21040412489996a6c738894628 ?
|
xhtml1/border-image-slice-002.xht c8d317551460dd21040412489996a6c738894628 ?
|
||||||
html4/border-image-slice-003.htm 2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2 ?
|
html4/border-image-slice-003.htm a5913c6b88348d0b12a209bd71ec2c103774b023 ?
|
||||||
xhtml1/border-image-slice-003.xht 2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2 ?
|
xhtml1/border-image-slice-003.xht a5913c6b88348d0b12a209bd71ec2c103774b023 ?
|
||||||
html4/border-image-slice-005.htm c795fb86f3a99c061832e0c3f708bf7c8650a895 ?
|
html4/border-image-slice-005.htm c795fb86f3a99c061832e0c3f708bf7c8650a895 ?
|
||||||
xhtml1/border-image-slice-005.xht c795fb86f3a99c061832e0c3f708bf7c8650a895 ?
|
xhtml1/border-image-slice-005.xht c795fb86f3a99c061832e0c3f708bf7c8650a895 ?
|
||||||
html4/border-image-slice-007.htm f425ef8e3feb8e574627efb81478a607bd715055 ?
|
html4/border-image-slice-007.htm f425ef8e3feb8e574627efb81478a607bd715055 ?
|
||||||
|
@ -501,6 +501,12 @@ html4/border-image-slice-percentage.htm 96c66681062840b53a027278203512f40dc13523
|
||||||
xhtml1/border-image-slice-percentage.xht 96c66681062840b53a027278203512f40dc13523 ?
|
xhtml1/border-image-slice-percentage.xht 96c66681062840b53a027278203512f40dc13523 ?
|
||||||
html4/border-image-space-001.htm 7f295d8a8471c3a6127a95f0cceb6be824571926 ?
|
html4/border-image-space-001.htm 7f295d8a8471c3a6127a95f0cceb6be824571926 ?
|
||||||
xhtml1/border-image-space-001.xht 7f295d8a8471c3a6127a95f0cceb6be824571926 ?
|
xhtml1/border-image-space-001.xht 7f295d8a8471c3a6127a95f0cceb6be824571926 ?
|
||||||
|
html4/border-image-width-005.htm 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 ?
|
||||||
|
xhtml1/border-image-width-005.xht 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 ?
|
||||||
|
html4/border-image-width-006.htm 2ea7bd90dc8932a918484cc2ac561dfa2595f903 ?
|
||||||
|
xhtml1/border-image-width-006.xht 2ea7bd90dc8932a918484cc2ac561dfa2595f903 ?
|
||||||
|
html4/border-image-width-007.htm 2a85b176999c43cfbdbb6dd1676c551cc1098475 ?
|
||||||
|
xhtml1/border-image-width-007.xht 2a85b176999c43cfbdbb6dd1676c551cc1098475 ?
|
||||||
html4/border-images.htm 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ?
|
html4/border-images.htm 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ?
|
||||||
xhtml1/border-images.xht 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ?
|
xhtml1/border-images.xht 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ?
|
||||||
html4/border-radius-001.htm 22d31b007dbf51ddee05647a7fd69ab97913e105 ?
|
html4/border-radius-001.htm 22d31b007dbf51ddee05647a7fd69ab97913e105 ?
|
||||||
|
|
|
@ -60,7 +60,7 @@ background-clip-007 reference/ref-if-there-is-no-red background-clip: content-bo
|
||||||
background-clip-008 reference/ref-if-there-is-no-red background-clip: padding-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 4fb20f112375611b85cb273c0080f50bcbe4adbe `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible.
|
background-clip-008 reference/ref-if-there-is-no-red background-clip: padding-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 4fb20f112375611b85cb273c0080f50bcbe4adbe `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible.
|
||||||
background-clip-009 reference/ref-filled-black-96px-square background-clip: border-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 6dfbfd7ba1adc4a2fd06435210345e875f60512e `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'border-box', then the background painting area is clipped at the edges of the borders of the element. In this test, the border box is 96px tall and 96px wide and is made from only the borders.
|
background-clip-009 reference/ref-filled-black-96px-square background-clip: border-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 6dfbfd7ba1adc4a2fd06435210345e875f60512e `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'border-box', then the background painting area is clipped at the edges of the borders of the element. In this test, the border box is 96px tall and 96px wide and is made from only the borders.
|
||||||
background-clip-010 reference/ref-if-there-is-no-red background-clip - content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 40f96f532a8862c14b7b74aff3900b454652d208 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'content-box', then the background painting area is clipped at the edges of the content of the element. In this test, height is 'auto', therefore its used value is '0px'; width is 'auto', therefore its used value is as wide as the body element. So, the content box is 0px tall and as wide as the body element; therefore, red should not be visible.
|
background-clip-010 reference/ref-if-there-is-no-red background-clip - content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 40f96f532a8862c14b7b74aff3900b454652d208 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'content-box', then the background painting area is clipped at the edges of the content of the element. In this test, height is 'auto', therefore its used value is '0px'; width is 'auto', therefore its used value is as wide as the body element. So, the content box is 0px tall and as wide as the body element; therefore, red should not be visible.
|
||||||
background-clip-content-box backgrond-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip a0aae7c775f2d9f6527f7d723ecae69f30330379 `anping`<mailto:zhuanping123@163.com> Test passes if the backgrond color is limited to the content only and border is blue dotted without red
|
background-clip-content-box background-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip 992c806e87f67434545a16f665befe9fad4129be `anping`<mailto:zhuanping123@163.com> Test passes if the background color is limited to the content only and border is blue dotted without red
|
||||||
background-clip-content-box-001 reference/background-clip-content-box-ref background-clip Reference http://www.w3.org/TR/css3-background/#the-background-clip 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 `James Wang`<mailto:wangjian@ucweb.com> background-clip with content-box means paint the background within the content box
|
background-clip-content-box-001 reference/background-clip-content-box-ref background-clip Reference http://www.w3.org/TR/css3-background/#the-background-clip 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 `James Wang`<mailto:wangjian@ucweb.com> background-clip with content-box means paint the background within the content box
|
||||||
background-clip-padding-box-with-border-radius background-clip: padding-box with border-radius http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#corner-shaping 2f60b410f132cba65c5c8360403f369129deb3ab `Lea Verou`<http://lea.verou.me> Backgrounds clipped to the padding box should follow the padding box curve, which should be equal to the outer border radius minus the corresponding border thickness.
|
background-clip-padding-box-with-border-radius background-clip: padding-box with border-radius http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#corner-shaping 2f60b410f132cba65c5c8360403f369129deb3ab `Lea Verou`<http://lea.verou.me> Backgrounds clipped to the padding box should follow the padding box curve, which should be equal to the outer border radius minus the corresponding border thickness.
|
||||||
background-clip-root background-clip on root image http://www.w3.org/TR/css3-background/#the-background-clip 7fa6b5415bc6624809f4dfd162e3eb004938f10d `Lea Verou`<http://lea.verou.me> The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.
|
background-clip-root background-clip on root image http://www.w3.org/TR/css3-background/#the-background-clip 7fa6b5415bc6624809f4dfd162e3eb004938f10d `Lea Verou`<http://lea.verou.me> The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.
|
||||||
|
@ -239,15 +239,18 @@ border-image-7 CSS Border and Background: border-image #7 border-image-width h
|
||||||
border-image-8 CSS Border and Background: border-image #8 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 902b4d33531f4f22cc86b4a6072db50e9b73c351 `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Support for 2 values for the border-image-width property
|
border-image-8 CSS Border and Background: border-image #8 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 902b4d33531f4f22cc86b4a6072db50e9b73c351 `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Support for 2 values for the border-image-width property
|
||||||
border-image-9 CSS Border and Background: border-image #9 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 91220d234be891f0b01d1a4974f275a9f2578500 `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Support for 3 values for the border-image-width property
|
border-image-9 CSS Border and Background: border-image #9 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 91220d234be891f0b01d1a4974f275a9f2578500 `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Support for 3 values for the border-image-width property
|
||||||
border-image-repeat-round reference/border-image-repeat-round-ref 'border-image-repeat' set as 'round' http://www.w3.org/TR/css3-background/#border-images b836a0f6c592deacbb97c84c18d9c5ca865546f5 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
|
border-image-repeat-round reference/border-image-repeat-round-ref 'border-image-repeat' set as 'round' http://www.w3.org/TR/css3-background/#border-images b836a0f6c592deacbb97c84c18d9c5ca865546f5 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
|
||||||
border-image-repeat_repeatnegx_none_50px "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div script http://www.w3.org/TR/css3-background/#the-border-image-repeat 74c35522b78dc93b05bbf21d4a5ee4a53f1cd964 `Intel`<http://www.intel.com> Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div
|
border-image-repeat_repeatnegx_none_50px "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div script http://www.w3.org/TR/css3-background/#the-border-image-repeat 94f97e6cd1b259175ac8416a9aacc9245da46137 `Intel`<http://www.intel.com> Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div
|
||||||
border-image-round-and-stretch reference/border-image-round-and-stretch-ref 'border-image' set as 'round' and 'stretch' http://www.w3.org/TR/css3-background/#border-images 61e31f23f23594e6601a05e99de02a239dae3971 `Ren Jing`<mailto:reni2046@gmail.com> orange diamonds on top and bottom border should be repeated 12 times, and orange diamonds on left and right border should be stretched, diamonds in corners should be red, and other diamonds should be orange.
|
border-image-round-and-stretch reference/border-image-round-and-stretch-ref 'border-image' set as 'round' and 'stretch' http://www.w3.org/TR/css3-background/#border-images 61e31f23f23594e6601a05e99de02a239dae3971 `Ren Jing`<mailto:reni2046@gmail.com> orange diamonds on top and bottom border should be repeated 12 times, and orange diamonds on left and right border should be stretched, diamonds in corners should be red, and other diamonds should be orange.
|
||||||
border-image-slice-001 reference/ref-filled-green-100px-square border-image-slice - <percentage> image http://www.w3.org/TR/css3-background/#the-border-image-slice 65c72cac44f48927ec95a402775c42d8f17d480d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
border-image-slice-001 reference/ref-filled-green-100px-square border-image-slice - <percentage> image http://www.w3.org/TR/css3-background/#the-border-image-slice 65c72cac44f48927ec95a402775c42d8f17d480d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||||
border-image-slice-002 reference/ref-filled-green-100px-square border-image-slice - <number> image http://www.w3.org/TR/css3-background/#the-border-image-slice c8d317551460dd21040412489996a6c738894628 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
border-image-slice-002 reference/ref-filled-green-100px-square border-image-slice - <number> image http://www.w3.org/TR/css3-background/#the-border-image-slice c8d317551460dd21040412489996a6c738894628 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||||
border-image-slice-003 reference/ref-if-there-is-no-red border-image-slice - border-style: none image http://www.w3.org/TR/css3-background/#the-border-image-slice 2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.
|
border-image-slice-003 reference/ref-if-there-is-no-red border-image-slice - border-style: none image http://www.w3.org/TR/css3-background/#the-border-image-slice a5913c6b88348d0b12a209bd71ec2c103774b023 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.
|
||||||
border-image-slice-005 The 'border-image-slice' property with four percentage values image http://www.w3.org/TR/css3-background/#the-border-image-slice c795fb86f3a99c061832e0c3f708bf7c8650a895 `Microsoft`<http://www.microsoft.com/> This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets.
|
border-image-slice-005 The 'border-image-slice' property with four percentage values image http://www.w3.org/TR/css3-background/#the-border-image-slice c795fb86f3a99c061832e0c3f708bf7c8650a895 `Microsoft`<http://www.microsoft.com/> This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets.
|
||||||
border-image-slice-007 The 'border-image-slice' property with the 'fill' keyword image http://www.w3.org/TR/css3-background/#the-border-image-slice f425ef8e3feb8e574627efb81478a607bd715055 `Microsoft`<http://www.microsoft.com/> This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved.
|
border-image-slice-007 The 'border-image-slice' property with the 'fill' keyword image http://www.w3.org/TR/css3-background/#the-border-image-slice f425ef8e3feb8e574627efb81478a607bd715055 `Microsoft`<http://www.microsoft.com/> This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved.
|
||||||
border-image-slice-percentage reference/border-image-slice-percentage-ref 'border-image-slice' set by percentage http://www.w3.org/TR/css3-background/#border-images 96c66681062840b53a027278203512f40dc13523 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
|
border-image-slice-percentage reference/border-image-slice-percentage-ref 'border-image-slice' set by percentage http://www.w3.org/TR/css3-background/#border-images 96c66681062840b53a027278203512f40dc13523 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
|
||||||
border-image-space-001 reference/border-image-space-001-ref Border Image: box with spaced repeating border image http://www.w3.org/TR/css3-background/#the-border-image-repeat 7f295d8a8471c3a6127a95f0cceb6be824571926 `Levi Weintraub`<mailto:leviw@chromium.org> border-image-repeat: space property spaces out background image that doesn't fit an even number of times.
|
border-image-space-001 reference/border-image-space-001-ref Border Image: box with spaced repeating border image http://www.w3.org/TR/css3-background/#the-border-image-repeat 7f295d8a8471c3a6127a95f0cceb6be824571926 `Levi Weintraub`<mailto:leviw@chromium.org> border-image-repeat: space property spaces out background image that doesn't fit an even number of times.
|
||||||
|
border-image-width-005 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
|
||||||
|
border-image-width-006 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2ea7bd90dc8932a918484cc2ac561dfa2595f903 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
|
||||||
|
border-image-width-007 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2a85b176999c43cfbdbb6dd1676c551cc1098475 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
|
||||||
border-images border-images with round repeat image http://www.w3.org/TR/css3-background/#the-border-image 4d4052e1cc45e8c09db0459361452d1b5d5fd146 `babyliner`<mailto:babyliner1026@gmail.com> Testing border-image-repeat:round attribute
|
border-images border-images with round repeat image http://www.w3.org/TR/css3-background/#the-border-image 4d4052e1cc45e8c09db0459361452d1b5d5fd146 `babyliner`<mailto:babyliner1026@gmail.com> Testing border-image-repeat:round attribute
|
||||||
border-radius-001 reference/border-radius-001-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 22d31b007dbf51ddee05647a7fd69ab97913e105 `Nokia`<http://www.nokia.com/> To verify when border-radius property, when set to zero, works as expected.
|
border-radius-001 reference/border-radius-001-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 22d31b007dbf51ddee05647a7fd69ab97913e105 `Nokia`<http://www.nokia.com/> To verify when border-radius property, when set to zero, works as expected.
|
||||||
border-radius-002 reference/border-radius-002-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius e00cce42f431e13f9109bc7454ef6176b52bdd6c `Nokia`<http://www.nokia.com/> To verify border-radius property set with one length value, works as expected
|
border-radius-002 reference/border-radius-002-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius e00cce42f431e13f9109bc7454ef6176b52bdd6c `Nokia`<http://www.nokia.com/> To verify border-radius property set with one length value, works as expected
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
|
||||||
<title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title>
|
<title>CSS Background and Borders Test:background-clip_content-box</title>
|
||||||
<link href="mailto:zhuanping123@163.com" rel="author" title="anping" />
|
<link href="mailto:zhuanping123@163.com" rel="author" title="anping" />
|
||||||
<link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" />
|
<link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" />
|
||||||
<meta content="reference/reference.html" name="match" />
|
<meta content="reference/reference.html" name="match" />
|
||||||
<meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert" />
|
<meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert" />
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
div{
|
div{
|
||||||
|
@ -26,7 +26,7 @@
|
||||||
|
|
||||||
</head><body>
|
</head><body>
|
||||||
<p>
|
<p>
|
||||||
"Test passes if the backgrond color is limited to the content only and border is blue dotted without red."
|
"Test passes if the background color is limited to the content only and border is blue dotted without red."
|
||||||
</p>
|
</p>
|
||||||
<div id="container">
|
<div id="container">
|
||||||
<div id="test"></div>
|
<div id="test"></div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
<title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
|
<title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
|
||||||
<link href="http://www.intel.com" rel="author" title="Intel" />
|
<link href="http://www.intel.com" rel="author" title="Intel" />
|
||||||
<link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" />
|
<link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" />
|
||||||
<meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" />
|
<meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" />
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" />
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" />
|
||||||
<link rel="match" href="reference/ref-if-there-is-no-red.xht" />
|
<link rel="match" href="reference/ref-if-there-is-no-red.xht" />
|
||||||
<meta name="flags" content="image" />
|
<meta name="flags" content="image" />
|
||||||
<meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test." />
|
<meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test." />
|
||||||
|
|
||||||
<style type="text/css"><![CDATA[
|
<style type="text/css"><![CDATA[
|
||||||
div
|
div
|
||||||
|
|
|
@ -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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||||
|
|
||||||
|
<meta name="flags" content="image" />
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css"><![CDATA[
|
||||||
|
p
|
||||||
|
{
|
||||||
|
margin-bottom: 41px; /* border-image-outset + 16px (1em) .
|
||||||
|
This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
}
|
||||||
|
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
|
||||||
|
height: 20px;
|
||||||
|
margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
padding: 15px 15px 15px 15px;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
]]></style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||||
|
|
||||||
|
<meta name="flags" content="image" />
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css"><![CDATA[
|
||||||
|
p
|
||||||
|
{
|
||||||
|
margin-bottom: 41px; /* border-image-outset + 16px (1em) .
|
||||||
|
This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
}
|
||||||
|
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
|
||||||
|
height: 0px;
|
||||||
|
margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
padding: 25px 25px 25px 25px;
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
]]></style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||||
|
|
||||||
|
<meta name="flags" content="image" />
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element." name="assert" />
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css"><![CDATA[
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */
|
||||||
|
height: 0px;
|
||||||
|
margin: 66px 50px 50px 50px;
|
||||||
|
/* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
]]></style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -1096,9 +1096,9 @@
|
||||||
<a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td>
|
<a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td>backgrond-clip_content-box
|
<td>background-clip_content-box
|
||||||
<ul class="assert">
|
<ul class="assert">
|
||||||
<li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li>
|
<li>Test passes if the background color is limited to the content only and border is blue dotted without red</li>
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
||||||
<h2>Border Images (34 tests)</h2>
|
<h2>Border Images (37 tests)</h2>
|
||||||
<table width="100%">
|
<table width="100%">
|
||||||
<col id="test-column"></col>
|
<col id="test-column"></col>
|
||||||
<col id="refs-column"></col>
|
<col id="refs-column"></col>
|
||||||
|
@ -142,7 +142,7 @@
|
||||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
<td>border-image-slice - border-style: none
|
<td>border-image-slice - border-style: none
|
||||||
<ul class="assert">
|
<ul class="assert">
|
||||||
<li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.</li>
|
<li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -234,7 +234,7 @@
|
||||||
<tr><th colspan="4" scope="rowgroup">
|
<tr><th colspan="4" scope="rowgroup">
|
||||||
<a href="#s6.3">+</a>
|
<a href="#s6.3">+</a>
|
||||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||||
<!-- 4 tests -->
|
<!-- 7 tests -->
|
||||||
<tr id="border-image-10-6.3" class="primary">
|
<tr id="border-image-10-6.3" class="primary">
|
||||||
<td><strong>
|
<td><strong>
|
||||||
<a href="border-image-10.xht">border-image-10</a></strong></td>
|
<a href="border-image-10.xht">border-image-10</a></strong></td>
|
||||||
|
@ -279,6 +279,39 @@
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr id="border-image-width-005-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-005.xht">border-image-width-005</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr id="border-image-width-006-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-006.xht">border-image-width-006</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr id="border-image-width-007-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-007.xht">border-image-width-007</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tbody id="s6.3.#auto0">
|
<tbody id="s6.3.#auto0">
|
||||||
<!-- 0 tests -->
|
<!-- 0 tests -->
|
||||||
|
|
|
@ -1472,6 +1472,30 @@
|
||||||
<td rowspan="1"></td>
|
<td rowspan="1"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
<tbody id="border-image-width-005" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-005.xht">border-image-width-005</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tbody id="border-image-width-006" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-006.xht">border-image-width-006</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tbody id="border-image-width-007" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-007.xht">border-image-width-007</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
<tbody id="border-radius-001" class="">
|
<tbody id="border-radius-001" class="">
|
||||||
<tr>
|
<tr>
|
||||||
<td rowspan="1" title="Borders. border">
|
<td rowspan="1" title="Borders. border">
|
||||||
|
|
|
@ -180,6 +180,9 @@ border-image-slice-002.xht == reference/ref-filled-green-100px-square.xht
|
||||||
border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht
|
border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht
|
||||||
border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht
|
border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht
|
||||||
border-image-space-001.xht == reference/border-image-space-001-ref.xht
|
border-image-space-001.xht == reference/border-image-space-001-ref.xht
|
||||||
|
border-image-width-005.xht == reference/ref-filled-green-100px-square.xht
|
||||||
|
border-image-width-006.xht == reference/ref-filled-green-100px-square.xht
|
||||||
|
border-image-width-007.xht == reference/ref-filled-green-100px-square.xht
|
||||||
border-radius-001.xht == reference/border-radius-001-ref.xht
|
border-radius-001.xht == reference/border-radius-001-ref.xht
|
||||||
border-radius-002.xht == reference/border-radius-002-ref.xht
|
border-radius-002.xht == reference/border-radius-002-ref.xht
|
||||||
border-radius-003.xht == reference/border-radius-003-ref.xht
|
border-radius-003.xht == reference/border-radius-003-ref.xht
|
||||||
|
|
|
@ -47,7 +47,7 @@
|
||||||
<tbody id="s6">
|
<tbody id="s6">
|
||||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||||
Border Images</a></th>
|
Border Images</a></th>
|
||||||
<td>(34 Tests)</td></tr>
|
<td>(37 Tests)</td></tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tbody id="s7">
|
<tbody id="s7">
|
||||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
|
||||||
<title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title>
|
<title>CSS Background and Borders Test:background-clip_content-box</title>
|
||||||
<link href="mailto:zhuanping123@163.com" rel="author" title="anping" />
|
<link href="mailto:zhuanping123@163.com" rel="author" title="anping" />
|
||||||
<link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" />
|
<link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" />
|
||||||
<meta content="reference/reference.html" name="match" />
|
<meta content="reference/reference.html" name="match" />
|
||||||
<meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert" />
|
<meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert" />
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
div{
|
div{
|
||||||
|
@ -26,7 +26,7 @@
|
||||||
|
|
||||||
</head><body>
|
</head><body>
|
||||||
<p>
|
<p>
|
||||||
"Test passes if the backgrond color is limited to the content only and border is blue dotted without red."
|
"Test passes if the background color is limited to the content only and border is blue dotted without red."
|
||||||
</p>
|
</p>
|
||||||
<div id="container">
|
<div id="container">
|
||||||
<div id="test"></div>
|
<div id="test"></div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
<title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
|
<title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
|
||||||
<link href="http://www.intel.com" rel="author" title="Intel" />
|
<link href="http://www.intel.com" rel="author" title="Intel" />
|
||||||
<link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" />
|
<link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" />
|
||||||
<meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" />
|
<meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" />
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" />
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" />
|
||||||
<link rel="match" href="reference/ref-if-there-is-no-red.xht" />
|
<link rel="match" href="reference/ref-if-there-is-no-red.xht" />
|
||||||
<meta name="flags" content="image" />
|
<meta name="flags" content="image" />
|
||||||
<meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test." />
|
<meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test." />
|
||||||
|
|
||||||
<style type="text/css"><![CDATA[
|
<style type="text/css"><![CDATA[
|
||||||
div
|
div
|
||||||
|
|
|
@ -0,0 +1,63 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
|
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
<style type="text/css">
|
||||||
|
@page { font: italic 8pt sans-serif; color: gray;
|
||||||
|
margin: 7%;
|
||||||
|
counter-increment: page;
|
||||||
|
@top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; }
|
||||||
|
@top-right { content: "Test border-image-width-005"; }
|
||||||
|
@bottom-right { content: counter(page); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||||
|
|
||||||
|
<meta name="flags" content="image" />
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css"><![CDATA[
|
||||||
|
p
|
||||||
|
{
|
||||||
|
margin-bottom: 41px; /* border-image-outset + 16px (1em) .
|
||||||
|
This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
}
|
||||||
|
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
|
||||||
|
height: 20px;
|
||||||
|
margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
padding: 15px 15px 15px 15px;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
]]></style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,63 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
|
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
<style type="text/css">
|
||||||
|
@page { font: italic 8pt sans-serif; color: gray;
|
||||||
|
margin: 7%;
|
||||||
|
counter-increment: page;
|
||||||
|
@top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; }
|
||||||
|
@top-right { content: "Test border-image-width-006"; }
|
||||||
|
@bottom-right { content: counter(page); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||||
|
|
||||||
|
<meta name="flags" content="image" />
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css"><![CDATA[
|
||||||
|
p
|
||||||
|
{
|
||||||
|
margin-bottom: 41px; /* border-image-outset + 16px (1em) .
|
||||||
|
This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
}
|
||||||
|
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
|
||||||
|
height: 0px;
|
||||||
|
margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
|
||||||
|
padding: 25px 25px 25px 25px;
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
]]></style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,57 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
|
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
|
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
|
||||||
|
<style type="text/css">
|
||||||
|
@page { font: italic 8pt sans-serif; color: gray;
|
||||||
|
margin: 7%;
|
||||||
|
counter-increment: page;
|
||||||
|
@top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; }
|
||||||
|
@top-right { content: "Test border-image-width-007"; }
|
||||||
|
@bottom-right { content: counter(page); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
|
||||||
|
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
|
||||||
|
|
||||||
|
<meta name="flags" content="image" />
|
||||||
|
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element." name="assert" />
|
||||||
|
|
||||||
|
<!--
|
||||||
|
created 2015-11-18
|
||||||
|
[css-backgrounds] Please remove the "unless there is a border image" wording
|
||||||
|
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style type="text/css"><![CDATA[
|
||||||
|
div
|
||||||
|
{
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
border-style: none; /* or border-style: dotted or any other 'border-style' value */
|
||||||
|
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
|
||||||
|
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
|
||||||
|
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
|
||||||
|
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
|
||||||
|
border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */
|
||||||
|
height: 0px;
|
||||||
|
margin: 66px 50px 50px 50px;
|
||||||
|
/* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
]]></style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -1096,9 +1096,9 @@
|
||||||
<a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td>
|
<a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td>backgrond-clip_content-box
|
<td>background-clip_content-box
|
||||||
<ul class="assert">
|
<ul class="assert">
|
||||||
<li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li>
|
<li>Test passes if the background color is limited to the content only and border is blue dotted without red</li>
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
||||||
<h2>Border Images (34 tests)</h2>
|
<h2>Border Images (37 tests)</h2>
|
||||||
<table width="100%">
|
<table width="100%">
|
||||||
<col id="test-column"></col>
|
<col id="test-column"></col>
|
||||||
<col id="refs-column"></col>
|
<col id="refs-column"></col>
|
||||||
|
@ -142,7 +142,7 @@
|
||||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
<td>border-image-slice - border-style: none
|
<td>border-image-slice - border-style: none
|
||||||
<ul class="assert">
|
<ul class="assert">
|
||||||
<li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.</li>
|
<li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -234,7 +234,7 @@
|
||||||
<tr><th colspan="4" scope="rowgroup">
|
<tr><th colspan="4" scope="rowgroup">
|
||||||
<a href="#s6.3">+</a>
|
<a href="#s6.3">+</a>
|
||||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||||
<!-- 4 tests -->
|
<!-- 7 tests -->
|
||||||
<tr id="border-image-10-6.3" class="primary">
|
<tr id="border-image-10-6.3" class="primary">
|
||||||
<td><strong>
|
<td><strong>
|
||||||
<a href="border-image-10.xht">border-image-10</a></strong></td>
|
<a href="border-image-10.xht">border-image-10</a></strong></td>
|
||||||
|
@ -279,6 +279,39 @@
|
||||||
</ul>
|
</ul>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr id="border-image-width-005-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-005.xht">border-image-width-005</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr id="border-image-width-006-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-006.xht">border-image-width-006</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr id="border-image-width-007-6.3" class="primary image">
|
||||||
|
<td><strong>
|
||||||
|
<a href="border-image-width-007.xht">border-image-width-007</a></strong></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
<td>border image area - border-image-width
|
||||||
|
<ul class="assert">
|
||||||
|
<li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.</li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tbody id="s6.3.#auto0">
|
<tbody id="s6.3.#auto0">
|
||||||
<!-- 0 tests -->
|
<!-- 0 tests -->
|
||||||
|
|
|
@ -1472,6 +1472,30 @@
|
||||||
<td rowspan="1"></td>
|
<td rowspan="1"></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
<tbody id="border-image-width-005" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-005.xht">border-image-width-005</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tbody id="border-image-width-006" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-006.xht">border-image-width-006</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tbody id="border-image-width-007" class="image">
|
||||||
|
<tr>
|
||||||
|
<td rowspan="1" title="border image area - border-image-width">
|
||||||
|
<a href="border-image-width-007.xht">border-image-width-007</a></td>
|
||||||
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||||
|
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
<tbody id="border-radius-001" class="">
|
<tbody id="border-radius-001" class="">
|
||||||
<tr>
|
<tr>
|
||||||
<td rowspan="1" title="Borders. border">
|
<td rowspan="1" title="Borders. border">
|
||||||
|
|
|
@ -180,6 +180,9 @@ border-image-slice-002.xht == reference/ref-filled-green-100px-square.xht
|
||||||
border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht
|
border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht
|
||||||
border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht
|
border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht
|
||||||
border-image-space-001.xht == reference/border-image-space-001-ref.xht
|
border-image-space-001.xht == reference/border-image-space-001-ref.xht
|
||||||
|
border-image-width-005.xht == reference/ref-filled-green-100px-square.xht
|
||||||
|
border-image-width-006.xht == reference/ref-filled-green-100px-square.xht
|
||||||
|
border-image-width-007.xht == reference/ref-filled-green-100px-square.xht
|
||||||
border-radius-001.xht == reference/border-radius-001-ref.xht
|
border-radius-001.xht == reference/border-radius-001-ref.xht
|
||||||
border-radius-002.xht == reference/border-radius-002-ref.xht
|
border-radius-002.xht == reference/border-radius-002-ref.xht
|
||||||
border-radius-003.xht == reference/border-radius-003-ref.xht
|
border-radius-003.xht == reference/border-radius-003-ref.xht
|
||||||
|
|
|
@ -47,7 +47,7 @@
|
||||||
<tbody id="s6">
|
<tbody id="s6">
|
||||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||||
Border Images</a></th>
|
Border Images</a></th>
|
||||||
<td>(34 Tests)</td></tr>
|
<td>(37 Tests)</td></tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tbody id="s7">
|
<tbody id="s7">
|
||||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
|
||||||
|
|
|
@ -75,18 +75,18 @@ html/at-supports-032.htm 3ca58122eeae5292b554484dd433137e613a310f ?
|
||||||
xhtml1/at-supports-032.xht 3ca58122eeae5292b554484dd433137e613a310f ?
|
xhtml1/at-supports-032.xht 3ca58122eeae5292b554484dd433137e613a310f ?
|
||||||
html/at-supports-033.htm 8d2ee70f60d678ff84bf832955a84ee01c4be51a ?
|
html/at-supports-033.htm 8d2ee70f60d678ff84bf832955a84ee01c4be51a ?
|
||||||
xhtml1/at-supports-033.xht 8d2ee70f60d678ff84bf832955a84ee01c4be51a ?
|
xhtml1/at-supports-033.xht 8d2ee70f60d678ff84bf832955a84ee01c4be51a ?
|
||||||
html/at-supports-034.htm a974e466cdb76c4f0244b928dcbd65ee5641cf93 ?
|
html/at-supports-034.htm f2a63c625890b52fbc924ef32136f81f7dea4e89 ?
|
||||||
xhtml1/at-supports-034.xht a974e466cdb76c4f0244b928dcbd65ee5641cf93 ?
|
xhtml1/at-supports-034.xht f2a63c625890b52fbc924ef32136f81f7dea4e89 ?
|
||||||
html/at-supports-035.htm dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0 ?
|
html/at-supports-035.htm a865a8384bb900031fc00554a4e8375ac3d9204f ?
|
||||||
xhtml1/at-supports-035.xht dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0 ?
|
xhtml1/at-supports-035.xht a865a8384bb900031fc00554a4e8375ac3d9204f ?
|
||||||
html/at-supports-036.htm ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564 ?
|
html/at-supports-036.htm 8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db ?
|
||||||
xhtml1/at-supports-036.xht ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564 ?
|
xhtml1/at-supports-036.xht 8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db ?
|
||||||
html/at-supports-037.htm 2d91e424d0c0730566f360c5b7be903415b21a0f ?
|
html/at-supports-037.htm 917ca3670ae18581d7f473f317f0be6cfc236adb ?
|
||||||
xhtml1/at-supports-037.xht 2d91e424d0c0730566f360c5b7be903415b21a0f ?
|
xhtml1/at-supports-037.xht 917ca3670ae18581d7f473f317f0be6cfc236adb ?
|
||||||
html/at-supports-038.htm 8649bd6d70bad29c6fdd259ee571d61b52bfcf47 ?
|
html/at-supports-038.htm 238dd8f60920bf71ce435e6825c5ecd7f77e6669 ?
|
||||||
xhtml1/at-supports-038.xht 8649bd6d70bad29c6fdd259ee571d61b52bfcf47 ?
|
xhtml1/at-supports-038.xht 238dd8f60920bf71ce435e6825c5ecd7f77e6669 ?
|
||||||
html/at-supports-039.htm ff9359fb25c72f40e3c064b3d1b351c442ebb6e4 ?
|
html/at-supports-039.htm ceba4affce8f475ac8ed62aad22f364b917b24e5 ?
|
||||||
xhtml1/at-supports-039.xht ff9359fb25c72f40e3c064b3d1b351c442ebb6e4 ?
|
xhtml1/at-supports-039.xht ceba4affce8f475ac8ed62aad22f364b917b24e5 ?
|
||||||
html/css-supports-001.htm 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f ?
|
html/css-supports-001.htm 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f ?
|
||||||
xhtml1/css-supports-001.xht 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f ?
|
xhtml1/css-supports-001.xht 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f ?
|
||||||
html/css-supports-002.htm 1af686f5705d6c604eb1cfab0a39a07d8d1879da ?
|
html/css-supports-002.htm 1af686f5705d6c604eb1cfab0a39a07d8d1879da ?
|
||||||
|
|
|
@ -133,7 +133,7 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li>Cameron McCormack</li>
|
<li>Cameron McCormack</li>
|
||||||
<li>Florian Rivoal</li>
|
<li>Florian Rivoal</li>
|
||||||
<li>Gérard Talbot</li>
|
<li>Gérard Talbot</li>
|
||||||
<li>L. David Baron</li>
|
<li>L. David Baron</li>
|
||||||
<li>Mozilla Corporation</li>
|
<li>Mozilla Corporation</li>
|
||||||
<li>Opera Software ASA</li>
|
<li>Opera Software ASA</li>
|
||||||
|
|
|
@ -133,7 +133,7 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li>Cameron McCormack</li>
|
<li>Cameron McCormack</li>
|
||||||
<li>Florian Rivoal</li>
|
<li>Florian Rivoal</li>
|
||||||
<li>Gérard Talbot</li>
|
<li>Gérard Talbot</li>
|
||||||
<li>L. David Baron</li>
|
<li>L. David Baron</li>
|
||||||
<li>Mozilla Corporation</li>
|
<li>Mozilla Corporation</li>
|
||||||
<li>Opera Software ASA</li>
|
<li>Opera Software ASA</li>
|
||||||
|
|
|
@ -35,12 +35,12 @@ at-supports-030 reference/at-supports-001-ref Incorrect syntax in @supports reco
|
||||||
at-supports-031 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 946ba17fdc10abbe26f2dde5ec6b4db6f21ef5ef `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>
|
at-supports-031 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 946ba17fdc10abbe26f2dde5ec6b4db6f21ef5ef `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>
|
||||||
at-supports-032 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 3ca58122eeae5292b554484dd433137e613a310f `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>
|
at-supports-032 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 3ca58122eeae5292b554484dd433137e613a310f `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>
|
||||||
at-supports-033 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 8d2ee70f60d678ff84bf832955a84ee01c4be51a `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>
|
at-supports-033 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 8d2ee70f60d678ff84bf832955a84ee01c4be51a `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>
|
||||||
at-supports-034 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports a974e466cdb76c4f0244b928dcbd65ee5641cf93 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
at-supports-034 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports f2a63c625890b52fbc924ef32136f81f7dea4e89 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
||||||
at-supports-035 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
at-supports-035 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports a865a8384bb900031fc00554a4e8375ac3d9204f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
||||||
at-supports-036 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
at-supports-036 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports 8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
||||||
at-supports-037 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports 2d91e424d0c0730566f360c5b7be903415b21a0f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
at-supports-037 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports 917ca3670ae18581d7f473f317f0be6cfc236adb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
|
||||||
at-supports-038 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports 8649bd6d70bad29c6fdd259ee571d61b52bfcf47 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
|
at-supports-038 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports 238dd8f60920bf71ce435e6825c5ecd7f77e6669 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
|
||||||
at-supports-039 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports ff9359fb25c72f40e3c064b3d1b351c442ebb6e4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
|
at-supports-039 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports ceba4affce8f475ac8ed62aad22f364b917b24e5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
|
||||||
css-supports-001 support/pass An @supports rule with valid syntax and a passing condition must apply rules inside it http://www.w3.org/TR/css3-conditional/#at-supports 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f `Cameron McCormack`<mailto:cam@mcc.id.au> An @supports rule condition with a single, valid property declaration for a supported property must cause the rules inside the @supports rule to apply.
|
css-supports-001 support/pass An @supports rule with valid syntax and a passing condition must apply rules inside it http://www.w3.org/TR/css3-conditional/#at-supports 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f `Cameron McCormack`<mailto:cam@mcc.id.au> An @supports rule condition with a single, valid property declaration for a supported property must cause the rules inside the @supports rule to apply.
|
||||||
css-supports-002 support/pass An @supports rule with invalid syntax must not apply rules inside it invalid http://www.w3.org/TR/css3-conditional/#at-supports 1af686f5705d6c604eb1cfab0a39a07d8d1879da `Cameron McCormack`<mailto:cam@mcc.id.au> Property declarations in an @supports rule condition must be surrounded by parentheses.
|
css-supports-002 support/pass An @supports rule with invalid syntax must not apply rules inside it invalid http://www.w3.org/TR/css3-conditional/#at-supports 1af686f5705d6c604eb1cfab0a39a07d8d1879da `Cameron McCormack`<mailto:cam@mcc.id.au> Property declarations in an @supports rule condition must be surrounded by parentheses.
|
||||||
css-supports-003 support/pass An @supports rule with valid syntax and a passing condition must apply rules inside it http://www.w3.org/TR/css3-conditional/#at-supports dfff4f786fafad5eace0e3a1d3baaaf0cf7d6c9b `Cameron McCormack`<mailto:cam@mcc.id.au> Any subexpression in an @supports rule condition can be surrounded by an extra pair of parentheses.
|
css-supports-003 support/pass An @supports rule with valid syntax and a passing condition must apply rules inside it http://www.w3.org/TR/css3-conditional/#at-supports dfff4f786fafad5eace0e3a1d3baaaf0cf7d6c9b `Cameron McCormack`<mailto:cam@mcc.id.au> Any subexpression in an @supports rule condition can be surrounded by an extra pair of parentheses.
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
|
||||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
|
||||||
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
|
||||||
|
|
|
@ -82,7 +82,7 @@
|
||||||
<div class="auto" style="height: 100%">auto</div>
|
<div class="auto" style="height: 100%">auto</div>
|
||||||
<div class="unspecified" style="height: 100%">unspec</div>
|
<div class="unspecified" style="height: 100%">unspec</div>
|
||||||
<div class="initial" style="height: 100%">initial</div>
|
<div class="initial" style="height: 100%">initial</div>
|
||||||
<div class="inherit" style="height: 100%">inherit</div>
|
<div class="inherit">inherit</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -319,8 +319,8 @@ html/flexbox-align-self-horiz-001-table.htm 183f460c2e72e0bcf57e9fc6ce6e2225f911
|
||||||
xhtml1/flexbox-align-self-horiz-001-table.xht 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 ?
|
xhtml1/flexbox-align-self-horiz-001-table.xht 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 ?
|
||||||
html/flexbox-align-self-horiz-002.htm 8ab4c5c5d3600422c2560908ea8c809511fd8456 ?
|
html/flexbox-align-self-horiz-002.htm 8ab4c5c5d3600422c2560908ea8c809511fd8456 ?
|
||||||
xhtml1/flexbox-align-self-horiz-002.xht 8ab4c5c5d3600422c2560908ea8c809511fd8456 ?
|
xhtml1/flexbox-align-self-horiz-002.xht 8ab4c5c5d3600422c2560908ea8c809511fd8456 ?
|
||||||
html/flexbox-align-self-horiz-003.htm 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c ?
|
html/flexbox-align-self-horiz-003.htm a196c3b0ed8ef58efbfab036557be25c118a6007 ?
|
||||||
xhtml1/flexbox-align-self-horiz-003.xht 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c ?
|
xhtml1/flexbox-align-self-horiz-003.xht a196c3b0ed8ef58efbfab036557be25c118a6007 ?
|
||||||
html/flexbox-align-self-horiz-004.htm 10a87f5352d8eb2c448129d27aa505f3148d4534 ?
|
html/flexbox-align-self-horiz-004.htm 10a87f5352d8eb2c448129d27aa505f3148d4534 ?
|
||||||
xhtml1/flexbox-align-self-horiz-004.xht 10a87f5352d8eb2c448129d27aa505f3148d4534 ?
|
xhtml1/flexbox-align-self-horiz-004.xht 10a87f5352d8eb2c448129d27aa505f3148d4534 ?
|
||||||
html/flexbox-align-self-horiz-005.htm 47ddfa8eb08586be92297f63fb61d0b9e8899e29 ?
|
html/flexbox-align-self-horiz-005.htm 47ddfa8eb08586be92297f63fb61d0b9e8899e29 ?
|
||||||
|
|
|
@ -157,7 +157,7 @@ flexbox-align-self-baseline-horiz-005 reference/flexbox-align-self-baseline-hori
|
||||||
flexbox-align-self-horiz-001-block reference/flexbox-align-self-horiz-001-ref Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#align-items-property 8ddd9e5c643399d31bc48e8a39684d98ce7f2406 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
flexbox-align-self-horiz-001-block reference/flexbox-align-self-horiz-001-ref Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#align-items-property 8ddd9e5c643399d31bc48e8a39684d98ce7f2406 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
||||||
flexbox-align-self-horiz-001-table reference/flexbox-align-self-horiz-001-ref Testing the various 'align-self' property values on flex items that are tables http://www.w3.org/TR/css-flexbox-1/#align-items-property 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
flexbox-align-self-horiz-001-table reference/flexbox-align-self-horiz-001-ref Testing the various 'align-self' property values on flex items that are tables http://www.w3.org/TR/css-flexbox-1/#align-items-property 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
||||||
flexbox-align-self-horiz-002 reference/flexbox-align-self-horiz-002-ref Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 8ab4c5c5d3600422c2560908ea8c809511fd8456 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
flexbox-align-self-horiz-002 reference/flexbox-align-self-horiz-002-ref Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 8ab4c5c5d3600422c2560908ea8c809511fd8456 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
||||||
flexbox-align-self-horiz-003 reference/flexbox-align-self-horiz-003-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items http://www.w3.org/TR/css-flexbox-1/#align-items-property 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
flexbox-align-self-horiz-003 reference/flexbox-align-self-horiz-003-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items http://www.w3.org/TR/css-flexbox-1/#align-items-property a196c3b0ed8ef58efbfab036557be25c118a6007 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
||||||
flexbox-align-self-horiz-004 reference/flexbox-align-self-horiz-004-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 10a87f5352d8eb2c448129d27aa505f3148d4534 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
flexbox-align-self-horiz-004 reference/flexbox-align-self-horiz-004-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 10a87f5352d8eb2c448129d27aa505f3148d4534 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
||||||
flexbox-align-self-horiz-005 reference/flexbox-align-self-horiz-005-ref Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#auto-margins 47ddfa8eb08586be92297f63fb61d0b9e8899e29 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
flexbox-align-self-horiz-005 reference/flexbox-align-self-horiz-005-ref Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#auto-margins 47ddfa8eb08586be92297f63fb61d0b9e8899e29 `Daniel Holbert`<mailto:dholbert@mozilla.com>
|
||||||
flexbox-align-self-stretch-vert-001 reference/flexbox-align-self-stretch-vert-001-ref Testing the sizing of a stretched horizontal flex container in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 6c777130631b607e0e1106a0bd655645cfb049e3 `Daniel Holbert`<mailto:dholbert@mozilla.com> If a stretched flex item's main size is influenced by its cross size, and the flex container has a definite cross size, then the item's cross size should be resolved early so that it can be used when determining the item's main size https://drafts.csswg.org/css-flexbox/issues-cr-2012#issue-23
|
flexbox-align-self-stretch-vert-001 reference/flexbox-align-self-stretch-vert-001-ref Testing the sizing of a stretched horizontal flex container in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 6c777130631b607e0e1106a0bd655645cfb049e3 `Daniel Holbert`<mailto:dholbert@mozilla.com> If a stretched flex item's main size is influenced by its cross size, and the flex container has a definite cross size, then the item's cross size should be resolved early so that it can be used when determining the item's main size https://drafts.csswg.org/css-flexbox/issues-cr-2012#issue-23
|
||||||
|
|
|
@ -81,7 +81,7 @@
|
||||||
<div class="auto" style="height: 100%">auto</div>
|
<div class="auto" style="height: 100%">auto</div>
|
||||||
<div class="unspecified" style="height: 100%">unspec</div>
|
<div class="unspecified" style="height: 100%">unspec</div>
|
||||||
<div class="initial" style="height: 100%">initial</div>
|
<div class="initial" style="height: 100%">initial</div>
|
||||||
<div class="inherit" style="height: 100%">inherit</div>
|
<div class="inherit">inherit</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -90,7 +90,7 @@
|
||||||
<div class="auto" style="height: 100%">auto</div>
|
<div class="auto" style="height: 100%">auto</div>
|
||||||
<div class="unspecified" style="height: 100%">unspec</div>
|
<div class="unspecified" style="height: 100%">unspec</div>
|
||||||
<div class="initial" style="height: 100%">initial</div>
|
<div class="initial" style="height: 100%">initial</div>
|
||||||
<div class="inherit" style="height: 100%">inherit</div>
|
<div class="inherit">inherit</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM String Leader</title>
|
<title>CSS Test: GCPM String Leader</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help">
|
||||||
|
@ -22,7 +23,7 @@ content: leader('~ ');
|
||||||
|
|
||||||
<blockquote>
|
<blockquote>
|
||||||
|
|
||||||
<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�</p>
|
<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p>
|
||||||
|
|
||||||
<p class="source-rw">Ahab</p>
|
<p class="source-rw">Ahab</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
@ -30,4 +31,5 @@ content: leader('~ ');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set with string</title>
|
<title>CSS Test: GCPM string-set with string</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “hello, world� appears in the running head at the top of the page.</p>
|
<p>Test passes if “hello, world” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM String-set with content()</title>
|
<title>CSS Test: GCPM String-set with content()</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “Chapter Title� appears in the running head at the top of the page.</p>
|
<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM String-set with content(text)</title>
|
<title>CSS Test: GCPM String-set with content(text)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -20,7 +21,8 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if the text “Chapter Title� appears in the running head at the top of the page.</p>
|
<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p>
|
||||||
<!--AH errors out with content(text) rather than content()-->
|
<!--AH errors out with content(text) rather than content()-->
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM String-set with content(first-letter)</title>
|
<title>CSS Test: GCPM String-set with content(first-letter)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “C� appears in the running head at the top of the page.</p>
|
<p>Test passes if “C” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM String-set with counter(page)</title>
|
<title>CSS Test: GCPM String-set with counter(page)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>A</h1>
|
<h1>A</h1>
|
||||||
<p>Test passes if “1� appears in the running head at the top of the page.</p>
|
<p>Test passes if “1” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set with content(before)</title>
|
<title>CSS Test: GCPM string-set with content(before)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -25,6 +26,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “before-� appears in the running head at the top of the page.</p>
|
<p>Test passes if “before-” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set with content(after)</title>
|
<title>CSS Test: GCPM string-set with content(after)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -25,6 +26,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “-after� appears in the running head at the top of the page.</p>
|
<p>Test passes if “-after” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set with multiple assignments</title>
|
<title>CSS Test: GCPM string-set with multiple assignments</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -26,6 +27,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “Chapter Title� appears in both the left and right running heads, and “C� appears in the center running head.</p>
|
<p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set with page and pages counters</title>
|
<title>CSS Test: GCPM string-set with page and pages counters</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -21,6 +22,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “1 of 1� appears in the running head.</p>
|
<p>Test passes if “1 of 1” appears in the running head.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set on element with display: none</title>
|
<title>CSS Test: GCPM string-set on element with display: none</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -24,6 +25,7 @@ display: none;
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “Chapter Title� appears in the running head.</p>
|
<p>Test passes if “Chapter Title” appears in the running head.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set on element with display: none</title>
|
<title>CSS Test: GCPM string-set on element with display: none</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -30,10 +31,10 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
|
||||||
<p>Test passes if:</p>
|
<p>Test passes if:</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>
|
<li>
|
||||||
“Chapter One Title� appears in the running head on page one.
|
“Chapter One Title” appears in the running head on page one.
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
“Chapter Two Title� appears in the running head on page two.
|
“Chapter Two Title” appears in the running head on page two.
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
|
||||||
|
@ -42,4 +43,5 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
|
||||||
<p>Second Page</p>
|
<p>Second Page</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: GCPM string-set to attribute value</title>
|
<title>CSS Test: GCPM string-set to attribute value</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
|
||||||
|
@ -22,7 +23,8 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1 title="Hello, World">Chapter Title</h1>
|
<h1 title="Hello, World">Chapter Title</h1>
|
||||||
<p>Test passes if running head text reads “Hello, World�.
|
<p>Test passes if running head text reads “Hello, World”.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: using 'first' property of named strings</title>
|
<title>CSS Test: using 'first' property of named strings</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help">
|
||||||
|
@ -22,7 +23,7 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p>Test passes if “Section One� is in the running head at the top of the page.</p>
|
<p>Test passes if “Section One” is in the running head at the top of the page.</p>
|
||||||
<h2 id="s1">Section One</h2>
|
<h2 id="s1">Section One</h2>
|
||||||
<h2 id="s2">Section Two</h2>
|
<h2 id="s2">Section Two</h2>
|
||||||
<h2 id="s3">Section Three</h2>
|
<h2 id="s3">Section Three</h2>
|
||||||
|
@ -30,4 +31,5 @@
|
||||||
<h2 id="s5">Section Five</h2>
|
<h2 id="s5">Section Five</h2>
|
||||||
<h2 id="s6">Section Six</h2>
|
<h2 id="s6">Section Six</h2>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: using the 'last' property of named strings</title>
|
<title>CSS Test: using the 'last' property of named strings</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help">
|
||||||
|
@ -27,4 +28,5 @@
|
||||||
<h2 id="s5">Section Five</h2>
|
<h2 id="s5">Section Five</h2>
|
||||||
<h2 id="s6">Section Six</h2>
|
<h2 id="s6">Section Six</h2>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: using 'start' property of named strings</title>
|
<title>CSS Test: using 'start' property of named strings</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help">
|
||||||
|
@ -30,10 +31,10 @@
|
||||||
On page one, the running head is empty.
|
On page one, the running head is empty.
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
On page two, the running head is “Section Two�
|
On page two, the running head is “Section Two”
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
On page three, the running head is “Section Four�
|
On page three, the running head is “Section Four”
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
<h2 id="s1">Section One</h2>
|
<h2 id="s1">Section One</h2>
|
||||||
|
@ -55,4 +56,5 @@ Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cup
|
||||||
<h2 id="s6">Section Six</h2>
|
<h2 id="s6">Section Six</h2>
|
||||||
<p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p>
|
<p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: using 'first-except' property of named strings</title>
|
<title>CSS Test: using 'first-except' property of named strings</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help">
|
||||||
|
@ -22,7 +23,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if the running head is omitted on page one, and is “Chapter Title� on all other pages.</p>
|
<p>Test passes if the running head is omitted on page one, and is “Chapter Title” on all other pages.</p>
|
||||||
<h2 id="s1">Section One</h2>
|
<h2 id="s1">Section One</h2>
|
||||||
<h2 id="s2">Section Two</h2>
|
<h2 id="s2">Section Two</h2>
|
||||||
<h2 id="s3">Section Three</h2>
|
<h2 id="s3">Section Three</h2>
|
||||||
|
@ -30,4 +31,5 @@
|
||||||
<h2 id="s5">Section Five</h2>
|
<h2 id="s5">Section Five</h2>
|
||||||
<h2 id="s6">Section Six</h2>
|
<h2 id="s6">Section Six</h2>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html><head>
|
||||||
|
<meta charset="utf-8">
|
||||||
<title>CSS Test: using 'last' property of named strings</title>
|
<title>CSS Test: using 'last' property of named strings</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help">
|
<link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help">
|
||||||
|
@ -24,13 +25,13 @@
|
||||||
<p>Note: test has three pages. Test passes if:</p>
|
<p>Note: test has three pages. Test passes if:</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>
|
<li>
|
||||||
Running head on page one is “Section One�
|
Running head on page one is “Section One”
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Running head on page two is “Section Three�
|
Running head on page two is “Section Three”
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Running head on page three is “Section Six�
|
Running head on page three is “Section Six”
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
<h2 id="s1">Section One</h2>
|
<h2 id="s1">Section One</h2>
|
||||||
|
@ -40,4 +41,5 @@ Running head on page three is “Section Six
|
||||||
<h2 id="s5">Section Five</h2>
|
<h2 id="s5">Section Five</h2>
|
||||||
<h2 id="s6">Section Six</h2>
|
<h2 id="s6">Section Six</h2>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -5,41 +5,41 @@
|
||||||
testname revision result comment
|
testname revision result comment
|
||||||
html/leader-001.htm 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 ?
|
html/leader-001.htm 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 ?
|
||||||
xhtml1/leader-001.xht 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 ?
|
xhtml1/leader-001.xht 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 ?
|
||||||
html/leader-002.htm 3408bd64aa9d5c446500097c6144ebaaae5e19b8 ?
|
html/leader-002.htm b2ae229381bf78e51896daabfe141b52fdf2083e ?
|
||||||
xhtml1/leader-002.xht 3408bd64aa9d5c446500097c6144ebaaae5e19b8 ?
|
xhtml1/leader-002.xht b2ae229381bf78e51896daabfe141b52fdf2083e ?
|
||||||
html/leader-003.htm 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 ?
|
html/leader-003.htm 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 ?
|
||||||
xhtml1/leader-003.xht 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 ?
|
xhtml1/leader-003.xht 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 ?
|
||||||
html/string-set-001.htm 680a5e8ae9f9d7d12998ab864ed1f610892da6f5 ?
|
html/string-set-001.htm 8443c7937861e01295136b5070b4f734ac22b9ff ?
|
||||||
xhtml1/string-set-001.xht 680a5e8ae9f9d7d12998ab864ed1f610892da6f5 ?
|
xhtml1/string-set-001.xht 8443c7937861e01295136b5070b4f734ac22b9ff ?
|
||||||
html/string-set-002.htm 5c9b61ae8e44db9596b2b5e71cb769e980f165e4 ?
|
html/string-set-002.htm e0cb9d8c922891c04768bea41e2b17a05274e49b ?
|
||||||
xhtml1/string-set-002.xht 5c9b61ae8e44db9596b2b5e71cb769e980f165e4 ?
|
xhtml1/string-set-002.xht e0cb9d8c922891c04768bea41e2b17a05274e49b ?
|
||||||
html/string-set-003.htm 13ccf65c084fec03627be39ca76358a9cafddfec ?
|
html/string-set-003.htm 4742fcc56d586f223a6c5616bc3c40b95d5a361c ?
|
||||||
xhtml1/string-set-003.xht 13ccf65c084fec03627be39ca76358a9cafddfec ?
|
xhtml1/string-set-003.xht 4742fcc56d586f223a6c5616bc3c40b95d5a361c ?
|
||||||
html/string-set-004.htm bb2369a00d38c0db485ba469aa26e2a26c234ce8 ?
|
html/string-set-004.htm ca3132ba877a27368769604d1aa7daab0723e33e ?
|
||||||
xhtml1/string-set-004.xht bb2369a00d38c0db485ba469aa26e2a26c234ce8 ?
|
xhtml1/string-set-004.xht ca3132ba877a27368769604d1aa7daab0723e33e ?
|
||||||
html/string-set-005.htm 082af309d719a9a07ae67bc18ddfd3e48826dd0b ?
|
html/string-set-005.htm 41e4ff6532306d2e3c77e4f19f5ceea664508b0d ?
|
||||||
xhtml1/string-set-005.xht 082af309d719a9a07ae67bc18ddfd3e48826dd0b ?
|
xhtml1/string-set-005.xht 41e4ff6532306d2e3c77e4f19f5ceea664508b0d ?
|
||||||
html/string-set-006.htm 3cf5d803ce75252975775e19dea619c026b58d18 ?
|
html/string-set-006.htm c9f65d09fad97e87334bb918afc705a59108774e ?
|
||||||
xhtml1/string-set-006.xht 3cf5d803ce75252975775e19dea619c026b58d18 ?
|
xhtml1/string-set-006.xht c9f65d09fad97e87334bb918afc705a59108774e ?
|
||||||
html/string-set-007.htm 20864a934ff67958f4a0e16527ed5c1cd6fc7694 ?
|
html/string-set-007.htm 3b234ee5190bd0f1cfba08c96f11f7908019819c ?
|
||||||
xhtml1/string-set-007.xht 20864a934ff67958f4a0e16527ed5c1cd6fc7694 ?
|
xhtml1/string-set-007.xht 3b234ee5190bd0f1cfba08c96f11f7908019819c ?
|
||||||
html/string-set-008.htm 5711b5fd32bddd3bd8503dbfaa414a80c7964ceb ?
|
html/string-set-008.htm 10e3881b5ca95a586063a0417c8bd8558af7405c ?
|
||||||
xhtml1/string-set-008.xht 5711b5fd32bddd3bd8503dbfaa414a80c7964ceb ?
|
xhtml1/string-set-008.xht 10e3881b5ca95a586063a0417c8bd8558af7405c ?
|
||||||
html/string-set-009.htm fb0ecc440e9e4da9bb52d8580772b4745095b31a ?
|
html/string-set-009.htm 4ef4c74d5305f7c4ed479cf68935ea86f53311cb ?
|
||||||
xhtml1/string-set-009.xht fb0ecc440e9e4da9bb52d8580772b4745095b31a ?
|
xhtml1/string-set-009.xht 4ef4c74d5305f7c4ed479cf68935ea86f53311cb ?
|
||||||
html/string-set-010.htm cee4997f991765f9e003ab764dbe30e033cbfb06 ?
|
html/string-set-010.htm 5c2d3344da0b6200808f52f65daa438cc7d4b586 ?
|
||||||
xhtml1/string-set-010.xht cee4997f991765f9e003ab764dbe30e033cbfb06 ?
|
xhtml1/string-set-010.xht 5c2d3344da0b6200808f52f65daa438cc7d4b586 ?
|
||||||
html/string-set-011.htm 034447c6e02ea182dcbf8ee1a4edb2f0b9037440 ?
|
html/string-set-011.htm 0f420f026acf246d5485347f4ced8005203f6ab4 ?
|
||||||
xhtml1/string-set-011.xht 034447c6e02ea182dcbf8ee1a4edb2f0b9037440 ?
|
xhtml1/string-set-011.xht 0f420f026acf246d5485347f4ced8005203f6ab4 ?
|
||||||
html/string-set-012.htm 75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec ?
|
html/string-set-012.htm 259ae6dbbfd0f46d136523cdb5dcd4ea03733b93 ?
|
||||||
xhtml1/string-set-012.xht 75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec ?
|
xhtml1/string-set-012.xht 259ae6dbbfd0f46d136523cdb5dcd4ea03733b93 ?
|
||||||
html/using-strings-001.htm 53ab5c748a20173113931a32dffe866e6cfcfce8 ?
|
html/using-strings-001.htm 75307a75ddaaf06981ea78393b741941137a4271 ?
|
||||||
xhtml1/using-strings-001.xht 53ab5c748a20173113931a32dffe866e6cfcfce8 ?
|
xhtml1/using-strings-001.xht 75307a75ddaaf06981ea78393b741941137a4271 ?
|
||||||
html/using-strings-002.htm a596527550f1c9b08be3376dfd76d02604b0247f ?
|
html/using-strings-002.htm cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d ?
|
||||||
xhtml1/using-strings-002.xht a596527550f1c9b08be3376dfd76d02604b0247f ?
|
xhtml1/using-strings-002.xht cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d ?
|
||||||
html/using-strings-003.htm fa7164bb554555178db2076a0718762dc4d680f6 ?
|
html/using-strings-003.htm 87b30361963223503729719db9cedfa5ab3659f4 ?
|
||||||
xhtml1/using-strings-003.xht fa7164bb554555178db2076a0718762dc4d680f6 ?
|
xhtml1/using-strings-003.xht 87b30361963223503729719db9cedfa5ab3659f4 ?
|
||||||
html/using-strings-004.htm 368ab63cdc47aad2a4379fe079cd2e01090582cc ?
|
html/using-strings-004.htm bc7e5b6ec2aed0291e68c81a468b9b52074f047e ?
|
||||||
xhtml1/using-strings-004.xht 368ab63cdc47aad2a4379fe079cd2e01090582cc ?
|
xhtml1/using-strings-004.xht bc7e5b6ec2aed0291e68c81a468b9b52074f047e ?
|
||||||
html/using-strings-005.htm 0253b58c3bac8ba3c75426fc1081e91cac842d90 ?
|
html/using-strings-005.htm 7e2571814d868a10cd74a0990a4c90db3ad2dd5b ?
|
||||||
xhtml1/using-strings-005.xht 0253b58c3bac8ba3c75426fc1081e91cac842d90 ?
|
xhtml1/using-strings-005.xht 7e2571814d868a10cd74a0990a4c90db3ad2dd5b ?
|
||||||
|
|
|
@ -1,21 +1,21 @@
|
||||||
id references title flags links revision credits assertion
|
id references title flags links revision credits assertion
|
||||||
leader-001 GCPM Dotted Leader paged http://www.w3.org/TR/css-gcpm-3/#dotted-leader 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a basic dotted leader is implemented
|
leader-001 GCPM Dotted Leader paged http://www.w3.org/TR/css-gcpm-3/#dotted-leader 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a basic dotted leader is implemented
|
||||||
leader-002 GCPM String Leader paged http://www.w3.org/TR/css-gcpm-3/#string-leader 3408bd64aa9d5c446500097c6144ebaaae5e19b8 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a custom character leader is implemented
|
leader-002 GCPM String Leader paged http://www.w3.org/TR/css-gcpm-3/#string-leader b2ae229381bf78e51896daabfe141b52fdf2083e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a custom character leader is implemented
|
||||||
leader-003 GCPM Solid Leader paged http://www.w3.org/TR/css-gcpm-3/#solid-leader 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a basic solid leader is implemented
|
leader-003 GCPM Solid Leader paged http://www.w3.org/TR/css-gcpm-3/#solid-leader 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a basic solid leader is implemented
|
||||||
string-set-001 GCPM string-set with string paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 680a5e8ae9f9d7d12998ab864ed1f610892da6f5 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to a string value.
|
string-set-001 GCPM string-set with string paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 8443c7937861e01295136b5070b4f734ac22b9ff `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to a string value.
|
||||||
string-set-002 GCPM String-set with content() paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 5c9b61ae8e44db9596b2b5e71cb769e980f165e4 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the default content() syntax
|
string-set-002 GCPM String-set with content() paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro e0cb9d8c922891c04768bea41e2b17a05274e49b `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the default content() syntax
|
||||||
string-set-003 GCPM String-set with content(text) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 13ccf65c084fec03627be39ca76358a9cafddfec `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the explicit content(text) syntax
|
string-set-003 GCPM String-set with content(text) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 4742fcc56d586f223a6c5616bc3c40b95d5a361c `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the explicit content(text) syntax
|
||||||
string-set-004 GCPM String-set with content(first-letter) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro bb2369a00d38c0db485ba469aa26e2a26c234ce8 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the first letter of the text value of an element
|
string-set-004 GCPM String-set with content(first-letter) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro ca3132ba877a27368769604d1aa7daab0723e33e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the first letter of the text value of an element
|
||||||
string-set-005 GCPM String-set with counter(page) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 082af309d719a9a07ae67bc18ddfd3e48826dd0b `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the value of the page counter
|
string-set-005 GCPM String-set with counter(page) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 41e4ff6532306d2e3c77e4f19f5ceea664508b0d `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the value of the page counter
|
||||||
string-set-006 GCPM string-set with content(before) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 3cf5d803ce75252975775e19dea619c026b58d18 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the before pseudo-element
|
string-set-006 GCPM string-set with content(before) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro c9f65d09fad97e87334bb918afc705a59108774e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the before pseudo-element
|
||||||
string-set-007 GCPM string-set with content(after) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 20864a934ff67958f4a0e16527ed5c1cd6fc7694 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the after pseudo-element
|
string-set-007 GCPM string-set with content(after) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 3b234ee5190bd0f1cfba08c96f11f7908019819c `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the after pseudo-element
|
||||||
string-set-008 GCPM string-set with multiple assignments paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 5711b5fd32bddd3bd8503dbfaa414a80c7964ceb `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that several named string can be set on a single element
|
string-set-008 GCPM string-set with multiple assignments paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 10e3881b5ca95a586063a0417c8bd8558af7405c `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that several named string can be set on a single element
|
||||||
string-set-009 GCPM string-set with page and pages counters paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro fb0ecc440e9e4da9bb52d8580772b4745095b31a `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the page and pages counters
|
string-set-009 GCPM string-set with page and pages counters paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 4ef4c74d5305f7c4ed479cf68935ea86f53311cb `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the page and pages counters
|
||||||
string-set-010 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro cee4997f991765f9e003ab764dbe30e033cbfb06 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none
|
string-set-010 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 5c2d3344da0b6200808f52f65daa438cc7d4b586 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none
|
||||||
string-set-011 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 034447c6e02ea182dcbf8ee1a4edb2f0b9037440 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none
|
string-set-011 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 0f420f026acf246d5485347f4ced8005203f6ab4 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none
|
||||||
string-set-012 GCPM string-set to attribute value paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an attribute
|
string-set-012 GCPM string-set to attribute value paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 259ae6dbbfd0f46d136523cdb5dcd4ea03733b93 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an attribute
|
||||||
using-strings-001 using 'first' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first 53ab5c748a20173113931a32dffe866e6cfcfce8 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the default value of the string property is first, so that the first instance of a named string on the page is used.
|
using-strings-001 using 'first' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first 75307a75ddaaf06981ea78393b741941137a4271 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the default value of the string property is first, so that the first instance of a named string on the page is used.
|
||||||
using-strings-002 using the 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last a596527550f1c9b08be3376dfd76d02604b0247f `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the last instance of a named string is used, when the 'last' property is applied to the string.
|
using-strings-002 using the 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the last instance of a named string is used, when the 'last' property is applied to the string.
|
||||||
using-strings-003 using 'start' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-start fa7164bb554555178db2076a0718762dc4d680f6 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the string set at the beginning of a page is used when the start property is applied
|
using-strings-003 using 'start' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-start 87b30361963223503729719db9cedfa5ab3659f4 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the string set at the beginning of a page is used when the start property is applied
|
||||||
using-strings-004 using 'first-except' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first-except 368ab63cdc47aad2a4379fe079cd2e01090582cc `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to first-except, it is omitted on the page where the string is set, but appears on subsequent pages
|
using-strings-004 using 'first-except' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first-except bc7e5b6ec2aed0291e68c81a468b9b52074f047e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to first-except, it is omitted on the page where the string is set, but appears on subsequent pages
|
||||||
using-strings-005 using 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last 0253b58c3bac8ba3c75426fc1081e91cac842d90 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to last, the last appearance of that element determines the content of the string
|
using-strings-005 using 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last 7e2571814d868a10cd74a0990a4c90db3ad2dd5b `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to last, the last appearance of that element determines the content of the string
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM String Leader</title>
|
<title>CSS Test: GCPM String Leader</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help" />
|
||||||
|
@ -22,7 +23,7 @@ content: leader('~ ');
|
||||||
|
|
||||||
<blockquote>
|
<blockquote>
|
||||||
|
|
||||||
<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�</p>
|
<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p>
|
||||||
|
|
||||||
<p class="source-rw">Ahab</p>
|
<p class="source-rw">Ahab</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
@ -30,4 +31,5 @@ content: leader('~ ');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM string-set with string</title>
|
<title>CSS Test: GCPM string-set with string</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “hello, world� appears in the running head at the top of the page.</p>
|
<p>Test passes if “hello, world” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM String-set with content()</title>
|
<title>CSS Test: GCPM String-set with content()</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “Chapter Title� appears in the running head at the top of the page.</p>
|
<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM String-set with content(text)</title>
|
<title>CSS Test: GCPM String-set with content(text)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
||||||
|
@ -20,7 +21,8 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if the text “Chapter Title� appears in the running head at the top of the page.</p>
|
<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p>
|
||||||
<!--AH errors out with content(text) rather than content()-->
|
<!--AH errors out with content(text) rather than content()-->
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM String-set with content(first-letter)</title>
|
<title>CSS Test: GCPM String-set with content(first-letter)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “C� appears in the running head at the top of the page.</p>
|
<p>Test passes if “C” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM String-set with counter(page)</title>
|
<title>CSS Test: GCPM String-set with counter(page)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
||||||
|
@ -20,6 +21,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>A</h1>
|
<h1>A</h1>
|
||||||
<p>Test passes if “1� appears in the running head at the top of the page.</p>
|
<p>Test passes if “1” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM string-set with content(before)</title>
|
<title>CSS Test: GCPM string-set with content(before)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
||||||
|
@ -25,6 +26,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “before-� appears in the running head at the top of the page.</p>
|
<p>Test passes if “before-” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>CSS Test: GCPM string-set with content(after)</title>
|
<title>CSS Test: GCPM string-set with content(after)</title>
|
||||||
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
<link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
|
||||||
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
<link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
|
||||||
|
@ -25,6 +26,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Chapter Title</h1>
|
<h1>Chapter Title</h1>
|
||||||
<p>Test passes if “-after� appears in the running head at the top of the page.</p>
|
<p>Test passes if “-after” appears in the running head at the top of the page.</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue