Bug 1362255 Part 2 - Import the tests. r=xidorn

MozReview-Commit-ID: 3oOqMwXtoOx

--HG--
extra : rebase_source : a36397fceac2408b35faa8b8247d7d2d32c6b45d
This commit is contained in:
Louis Chang 2017-06-09 10:36:20 +08:00
Родитель 18001ec565
Коммит 311590d7a3
413 изменённых файлов: 20151 добавлений и 541 удалений

Просмотреть файл

@ -0,0 +1,2 @@
@dbaron
@frivoal

Просмотреть файл

@ -0,0 +1 @@
@frivoal

Просмотреть файл

@ -0,0 +1,24 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Multi-column Layout Test: -moz-columns as -moz-column-count (basic)</title>
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
<link rel="match" href="reference/multicol-basic-005-ref.xht"/>
<link rel="help" href="https://www.w3.org/TR/css3-multicol/#columns"/>
<link rel="help" href="https://www.w3.org/TR/css3-multicol/#column-count"/>
<style type="text/css">
div {
margin: 1em auto;
background: yellow;
border: thin solid black;
width: 600px;
-moz-columns: 3;
-moz-column-gap: 0;
-moz-column-rule: none;
}
</style>
</head>
<body>
<div>This multicol element should have a width of 600 pixels and the content should be flowed into three -moz-columns with no gap or rule between them.</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Multi-column Layout Test: -moz-column-count (basic)</title>
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
<link rel="match" href="reference/multicol-basic-005-ref.xht"/>
<link rel="help" href="https://www.w3.org/TR/css3-multicol/#column-count"/>
<style type="text/css">
div {
margin: 1em auto;
background: yellow;
border: thin solid black;
width: 600px;
-moz-column-count: 3;
-moz-column-gap: 0;
-moz-column-rule: none;
}
</style>
</head>
<body>
<div>This multicol element should have a width of 600 pixels and the content should be flowed into three -moz-columns with no gap or rule between them.</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,24 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Multi-column Layout Test: -moz-columns as -moz-column-width (basic)</title>
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
<link rel="match" href="reference/multicol-basic-005-ref.xht"/>
<link rel="help" href="https://www.w3.org/TR/css3-multicol/#columns"/>
<link rel="help" href="https://www.w3.org/TR/css3-multicol/#column-width"/>
<style type="text/css">
div {
margin: 1em auto;
background: yellow;
border: thin solid black;
width: 600px;
-moz-columns: 200px;
-moz-column-gap: 0;
-moz-column-rule: none;
}
</style>
</head>
<body>
<div>This multicol element should have a width of 600 pixels and the content should be flowed into three -moz-columns with no gap or rule between them.</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Multi-column Layout Test: -moz-column-width (basic)</title>
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
<link rel="match" href="reference/multicol-basic-005-ref.xht"/>
<link rel="help" href="https://www.w3.org/TR/css3-multicol/#column-width"/>
<style type="text/css">
div {
margin: 1em auto;
background: yellow;
border: thin solid black;
width: 600px;
-moz-column-width: 200px;
-moz-column-gap: 0;
-moz-column-rule: none;
}
</style>
</head>
<body>
<div>This multicol element should have a width of 600 pixels and the content should be flowed into three -moz-columns with no gap or rule between them.</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>multicol-000</title>
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
<style type="text/css">
div {
margin: 1em auto;
background: yellow;
border: thin solid black;
width: 600px;
-moz-columns: 3;
-moz-column-gap: 0;
-moz-column-rule: none;
}
</style>
</head>
<body>
<div>This multicol element should have a width of 600 pixels and the content should be flowed into three -moz-columns with no gap or rule between them.</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,3 @@
@plinss
@dbaron
@fantasai

Просмотреть файл

@ -0,0 +1,6 @@
@frivoal
@dbaron
@FremyCompany
@plinss
@tabatkins
@fantasai

Просмотреть файл

@ -8,30 +8,30 @@
<meta name="assert" content="The ch unit is equal to the used advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it."> <meta name="assert" content="The ch unit is equal to the used advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.">
<style> <style>
span { span {
background: green; background: green;
color: green; color: green;
top: 0; bottom: 0; top: 0; bottom: 0;
position: absolute; position: absolute;
} }
div { div {
background: red; background: red;
color: red; color: red;
position: relative; position: relative;
height: 10ch; height: 10ch;
width: 5ch; width: 5ch;
float: left; float: left;
} }
div + div { div + div {
width: auto; width: auto;
} }
div + div span { div + div span {
width: 5ch; width: 5ch;
} }
</style> </style>
<body> <body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div><span>00000</span></div> <div><span>00000</span></div>
<div><span></span>00000</div> <div><span></span>00000</div>
</body> </body>

Просмотреть файл

@ -0,0 +1,39 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Values and Units Test: the ch unit in vertical orientation</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-values-3/#font-relative-lengths">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#block-flow">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<link rel="match" href="reference/ch-unit-002-ref.html">
<meta name="assert" content="In vertical upright, the ch unit is equal to the used vertical advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.">
<style>
span {
background: green;
color: green;
left: 0; right: 0;
position: absolute;
}
div {
background: red;
color: red;
position: relative;
height: 5ch;
width: 10ch;
writing-mode: vertical-rl;
text-orientation: upright;
}
div + div {
height: auto;
}
div + div span {
height: 5ch;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div><span>00000</span></div>
<div><span></span>00000</div>
</body>

Просмотреть файл

@ -0,0 +1,38 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Values and Units Test: support for the ch unit</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-values-3/#font-relative-lengths">
<meta name="flags" content="">
<link rel="match" href="reference/ch-unit-001-ref.html">
<meta name="assert" content="In vertical mixed, The ch unit is equal to the used horizontal advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.">
<style>
span {
background: green;
color: green;
left: 0; right: 0;
position: absolute;
}
div {
background: red;
color: red;
position: relative;
height: 5ch;
width: 10ch;
writing-mode: vertical-rl;
text-orientation: mixed;
}
div + div {
height: auto;
}
div + div span {
height: 5ch;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div><span>00000</span></div>
<div><span></span>00000</div>
</body>

Просмотреть файл

@ -0,0 +1,38 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Values and Units Test: support for the ch unit</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-values-3/#font-relative-lengths">
<meta name="flags" content="">
<link rel="match" href="reference/ch-unit-001-ref.html">
<meta name="assert" content="In vertical sideways, The ch unit is equal to the used horizontal advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.">
<style>
span {
background: green;
color: green;
left: 0; right: 0;
position: absolute;
}
div {
background: red;
color: red;
position: relative;
height: 5ch;
width: 10ch;
writing-mode: vertical-rl;
text-orientation: sideways;
}
div + div {
height: auto;
}
div + div span {
height: 5ch;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div><span>00000</span></div>
<div><span></span>00000</div>
</body>

Просмотреть файл

@ -2,17 +2,10 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>CSS Values and Units Test Reference File</title> <title>CSS Values and Units Test Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<meta name="flags" content="">
<style> <style>
div { svg { width: 10ch; }
background: green;
height: 10ch;
width: 10ch;
float: left;
}
</style> </style>
<body> <body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div></div> <svg viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="green"></svg>
</body> </body>

Просмотреть файл

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Values and Units Test Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
svg {
width: 10ch;
writing-mode: vertical-rl;
text-orientation: upright;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<svg viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="green"></svg>
</body>

Просмотреть файл

@ -0,0 +1,8 @@
@kojiishi
@fantasai
@hshiozawa
@myakura
@snsk
@r12a
@plinss
@upsuper

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -89,9 +89,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -94,9 +94,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -43,4 +43,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto' and 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto' and 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -88,9 +88,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>
@ -104,4 +102,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -93,9 +93,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -43,4 +43,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -43,4 +43,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -89,9 +89,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>
@ -105,4 +103,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -94,9 +94,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -43,4 +43,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto', 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto', 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -88,9 +88,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>
@ -104,4 +102,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -93,9 +93,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -43,4 +43,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" /> <meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
@ -43,4 +43,4 @@
<div id="red-overlapped-reference"></div> <div id="red-overlapped-reference"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -10,7 +10,7 @@
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#physical-only" title="7.6 Purely Physical Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#physical-only" title="7.6 Purely Physical Mappings" />
<link rel="match" href="background-position-vrl-018-ref.xht" /> <link rel="match" href="background-position-vrl-018-ref.xht" />
<meta content="image interact" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that 'background-position: left top' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode." name="assert" /> <meta content="This test checks that 'background-position: left top' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode." name="assert" />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
@ -64,4 +64,4 @@
<div id="reference-overlapping-green"></div> <div id="reference-overlapping-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -10,7 +10,7 @@
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#physical-only" title="7.6 Purely Physical Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#physical-only" title="7.6 Purely Physical Mappings" />
<link rel="match" href="background-position-vrl-018-ref.xht" /> <link rel="match" href="background-position-vrl-018-ref.xht" />
<meta content="image interact" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that 'background-position: left center' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode." name="assert" /> <meta content="This test checks that 'background-position: left center' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode." name="assert" />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
@ -64,4 +64,4 @@
<div id="reference-overlapping-green"></div> <div id="reference-overlapping-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -10,7 +10,7 @@
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#physical-only" title="7.6 Purely Physical Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#physical-only" title="7.6 Purely Physical Mappings" />
<link rel="match" href="background-position-vrl-018-ref.xht" /> <link rel="match" href="background-position-vrl-018-ref.xht" />
<meta content="image interact" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that 'background-position: left bottom' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode." name="assert" /> <meta content="This test checks that 'background-position: left bottom' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode." name="assert" />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
@ -64,4 +64,4 @@
<div id="reference-overlapping-green"></div> <div id="reference-overlapping-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" /> <meta content="This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" />
@ -48,4 +48,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" /> <meta content="This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" />
@ -48,4 +48,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" /> <meta content="This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" />
@ -46,4 +46,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" /> <meta content="This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'." name="assert" />
@ -46,4 +46,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -66,4 +66,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -66,4 +66,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -14,7 +14,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -148,4 +148,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -14,7 +14,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -149,4 +149,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -143,4 +143,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" /> <meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
@ -184,4 +184,4 @@
<div id="reference-overlapped-red"></div> <div id="reference-overlapped-red"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -66,4 +66,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -66,4 +66,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -14,7 +14,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -148,4 +148,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -14,7 +14,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -149,4 +149,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" /> <meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
@ -143,4 +143,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -9,7 +9,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" /> <meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
@ -184,4 +184,4 @@
<div id="reference-overlapped-red"></div> <div id="reference-overlapped-red"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" /> <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
<meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-lr table, then the caption is placed at the block-start side of the table, which is on the lefthand side of such table." name="assert" /> <meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-lr table, then the caption is placed at the block-start side of the table, which is on the lefthand side of such table." name="assert" />
@ -66,4 +66,4 @@
<div id="reference-overlapped-red"></div> <div id="reference-overlapped-red"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" /> <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
<meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-lr table, then the caption is placed at the block-end side of the table, which is on the righthand side of such table." name="assert" /> <meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-lr table, then the caption is placed at the block-end side of the table, which is on the righthand side of such table." name="assert" />
@ -65,4 +65,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" /> <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
<meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-rl table, then the caption is placed at the block-start side of the table, which is on the righthand side of such table." name="assert" /> <meta content="This test checks that when 'caption-side' is set to 'top' in a vertical-rl table, then the caption is placed at the block-start side of the table, which is on the righthand side of such table." name="assert" />
@ -65,4 +65,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" /> <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-direction-layout" title="7.4. Flow-Relative Mappings" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
<meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-rl table, then the caption is placed at the block-end side of the table, which is on the lefthand side of such table." name="assert" /> <meta content="This test checks that when 'caption-side' is set to 'bottom' in a vertical-rl table, then the caption is placed at the block-end side of the table, which is on the lefthand side of such table." name="assert" />
@ -65,4 +65,4 @@
</table> </table>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert" /> <meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert" />
@ -33,9 +33,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert" /> <meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert" />
@ -34,9 +34,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>

Просмотреть файл

@ -13,7 +13,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" /> <meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" />
@ -51,9 +51,7 @@
background-image: url("support/margin-collapse-2em-space-wm-vert.png"); background-image: url("support/margin-collapse-2em-space-wm-vert.png");
background-repeat: no-repeat; background-repeat: no-repeat;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -13,7 +13,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" /> <meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" />
@ -52,9 +52,7 @@
background-image: url("support/margin-collapse-2em-space-wm-vert.png"); background-image: url("support/margin-collapse-2em-space-wm-vert.png");
background-repeat: no-repeat; background-repeat: no-repeat;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert" /> <meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert" />
@ -33,9 +33,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert" /> <meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert" />
@ -34,9 +34,7 @@
{ {
background-color: red; background-color: red;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>

Просмотреть файл

@ -13,7 +13,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" /> <meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" />
@ -51,9 +51,7 @@
background-image: url("support/margin-collapse-2em-space-wm-vert.png"); background-image: url("support/margin-collapse-2em-space-wm-vert.png");
background-repeat: no-repeat; background-repeat: no-repeat;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -13,7 +13,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" /> <meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert" />
@ -52,9 +52,7 @@
background-image: url("support/margin-collapse-2em-space-wm-vert.png"); background-image: url("support/margin-collapse-2em-space-wm-vert.png");
background-repeat: no-repeat; background-repeat: no-repeat;
height: 100px; height: 100px;
position: relative;
width: 100px; width: 100px;
z-index: -1;
} }
]]></style> ]]></style>
</head> </head>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered." name="assert" /> <meta content="This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered." name="assert" />
@ -47,4 +47,4 @@
<div id="reference-overlapped-red"></div> <div id="reference-overlapped-red"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" /> <meta content="" name="flags" />
<meta content="This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered." name="assert" /> <meta content="This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered." name="assert" />
@ -53,4 +53,4 @@
<div id="reference-overlapped-red"></div> <div id="reference-overlapped-red"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
<meta content="This test checks that when a block box has 'direction' set to 'ltr' in a vertical writing-mode, then inlines boxes are aligned from line-left to line-right." name="assert" /> <meta content="This test checks that when a block box has 'direction' set to 'ltr' in a vertical writing-mode, then inlines boxes are aligned from line-left to line-right." name="assert" />
@ -44,4 +44,4 @@
<div>T</div> <div>T</div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
@ -53,4 +53,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
@ -53,4 +53,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" /> <meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" />
@ -56,4 +56,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" /> <meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" />
@ -63,4 +63,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
@ -53,4 +53,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
@ -53,4 +53,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" /> <meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" />
@ -56,4 +56,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="image" name="flags" /> <meta content="image" name="flags" />
<meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" /> <meta content="This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats." name="assert" />
@ -63,4 +63,4 @@
</div> </div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-lr'." name="assert" /> <meta content="This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-lr'." name="assert" />
@ -56,4 +56,4 @@
<div class="floated-left">wxyzz</div> <div class="floated-left">wxyzz</div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-rl'." name="assert" /> <meta content="This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-rl'." name="assert" />
@ -56,4 +56,4 @@
<div class="floated-left">wxyzz</div> <div class="floated-left">wxyzz</div>
</body> </body>
</html> </html>

