mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
This commit is contained in:
parent
1a81b18b9f
commit
2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
|
||||
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" title="7.3.2. The 'flex-shrink' property">
|
||||
<link href="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></html>
|
Loading…
Add table
Add a link
Reference in a new issue