third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-003.html - Issue 2539753002: [css-ui] Import W3C Test Suite

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-003.html

Issue 2539753002: [css-ui] Import W3C Test Suite (Closed)

Patch Set: Created 4 years, 1 month ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-001-expected.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-003-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-003.html

diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-003.html b/third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-003.html

new file mode 100644

index 0000000000000000000000000000000000000000..089406f71f1f09e6dfca18c0ae6ffa8c89788cc7

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/box-sizing-003.html

@@ -0,0 +1,38 @@

+<!DOCTYPE html>

+<meta charset="utf-8">

+<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.3.7</title>

+<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">

+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#box-sizing">

+<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">

+<meta name="flags" content="">

+<link rel="match" href="reference/box-sizing-001-ref.html">

+<meta name="assert" content="When box-sizing is border-box, the content width, rather than the computed value of the width property,

+ should be used in the the constraint that determines the used values of sizing and positioning properties

+ of absolutely positioned elements.">

+<style>

+#cb {

+ position: absolute;

+ width: 100px;

+ height: 100px;

+#test {

+ position:absolute;

+ box-sizing: border-box;

+ margin-right: 5px;

+ margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */

+ top: 25px;

+ left:0;

+ right:0;

+ padding-left: 25px;

+ padding-right: 25px;

+ width: 70px;

+ height: 70px;

+ background:green;

+</style>

+<body>

+ <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>

+ <div id="cb">

+ <div id="test"></div>

+ </div>

+</body>