Просмотреть файл

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-lr;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-horiz
{
background-color: blue;
color: white;
left: 16px;
position: absolute;
writing-mode: horizontal-tb;
}
span
{
position: relative;
top: 40px;
}
]]></style>
</head>
<body>
<div id="vertical-parent">
<div id="orthog-horiz">HTB floated left</div>
<span>VLR parent</span>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated left in vertical-lr context</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-lft-orthog-htb-in-vlr-002-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the horizontal position of an orthogonal floated left block box inside a vertical-lr parent. The orthogonal floated left block box must be put as far to the left as possible inside the vertical-lr line box." name="assert" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-lr;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-htb-float-left
{
background-color: blue;
color: white;
float: left;
writing-mode: horizontal-tb;
}
]]></style>
</head>
<body>
<div id="vertical-parent">VLR parent
<div id="orthog-htb-float-left">HTB floated left</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-rl;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-horiz
{
background-color: blue;
color: white;
right: 16px;
position: absolute;
writing-mode: horizontal-tb;
}
span
{
position: relative;
top: 40px;
}
]]></style>
</head>
<body>
<div id="vertical-parent">
<div id="orthog-horiz">HTB floated left</div>
<span>VRL parent</span>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated left in vertical-rl context</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-lft-orthog-htb-in-vrl-002-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the horizontal position of an orthogonal floated left block box inside an vertical-rl parent. The orthogonal floated left block box must be put as far to the right as possible inside the vertical-rl line box." name="assert" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-rl;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-htb-float-left
{
background-color: blue;
color: white;
float: left;
writing-mode: horizontal-tb;
}
]]></style>
</head>
<body>
<div id="vertical-parent">VRL parent
<div id="orthog-htb-float-left">HTB floated left</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vert
{
background-color: blue;
color: white;
left: 16px;
position: absolute;
writing-mode: vertical-lr;
}
span
{
left: 40px;
position: relative;
}
]]></style>
</head>
<body>
<div id="horiz-parent">
<div id="orthog-vert">VLR floated left</div>
<span>HTB parent</span>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated left in horizontal-tb context</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-lft-orthog-vlr-in-htb-002-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the vertical position of an orthogonal floated left block box inside an horizontal-tb parent. The orthogonal floated left block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vlr-float-left
{
background-color: blue;
color: white;
float: left;
writing-mode: vertical-lr;
}
]]></style>
</head>
<body>
<div id="horiz-parent">HTB parent
<div id="orthog-vlr-float-left">VLR floated left</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2016-12-14T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vert
{
background-color: blue;
color: white;
left: 16px;
position: absolute;
writing-mode: vertical-rl;
}
span
{
left: 40px;
position: relative;
}
]]></style>
</head>
<body>
<div id="horiz-parent">
<div id="orthog-vert">VRL floated left</div>
<span>HTB parent</span>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated left in horizontal-tb context</title>
<meta name="DC.date.created" content="2016-11-08T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-lft-orthog-vrl-in-htb-002-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the vertical position of an orthogonal floated left block box inside an horizontal-tb parent. The orthogonal floated left block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vrl-float-left
{
background-color: blue;
color: white;
float: left;
writing-mode: vertical-rl;
}
]]></style>
</head>
<body>
<div id="horiz-parent">HTB parent
<div id="orthog-vrl-float-left">VRL floated left</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-lr;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-horiz
{
background-color: blue;
bottom: 16px;
color: white;
left: 16px;
position: absolute;
writing-mode: horizontal-tb;
}
]]></style>
</head>
<body>
<div id="vertical-parent">
<div id="orthog-horiz">HTB floated right</div>
<span>VLR parent</span>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated right in vertical-lr context</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-rgt-orthog-htb-in-vlr-003-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the horizontal position of an orthogonal floated right block box inside a vertical-lr parent. The orthogonal floated right block box must be put as far to the left as possible inside the vertical-lr line box." name="assert" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-lr;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-htb-float-right
{
background-color: blue;
color: white;
float: right;
writing-mode: horizontal-tb;
}
]]></style>
</head>
<body>
<div id="vertical-parent">VLR parent
<div id="orthog-htb-float-right">HTB floated right</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-rl;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-horiz
{
background-color: blue;
bottom: 16px;
color: white;
position: absolute;
right: 16px;
writing-mode: horizontal-tb;
}
]]></style>
</head>
<body>
<div id="vertical-parent">
<div id="orthog-horiz">HTB floated right</div>
<span>VRL parent</span>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated right in vertical-rl context</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-rgt-orthog-htb-in-vrl-003-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the horizontal position of an orthogonal floated right block box inside a vertical-rl parent. The orthogonal floated right block box must be put as far to the right as possible inside the vertical-rl line box." name="assert" />
<style type="text/css"><![CDATA[
html
{
writing-mode: vertical-rl;
}
div#vertical-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-htb-float-right
{
background-color: blue;
color: white;
float: right;
writing-mode: horizontal-tb;
}
]]></style>
</head>
<body>
<div id="vertical-parent">VRL parent
<div id="orthog-htb-float-right">HTB floated right</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vert
{
background-color: blue;
color: white;
right: 16px;
position: absolute;
writing-mode: vertical-lr;
}
]]></style>
</head>
<body>
<div id="horiz-parent">
<div id="orthog-vert">VLR floated right</div>
HTB parent
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated right in horizontal-tb context</title>
<meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-rgt-orthog-vlr-in-htb-003-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the vertical position of an orthogonal floated right block box inside an horizontal-tb parent. The orthogonal floated right block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vlr-float-right
{
background-color: blue;
color: white;
float: right;
writing-mode: vertical-lr;
}
]]></style>
</head>
<body>
<div id="horiz-parent">HTB parent
<div id="orthog-vlr-float-right">VLR floated right</div>
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<meta name="DC.date.created" content="2016-12-14T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vert
{
background-color: blue;
color: white;
right: 16px;
position: absolute;
writing-mode: vertical-rl;
}
]]></style>
</head>
<body>
<div id="horiz-parent">
<div id="orthog-vert">VRL floated right</div>
HTB parent
</div>
</body>
</html>

