diff options
| author | Yuri Kobets <[email protected]> | 2024-01-31 03:48:44 +0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-01-31 03:48:44 +0300 |
| commit | 6ca1ab0419e770e6d35a1ef690238773a1dafcee (patch) | |
| tree | 16df635edd594dc1d1b9d0044993e2ae4d0e0200 /test/render/flex/flex-shrink-001.htm | |
| parent | 8c320007878795fe629de7fe1eaef9328ac9c719 (diff) | |
| parent | d85ebec101e77825e5708e58df0e2508ec4fd389 (diff) | |
Flex layout
Diffstat (limited to 'test/render/flex/flex-shrink-001.htm')
| -rw-r--r-- | test/render/flex/flex-shrink-001.htm | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/test/render/flex/flex-shrink-001.htm b/test/render/flex/flex-shrink-001.htm new file mode 100644 index 00000000..1e675532 --- /dev/null +++ b/test/render/flex/flex-shrink-001.htm @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> +<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flex-shrink-001.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT --> +<head><meta charset="utf-8"> +<title>CSS Flexbox Test: flex-shrink - number(positive)</title> +<link href="http://www.intel.com/" rel="author" title="Intel"> +<link href="mailto:[email protected]" rel="author" title="Shiyou Tan"> +<link href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property" rel="help" title="7.3.2. The 'flex-shrink' property"> +<link href="http://test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/reference/ref-filled-green-100px-square.htm" rel="match"> +<meta content="" name="flags"> +<meta content="The flex-shrink property set positive number determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed" name="assert"> +<style> + #container { + background-color: red; + display: flex; + height: 100px; + width: 100px; + } + #container div { + height: 100px; + width: 100px; + } + #test1 { + flex-shrink: 2; + } + #test2 { + background-color: green; + flex-shrink: 3; + } + #cover { + background-color: green; + height: 100px; + margin-top: -100px; + width: 60px; + } +</style> +</head><body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div id="container"> + <div id="test1"></div> + <div id="test2"></div> + </div> + <div id="cover"></div> + +</body> +<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flex-shrink-001.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT --> +</html>
\ No newline at end of file |