| Index: LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html
|
| diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html b/LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..91d78941ad84a0b5781982b33ce392a1f31f0053
|
| --- /dev/null
|
| +++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vlr-015.html
|
| @@ -0,0 +1,96 @@
|
| +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
| +
|
| +<html>
|
| +
|
| + <head>
|
| +
|
| + <meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
| +
|
| + <title>Embedded HTML document for abs-pos-non-replaced-icb-vlr-015 in 'writing-mode: vertical-lr'</title>
|
| +
|
| + <!--
|
| + position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block
|
| + -->
|
| +
|
| + <style type="text/css">
|
| + html
|
| + {
|
| + direction: ltr;
|
| + }
|
| +
|
| + div
|
| + {
|
| + border-left: green solid 25px;
|
| + border-right: green solid 75px;
|
| + height: 100px;
|
| + left: 60%;
|
| + position: absolute;
|
| + right: auto;
|
| + top: 0px;
|
| + width: auto;
|
| + -webkit-writing-mode: vertical-lr;
|
| + }
|
| +
|
| + /*
|
| + "
|
| + 3. [If] 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit. Then solve for 'right'
|
| + "
|
| + 10.3.7 Absolutely positioned, non-replaced elements
|
| + http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width
|
| +
|
| + So:
|
| +
|
| + 60% : left
|
| + +
|
| + 0px : margin-left
|
| + +
|
| + 25px : border-left-width
|
| + +
|
| + 0px : padding-left
|
| + +
|
| + auto : width (set to shrink-to-fit)
|
| + +
|
| + 0px : padding-right
|
| + +
|
| + 75px : border-right-width
|
| + +
|
| + 0px : margin-right
|
| + +
|
| + solve : right
|
| + ====================
|
| + 500px : width of containing block (width of Initial Containing Block)
|
| +
|
| + becomes
|
| +
|
| + 300px : left (60% of 500px == 300px)
|
| + +
|
| + 0px : margin-left
|
| + +
|
| + 25px : border-left-width
|
| + +
|
| + 0px : padding-left
|
| + +
|
| + 0px : width (shrink-to-fit)
|
| + +
|
| + 0px : padding-right
|
| + +
|
| + 75px : border-right-width
|
| + +
|
| + 0px : margin-right
|
| + +
|
| + solve : right
|
| + ====================
|
| + 500px : width of containing block (width of Initial Containing Block)
|
| +
|
| + so used right offset value must be 100px.
|
| +
|
| + */
|
| + </style>
|
| + </head>
|
| +
|
| + <body>
|
| +
|
| + <div></div>
|
| +
|
| + </body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 1157103007:
update-w3c-deps import using blink b712b6ce0eb599d90d890aa609f596c7852fb824 (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master