Просмотреть файл

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Writing Modes Test: orthogonal floated right in horizontal-tb context</title>
<meta name="DC.date.created" content="2016-11-08T09:54:03+11:00" scheme="W3CDTF" />
<meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" />
<!--
Inspired by the test in
http://lists.w3.org/Archives/Public/www-style/2016Nov/0044.html
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#auto-multicol" title="7.3.2 Auto-sizing Block Containers in Orthogonal Flows" />
<link rel="match" href="float-rgt-orthog-vrl-in-htb-003-ref.xht" />
<meta content="" name="flags" />
<meta content="This test checks the vertical position of an orthogonal floated right block box inside an horizontal-tb parent. The orthogonal floated right block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
<style type="text/css"><![CDATA[
div#horiz-parent
{
border: orange solid 8px;
font-size: 32px;
line-height: 1.25; /* computes to 40px */
}
div#orthog-vrl-float-right
{
background-color: blue;
color: white;
float: right;
writing-mode: vertical-rl;
}
]]></style>
</head>
<body>
<div id="horiz-parent">HTB parent
<div id="orthog-vrl-float-right">VRL floated right</div>
</div>
</body>
</html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" /> <meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" />
@ -55,4 +55,4 @@
<div id="reference-overlapped-green"></div> <div id="reference-overlapped-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" /> <meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" />
@ -60,4 +60,4 @@
<div id="reference-overlapped-green"></div> <div id="reference-overlapped-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" /> <meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" />
@ -70,4 +70,4 @@
<div id="reference-overlapped-green"></div> <div id="reference-overlapped-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered." name="assert" /> <meta content="This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered." name="assert" />
@ -60,4 +60,4 @@
<div id="reference-red-overlapped"></div> <div id="reference-red-overlapped"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" /> <meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" />
@ -55,4 +55,4 @@
<div id="reference-overlapped-green"></div> <div id="reference-overlapped-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" /> <meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" />
@ -60,4 +60,4 @@
<div id="reference-overlapped-green"></div> <div id="reference-overlapped-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" /> <meta content="This test checks that 'shrink-to-fit' width is applied on logical width (measure)." name="assert" />
@ -70,4 +70,4 @@
<div id="reference-overlapped-green"></div> <div id="reference-overlapped-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered." name="assert" /> <meta content="This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered." name="assert" />
@ -60,4 +60,4 @@
<div id="reference-red-overlapped"></div> <div id="reference-red-overlapped"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem" name="flags" /> <meta content="ahem" name="flags" />
<meta content="This test checks that 'shrink-to-fit' rule (CSS2.1, §10.3.5) is applied onto logical width in vertical writing-modes. This test thoroughly checks systematically the 16 combinations of 'writing-mode: vertical-rl', 'writing-mode: vertical-lr', with 'float: left', with 'float: right' and with left and/or right border(s). Not tested here is 'padding-left' and 'padding-right'." name="assert" /> <meta content="This test checks that 'shrink-to-fit' rule (CSS2.1, §10.3.5) is applied onto logical width in vertical writing-modes. This test thoroughly checks systematically the 16 combinations of 'writing-mode: vertical-rl', 'writing-mode: vertical-lr', with 'float: left', with 'float: right' and with left and/or right border(s). Not tested here is 'padding-left' and 'padding-right'." name="assert" />
@ -138,4 +138,4 @@
<div id="reference-overlapped-green"></div> <div id="reference-overlapped-green"></div>
</body> </body>
</html> </html>

Просмотреть файл

@ -8,7 +8,7 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
<link rel="match" href="../css21/reference/ref-filled-green-100px-square.xht" /> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="ahem image" name="flags" /> <meta content="ahem image" name="flags" />
<meta content="This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-right side of its line box." name="assert" /> <meta content="This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-right side of its line box." name="assert" />
@ -47,4 +47,4 @@
</div> </div>
</body> </body>
</html> </html>

Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше