mirror of
https://github.com/servo/servo.git
synced 2025-08-08 23:15:33 +01:00
Update web-platform-tests to revision b'ee6da9d71d0268d7fdb04e8e5b26858f46ee0cc4'
This commit is contained in:
WPT Sync Bot
cybai
parent
4401622eb1
commit
b77ad115f6
16832 changed files with 270819 additions and 87621 deletions
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" />
|
||||
<link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content which would otherwise be below the bottom edge of that element." />
|
||||
<style type="text/css">
|
||||
#container
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" />
|
||||
<link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content descendents in the normal flow which would otherwise be below the bottom edge of that element." />
|
||||
<style type="text/css">
|
||||
#container
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" />
|
||||
<link rel="match" href="block-formatting-context-height-003-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The auto height of a block formatting context element does not account for bottom margins of floated content descendents of out of flow blocks." />
|
||||
<style type="text/css">
|
||||
#container
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Boxes are vertically laid out one after the other beginning at the top of a containing block." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-003-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The vertical distance between two sibling boxes is determined by the margin property." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When there is no padding or margins on elements the left outer edge of the child box will touch the left edge of the containing block." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When there is no padding or margins on elements the right outer edge of the child box will touch the right edge of the containing block." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When there is no padding or margins on a floated child element the left outer edge of the child box will touch the left edge of the containing block." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-008-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Floated elements establish new block formatting context." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-008-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Absolutely positioned elements establish a new block formatting context." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-008-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Elements defined as inline-blocks establish a new block formatting context." />
|
||||
<style type="text/css"><![CDATA[
|
||||
span#block-formatting-context
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-011-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Elements defined as table-cell elements establish a new block formatting context." />
|
||||
<style type="text/css">
|
||||
#span1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-008-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Elements with display table-caption establish a new block formatting context." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A new block formatting context is established when overflow is set to 'scroll'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A new block formatting context is established when overflow is set to 'auto'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="block-formatting-contexts-015-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A new block formatting context is established when overflow is set to 'hidden'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Overflow set to 'visible' does not establish a new block formatting context." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
section {
|
||||
width: 20ch;
|
||||
}
|
||||
.w10 {
|
||||
width: 10ch;
|
||||
background: orange;
|
||||
}
|
||||
.left {
|
||||
text-align: left;
|
||||
}
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section class="right">
|
||||
<span>
|
||||
<div>123456789</div>
|
||||
<div class="w10">123456789</div>
|
||||
<div>123456789</div>
|
||||
</span>
|
||||
</section>
|
||||
|
||||
<section dir="rtl" class="left">
|
||||
<span>
|
||||
<div>123456789</div>
|
||||
<div class="w10">123456789</div>
|
||||
<div>123456789</div>
|
||||
</span>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Test if `text-align` does not move block-in-inline">
|
||||
<link rel="match" href="block-in-inline-align-001-ref.html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<style>
|
||||
section {
|
||||
width: 20ch;
|
||||
}
|
||||
div {
|
||||
width: 10ch;
|
||||
background: orange;
|
||||
}
|
||||
.left {
|
||||
text-align: left;
|
||||
}
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section class="right">
|
||||
<span>
|
||||
123456789
|
||||
<div>123456789</div>
|
||||
123456789
|
||||
</span>
|
||||
</section>
|
||||
|
||||
<section dir="rtl" class="left">
|
||||
<span>
|
||||
123456789
|
||||
<div>123456789</div>
|
||||
123456789
|
||||
</span>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
section {
|
||||
width: 10ch;
|
||||
}
|
||||
.justify {
|
||||
text-align: justify;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section class="justify">
|
||||
<div>1234 5678 9012</div>
|
||||
<div>1234 5678 9012</div>
|
||||
<div>1234 5678 9012</div>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Test if `text-align: justify` handles block-in-inline correctly">
|
||||
<link rel="match" href="block-in-inline-align-justify-001-ref.html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<style>
|
||||
section {
|
||||
width: 10ch;
|
||||
}
|
||||
.justify {
|
||||
text-align: justify;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section class="justify">
|
||||
<span>
|
||||
1234 5678 9012
|
||||
<div>1234 5678 9012</div>
|
||||
1234 5678 9012
|
||||
</span>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
section {
|
||||
width: 10ch;
|
||||
}
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section>
|
||||
<div>1234567</div>
|
||||
<div class="right">1234567</div>
|
||||
<div>1234567</div>
|
||||
<div class="right">1234567</div>
|
||||
<div>1234567</div>
|
||||
<div class="right">1234567</div>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Test if `text-align-last` handles block-in-inline correctly">
|
||||
<link rel="match" href="block-in-inline-align-last-001-ref.html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<style>
|
||||
section {
|
||||
width: 10ch;
|
||||
}
|
||||
.last-right {
|
||||
text-align-last: right;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section class="last-right">
|
||||
<span>
|
||||
1234567 1234567
|
||||
<div>1234567 1234567</div>
|
||||
1234567 1234567
|
||||
</span>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<body>
|
||||
text
|
||||
<div style="display: inline-block; background: orange; width: 100px;">
|
||||
content
|
||||
<div style="border: solid; height: 20px;"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-baseline-001-ref.html"/>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<body>
|
||||
text
|
||||
<div style="display: inline-block; background: orange; width: 100px;">
|
||||
content
|
||||
<span>
|
||||
<div style="border: solid; height: 20px;"></div>
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-htmlelement-offsetwidth" />
|
||||
<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-range-getboundingclientrect" />
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
div {
|
||||
width: 500px;
|
||||
}
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 1px;
|
||||
background: blue;
|
||||
}
|
||||
.w200 {
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<!-- The `<span>` contains an empty block child -->
|
||||
<div>
|
||||
<span id="t1" class="target">
|
||||
<div class="inline-block"></div>
|
||||
<div></div>
|
||||
<div class="inline-block w200"></div>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- The `<span>` contains non-empty block child -->
|
||||
<div>
|
||||
<span id="t2" class="target">
|
||||
<div class="inline-block"></div>
|
||||
<div>non-empty</div>
|
||||
<div class="inline-block w200"></div>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- The `<span>` contains empty but non-zero height block child -->
|
||||
<div>
|
||||
<span id="t3" class="target">
|
||||
<div class="inline-block"></div>
|
||||
<div style="height: 100px"></div>
|
||||
<div class="inline-block w200"></div>
|
||||
</span>
|
||||
</div>
|
||||
<script>
|
||||
// The `getBoundingClientRect` spec[1] says to ignore rects "of which the
|
||||
// height or width is not zero."
|
||||
// [1] https://www.w3.org/TR/cssom-view-1/#dom-range-getboundingclientrect
|
||||
function testGetBoundingClientRect() {
|
||||
test(()=> { assert_equals(t1.getBoundingClientRect().width, 200); },
|
||||
`t1.getBoundingClientRect().width`);
|
||||
test(()=> { assert_equals(t2.getBoundingClientRect().width, 500); },
|
||||
`t2.getBoundingClientRect().width`);
|
||||
test(()=> { assert_equals(t3.getBoundingClientRect().width, 500); },
|
||||
`t3.getBoundingClientRect().width`);
|
||||
}
|
||||
testGetBoundingClientRect();
|
||||
|
||||
// Skip testing `offsetWidth` because the 3 implementations return different
|
||||
// values for these cases, and the expectations aren't clear from the spec.
|
||||
// https://github.com/w3c/csswg-drafts/issues/6588
|
||||
function testOffsetWidth() {
|
||||
test(()=> { assert_equals(t1.offsetWidth, 200); }, `t1.offsetWidth`);
|
||||
test(()=> { assert_equals(t2.offsetWidth, 500); }, `t2.offsetWidth`);
|
||||
test(()=> { assert_equals(t3.offsetWidth, 500); }, `t3.offsetWidth`);
|
||||
}
|
||||
// testOffsetWidth();
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-empty-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body style="direction: ltr">
|
||||
<span style="border: 5px solid blue; border-left: none; border-right: none;
|
||||
padding-right: 10px">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-empty-002-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body style="direction: rtl">
|
||||
<span style="border: 5px solid blue; border-left: none; border-right: none;
|
||||
padding-right: 10px">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-empty-003-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body style="direction: ltr">
|
||||
<span style="border: 5px solid blue; border-left: none; border-right: none;
|
||||
padding-left: 10px">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-empty-004-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body style="direction: rtl">
|
||||
<span style="border: 5px solid blue; border-left: none; border-right: none;
|
||||
padding-left: 10px">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
div::first-line {
|
||||
background: orange;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div>
|
||||
First line.<br>
|
||||
Second line.
|
||||
</div>
|
||||
<div>
|
||||
First line in 1st block box.<br>
|
||||
Second line.
|
||||
</div>
|
||||
<div>
|
||||
First line in 2nd block box.<br>
|
||||
Second line.<br>
|
||||
First line after block-in-inline is not ::first-line.<br>
|
||||
Second line.
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-line-pseudo" />
|
||||
<link rel="match" href="block-in-inline-first-line-001-ref.html"/>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<style>
|
||||
div::first-line {
|
||||
background: orange;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div>
|
||||
<span>
|
||||
First line.<br>
|
||||
Second line.
|
||||
<div>
|
||||
First line in 1st block box.<br>
|
||||
Second line.
|
||||
</div>
|
||||
<div>
|
||||
First line in 2nd block box.<br>
|
||||
Second line.
|
||||
</div>
|
||||
First line after block-in-inline is not ::first-line.<br>
|
||||
Second line.
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
section {
|
||||
width: 10ch;
|
||||
}
|
||||
.indent {
|
||||
text-indent: 5ch;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section>
|
||||
<div class="indent">123 456789</div>
|
||||
<div class="indent">123 456789</div>
|
||||
<div>123 456789</div>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Test if `text-indent` handles block-in-inline correctly">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-first-line-002-ref.html"/>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<style>
|
||||
section {
|
||||
width: 10ch;
|
||||
}
|
||||
.indent {
|
||||
text-indent: 5ch;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<section class="indent">
|
||||
<span>
|
||||
123 456789
|
||||
<div>123 456789</div>
|
||||
123 456789
|
||||
</span>
|
||||
</section>
|
||||
</body>
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-float-between-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body>
|
||||
<span style="position: relative; left: 100px">
|
||||
<span style="display: block">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
.layer {
|
||||
filter: blur(1px);
|
||||
}
|
||||
.float {
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="layer">
|
||||
<div>
|
||||
<div class="float">float</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Block-in-inline: float in an inline box that has a layer">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-float-in-layer-001-ref.html"/>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<style>
|
||||
.layer {
|
||||
filter: blur(1px);
|
||||
}
|
||||
.float {
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<span class="layer">
|
||||
<div>
|
||||
<div class="float">float</div>
|
||||
</div>
|
||||
</span>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Test inserting a block-in-inline in the middle of existing block-in-inline">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<div>1</div>
|
||||
<span>
|
||||
<div id="b2">2</div>
|
||||
<div id="b4">4</div>
|
||||
</span>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
|
||||
// Both "2" and "4" are block-in-inline children.
|
||||
// Insert a block child "3" between them.
|
||||
const b3 = document.createElement('div');
|
||||
b3.appendChild(document.createTextNode('3'));
|
||||
b4.parentElement.insertBefore(b3, b4);
|
||||
|
||||
// Check if "3" is between "2" and "4".
|
||||
test(() => {
|
||||
assert_greater_than(b3.offsetTop, b2.offsetTop);
|
||||
assert_less_than(b3.offsetTop, b4.offsetTop);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-margins-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body>
|
||||
<div style="direction: ltr; width: 100px; border: 1px solid green;">
|
||||
<span>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-margins-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body>
|
||||
<div style="direction: ltr; width: 100px; border: 1px solid green;">
|
||||
<span style="direction: rtl">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-margins-002-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body>
|
||||
<div style="direction: rtl; width: 100px; border: 1px solid green;">
|
||||
<span>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-margins-002-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body>
|
||||
<div style="direction: rtl; width: 100px; border: 1px solid green;">
|
||||
<span style="direction: ltr">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<body>
|
||||
<div>
|
||||
<div style="margin-top: 20px;"></div>
|
||||
<div style="margin-top: 100px; outline: solid purple 4px;"></div>
|
||||
text
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Block-in-inline: when continuation resolves the BFC offset">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-margins-003-ref.html"/>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<body>
|
||||
<div>
|
||||
<span>
|
||||
<div style="margin-top: 20px;"></div>
|
||||
<div style="margin-top: 100px; outline: solid purple 4px;"></div>
|
||||
text
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<body>
|
||||
<div style="width: 100px; border: solid;">
|
||||
<div style="float: left; width: 10px; height: 10px; background: blue;"></div>
|
||||
<div style="height: 100px; background: orange;"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<meta name="assert" content="Block-in-inline: when empty but not self-collapsing block resolves the BFC offset">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-margins-004-ref.html"/>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
|
||||
<body>
|
||||
<div style="width: 100px; border: solid;">
|
||||
<span>
|
||||
<div style="float: left; width: 10px; height: 10px; background: blue;"></div>
|
||||
<div style="height: 100px; background: orange;"></div>
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-nested-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body>
|
||||
<span>
|
||||
First
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-nested-002-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body>
|
||||
<span>
|
||||
First line
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-percents-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
</head><body style="height: 200px">
|
||||
<span>
|
||||
<span style="display: block; height: 50%; border: 10px solid black">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<link rel="match" href="block-in-inline-whitespace-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<style type="text/css">
|
||||
body > span { border: 3px solid blue }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<link rel="match" href="block-non-replaced-height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margin top and bottom both are 'auto'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and margin top and bottom both are 'auto'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'." />
|
||||
<style type="text/css">
|
||||
html, body
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins collapse</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed through it, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed through it. When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible' and the 'height' is 'auto'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins collapse</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed. When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible' but has been propagated to the viewport and the 'height' is 'auto'." />
|
||||
<style type="text/css">
|
||||
html, body
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the distance from the top of the topmost margin edge of the content to the bottom edge of the bottom (possibly collapsed) margin of its last in-flow child, if the child's bottom margin does not collapse with the element's bottom margin." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins do not collapse</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the sized from the top of the topmost margin edge of the content to the bottom of the bottom most margin edge of the content." />
|
||||
<style type="text/css">
|
||||
html, body
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' does not computes to 'visible'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
|
||||
<style type="text/css">
|
||||
html, body
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." />
|
||||
<style type="text/css">
|
||||
html, body
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
|
||||
<link rel="match" href="block-non-replaced-width-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The equation; 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' is equal the width of containing block." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<title>CSS Test: Solving for width of block-level non-replaced elements in normal flow when 'width' is 'auto'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When width is auto and the combination of border widths, padding widths, scrollbar widths, width, and non 'auto' margin widths are larger than the width of the containing block, the margin widths are treated as 0." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
|
||||
<link rel="match" href="block-non-replaced-width-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When direction is left-to-right, the specified value of 'margin-right' is ignored in an over-constrained situation and the 'margin-right' value is calculated so as to make the equality true." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
|
||||
<link rel="match" href="block-non-replaced-width-004-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="When direction is right-to-left, the specified value of 'margin-left' is ignored in an over-constrained situation and the 'margin-left' value is calculated so as to make the equality true." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
|
||||
<link rel="match" href="block-non-replaced-width-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="If 'width' is set to 'auto' and no other 'auto' values are set, then the 'width' is the width of the containing block." />
|
||||
<style type="text/css">
|
||||
body
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
|
||||
<link rel="match" href="block-non-replaced-width-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="If 'width' is set to 'auto', any other 'auto' values become '0' and the 'width' is computed based on remaining space which includes any negative width." />
|
||||
<style type="text/css">
|
||||
body
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" title="10.3.3 Block-level, non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="If 'width' is set to 'auto', any other 'auto' values become '0' and the determination of 'width' proceeds from the following equality: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block" name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
|
||||
<link rel="match" href="block-replaced-height-004-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="For block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
|
||||
<link rel="match" href="block-replaced-height-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A block replaced elements with a percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" />
|
||||
<link rel="match" href="block-replaced-height-004-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="A block replaced elements with a percentage height that cannot be resolved has no intrinsic height." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
|
|
|
|||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
#canvas {
|
||||
width: 95px;
|
||||
height: 95px;
|
||||
}
|
||||
#negative-margin {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin-left: -100px;
|
||||
}
|
||||
</style>
|
||||
<canvas id="canvas"></canvas>
|
||||
<div id="negative-margin"></div>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Canvas paint order</title>
|
||||
<link rel="author" title="Philip Rogers" href="pdr@chromium.org">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
|
||||
<link rel="match" href="canvas-paint-order-ref.html">
|
||||
<style>
|
||||
#canvas {
|
||||
background: red;
|
||||
width: 95px;
|
||||
height: 95px;
|
||||
}
|
||||
#negative-margin {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin-left: -100px;
|
||||
}
|
||||
</style>
|
||||
<canvas id="canvas"></canvas>
|
||||
<!-- #negative-margin should paint fully on top of the canvas. -->
|
||||
<div id="negative-margin"></div>
|
||||
<script>
|
||||
onload = function() {
|
||||
var context = canvas.getContext("2d");
|
||||
context.save();
|
||||
context.fillStyle = "red";
|
||||
context.fillRect(0, 0, 500, 500);
|
||||
context.restore();
|
||||
};
|
||||
</script>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<div style="width: 100px; height: 100px; box-sizing: border-box;
|
||||
border: 30px solid lime; background: green">
|
||||
<div>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Cross-domain iframe paint order</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
|
||||
<link rel="match" href="cross-domain-iframe-paint-order-ref.html">
|
||||
<style>
|
||||
iframe {
|
||||
display: block;
|
||||
background: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
padding: 30px;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#negative-margin {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: lime;
|
||||
margin-top: -100px;
|
||||
}
|
||||
</style>
|
||||
<iframe src="http://{{hosts[alt][www]}}:{{ports[http][0]}}/css/CSS2/normal-flow/support/green.html"></iframe>
|
||||
<!-- #negative-margin should paint on top of the background of the iframe
|
||||
(but not the contents). -->
|
||||
<div id="negative-margin"></div>
|
||||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-003-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum plus one length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a negative zero length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a positive zero length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a nominal length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a positive nominal length value in pixels." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum plus one length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a negative zero length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a positive zero length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a nominal length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a positive nominal length value in points." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-025-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum plus one length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a negative zero length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a positive zero length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a nominal length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a positive nominal length value in picas." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a minimum plus one length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a negative zero length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="height-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property sets a positive zero length value in centimeters." />
|
||||
<style type="text/css">
|
||||
div
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue