mirror of
https://github.com/servo/servo.git
synced 2025-08-15 18:35:33 +01:00
Update web-platform-tests to revision 2b758296541cf4f2209b8c2352cf6c7890c97be3
This commit is contained in:
WPT Sync Bot
parent
2304f02123
commit
835d593cd0
118 changed files with 3269 additions and 703 deletions
|
|
@ -6,18 +6,18 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items">
|
||||
<link rel="match" href="reference/flex-flexitem-percentage-prescation-ref.html">
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="no blue color could be seen." />
|
||||
<meta name="assert" content="no red color could be seen." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
background: blue;
|
||||
background: red;
|
||||
display: flex;
|
||||
height:300px;
|
||||
width:101px;
|
||||
}
|
||||
p {
|
||||
flex:1;
|
||||
background:red;
|
||||
background:olive;
|
||||
flex-direction:row;
|
||||
margin:0 0 0 0;
|
||||
}
|
||||
|
|
@ -25,8 +25,8 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="test">
|
||||
<p style="background:green;">damer</p>
|
||||
<p>damer</p>
|
||||
<p style="background:green;">d</p>
|
||||
<p>d</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Flexible Box Test: Minimum height of flex items</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
<meta name="assert" content="Checks that minimum height for flex items is the min-content size." />
|
||||
<style type="text/css"><![CDATA[
|
||||
#reference-overlapped-red {
|
||||
position: absolute;
|
||||
background-color: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#constrained-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
#test-flex-item-overlapping-green {
|
||||
display: flex;
|
||||
flex-basis: 0;
|
||||
color: green;
|
||||
background-color: green;
|
||||
font: 50px/1 Ahem;
|
||||
}
|
||||
|
||||
#content-100x100 {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
<div id="constrained-flex">
|
||||
<div id="test-flex-item-overlapping-green">
|
||||
<div id="content-100x100"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
<style>
|
||||
#test
|
||||
{
|
||||
background: blue;
|
||||
background: red;
|
||||
position:relative;
|
||||
height:300px;
|
||||
width:101px;
|
||||
|
|
@ -23,8 +23,8 @@
|
|||
<body>
|
||||
<div id="test">
|
||||
<div id="test">
|
||||
<p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p>
|
||||
<p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p>
|
||||
<p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">d</p>
|
||||
<p style="top:0px;left:50.5px;height:300px;background:olive;width:50.5px;">d</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,356 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>CSS Test: feature property settings are resolved in the correct order for 'liga'.</title>
|
||||
<link rel="author" title="Ben Wagner" href="bungeman@chromium.org" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#feature-precedence" />
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: lato-ffs-;
|
||||
src: url(support/fonts/Lato-Medium.ttf);
|
||||
}
|
||||
.test, .ref {
|
||||
font-family: lato-ffs-;
|
||||
font-size: 2em;
|
||||
position: absolute;
|
||||
}
|
||||
.test { color: green; }
|
||||
.ref { color: red; }
|
||||
|
||||
.align { width: 1em; }
|
||||
|
||||
.ls-0 { letter-spacing: 0em; }
|
||||
.ls-1 { letter-spacing: 0.1em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible.</p>
|
||||
<table class="ref"><tr>
|
||||
|
||||
<td class="align ff- fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-0 fvl- ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-n ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-1 fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr></table>
|
||||
<table class="test"><tr>
|
||||
|
||||
<td class="align ff- fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-0 fvl- ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-n ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-1 fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,383 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>CSS Test: feature property settings are resolved in the correct order for 'liga'.</title>
|
||||
<link rel="author" title="Ben Wagner" href="bungeman@chromium.org" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#feature-precedence" />
|
||||
<link rel="match" href="font-feature-resolution-001-ref.html" />
|
||||
<meta name="assert" content="default < @font-face < font-variant < letter-spacing < font-feature-settings" />
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: lato-ffs-;
|
||||
src: url(support/fonts/Lato-Medium.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: lato-ffs-0;
|
||||
src: url(support/fonts/Lato-Medium.ttf);
|
||||
font-feature-settings: 'liga' off;
|
||||
}
|
||||
@font-face {
|
||||
font-family: lato-ffs-1;
|
||||
src: url(support/fonts/Lato-Medium.ttf);
|
||||
font-feature-settings: 'liga' on;
|
||||
}
|
||||
.test, .ref {
|
||||
font-family: lato-ffs-;
|
||||
font-size: 2em;
|
||||
position: absolute;
|
||||
}
|
||||
.test { color: green; }
|
||||
.ref { color: red; }
|
||||
|
||||
.align { width: 1em; }
|
||||
|
||||
.ff- { font-family: lato-ffs- ; }
|
||||
.ff-0 { font-family: lato-ffs-0; }
|
||||
.ff-1 { font-family: lato-ffs-1; }
|
||||
|
||||
.fvl- { }
|
||||
.fvl-n { font-variant-ligatures: normal; }
|
||||
.fvl-0 { font-variant-ligatures: no-common-ligatures; }
|
||||
.fvl-1 { font-variant-ligatures: common-ligatures; }
|
||||
|
||||
.ls- { }
|
||||
.ls-0 { letter-spacing: 0em; }
|
||||
.ls-1 { letter-spacing: 0.1em; }
|
||||
|
||||
.ffs- { }
|
||||
.ffs-n { font-feature-settings: normal; }
|
||||
.ffs-0 { font-feature-settings: 'liga' off; }
|
||||
.ffs-1 { font-feature-settings: 'liga' on; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible.</p>
|
||||
<table class="ref"><tr>
|
||||
|
||||
<td class="align ff- fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-0 fvl- ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-n ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-1 fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-0 ls- ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs- ">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-n">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-0">f‌i</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr></table>
|
||||
<table class="test"><tr>
|
||||
|
||||
<td class="align ff- fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-0">fi</td>
|
||||
<td class="align ff- fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-0">fi</td>
|
||||
<td class="align ff- fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl- ls-1 ffs- ">fi</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-n">fi</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-0">fi</td>
|
||||
<td class="align ff- fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-0">fi</td>
|
||||
<td class="align ff- fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-0">fi</td>
|
||||
<td class="align ff- fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-0">fi</td>
|
||||
<td class="align ff- fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-0 ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-0">fi</td>
|
||||
<td class="align ff- fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-0">fi</td>
|
||||
<td class="align ff- fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-0">fi</td>
|
||||
<td class="align ff- fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff- fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-0">fi</td>
|
||||
<td class="align ff- fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-0">fi</td>
|
||||
<td class="align ff- fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs- ">fi</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-n">fi</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-0">fi</td>
|
||||
<td class="align ff- fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-0 fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-0 ls- ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-0 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-0 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr><tr>
|
||||
|
||||
<td class="align ff-1 fvl- ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl- ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl- ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl- ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-n ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-n ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-n ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-0 ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-0 ls-1 ffs-1">fi</td>
|
||||
</tr><tr>
|
||||
<td class="align ff-1 fvl-1 ls- ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls- ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-0 ffs-1">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs- ">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-n">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-0">fi</td>
|
||||
<td class="align ff-1 fvl-1 ls-1 ffs-1">fi</td>
|
||||
|
||||
</tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'" />
|
||||
<link rel="match" href="multicol-gap-fraction-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test checks that increasing column gaps display consistently" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1 'column-gap" />
|
||||
<link rel="match" href="multicol-gap-large-002-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This test checks that a large column-gap is supported. We should have two 3.5em columns with a 4em gap between them." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'" />
|
||||
<link rel="match" href="multicol-gap-002-ref.xht" />
|
||||
<meta name="flags" content="ahem invalid" />
|
||||
<meta name="asset" content="Test checks that a negative value is not allowed for column-gap" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<title>CSS Multi-column Layout Test: multicolumn and inheritance</title>
|
||||
<link rel="author" title="Opera Software ASA" href="http://www.opera.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-08 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" />
|
||||
<link rel="match" href="multicol-inherit-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" title="2. The multi-column model" />
|
||||
<link rel="match" href="multicol-margin-child-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This test checks that the margin-bottom of a block child in a multi-column element will collapse with the margin-top of a following block child of that same multi-colum element if those children are vertically adjacent and if no line boxes, no clearance, no padding and no border separate them." />
|
||||
<meta name="assert" content="This test checks that the margin-bottom of a block child in a multi-column element will collapse with the margin-top of a following block child of that same multi-column element if those children are vertically adjacent and if no line boxes, no clearance, no padding and no border separate them." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-27 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-000-ref.xht" />
|
||||
<meta name="assert" content="This test checks that the shorthand column-rule property draws the rule correctly." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-14 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules" title="4. Column gaps and rules" />
|
||||
<link rel="match" href="multicol-rule-003-ref.xht" />
|
||||
<meta name="assert" content="Tests that the three column-rule-* longhand properties are correctly applied." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-color-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Basic test that the column-rule-color property is applied." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-dashed-000-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Tests that the dashed value of column-rule-style is correctly rendered when used in the shorthand column-rule property." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-27 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-dotted-000-ref.xht" />
|
||||
<meta name="assert" content="Tests that the dotted value of column-rule-style is correctly rendered when used in the shorthand column-rule property." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-double-000-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Tests that the double value of column-rule-style is correctly rendered when used in the shorthand column-rule property." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'" />
|
||||
<link rel="match" href="multicol-rule-fraction-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Basic test for the column-rule-width property, checking that values above 0 but below 1 are allowed." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-groove-000-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test checks that the value of 'groove' for 'column-rule-style' is drawn correctly." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-hidden-000-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test checks that a column-rule-width value of hidden results in no rule being drawn." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-hidden-000-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test checks that a column-rule-width value of none results in no rule being drawn." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"/>
|
||||
<link rel="match" href="multicol-rule-ref.xht"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="Test checks that a column-rule-width value set in pixels is rendered correctly. The width of the rule should be 16px." />
|
||||
<style type="text/css"><![CDATA[
|
||||
body {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-ridge-000-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test checks that the value of 'ridge' for 'column-rule-style' is drawn correctly." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'" />
|
||||
<link rel="match" href="multicol-rule-samelength-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test that a gap of 5em and a column-rule-width of 5em both take up the same space." />
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin: 8px;}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'" />
|
||||
<link rel="match" href="multicol-rule-samelength-001-ref.xht" />
|
||||
<meta name="flags" content="ahem invalid" />
|
||||
<meta name="assert" content="Tests that column rules are not displayed for invalid properties and values."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
body {margin: 8px;}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<link rel="help" href=""/>
|
||||
<link rel="match" href="multicol-rule-shorthand-2-ref.xht"/>
|
||||
<meta name="assert" content="Tests that column rules are not displayed for invalid properties and values."/>
|
||||
<meta name="flags" content="invalid"/>
|
||||
<meta name="flags" content="ahem invalid"/>
|
||||
<style type="text/css"><![CDATA[
|
||||
body {
|
||||
margin: 1em;
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-rule-solid-000-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test checks that a column-rule-style value set as 'solid' is rendered correctly." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"/>
|
||||
<link rel="match" href="multicol-rule-stacking-ref.xht"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="The test checks that the span element, which has a higher 'z-index' stacks on top of the other elements in the multicol container." />
|
||||
<style type="text/css"><![CDATA[
|
||||
body {
|
||||
margin: 0;
|
||||
|
|
@ -20,8 +21,6 @@ body>div {
|
|||
margin: 1em;
|
||||
border: 1em solid gray;
|
||||
width: 14em;
|
||||
orphans: 1;
|
||||
widows: 1;
|
||||
|
||||
column-count: 4;
|
||||
column-gap: 1em;
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns"/>
|
||||
<link rel="match" href="multicol-rule-ref.xht"/>
|
||||
<meta name="flags" content="ahem invalid"/>
|
||||
<meta name="assert" content="Testing that invalid property names used as a shorthand do not result in column-rules being displayed." />
|
||||
<style type="text/css"><![CDATA[
|
||||
body {
|
||||
margin: 0;
|
||||
|
|
@ -26,8 +27,8 @@ body>div {
|
|||
column-count: 4;
|
||||
column-gap: 1em;
|
||||
column-rule: solid blue 1em;
|
||||
column: normal red 1em;
|
||||
columns: normal red 1em;
|
||||
column: normal red 1em; /* column is not a valid property */
|
||||
columns: normal red 1em; /* columns is a shorthand for colun-width and column-count */
|
||||
}
|
||||
span {
|
||||
background: blue;
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
|
||||
<link rel="match" href="multicol-span-000-ref.xht" />
|
||||
<meta name="flags" content="ahem image" />
|
||||
<meta name="assert" content="Tests that the element with an id of 'column-span' spans across all columns." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
|
||||
<link rel="match" href="multicol-span-all-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Tests that the h4 set to 'column-span: all' spans across all columns resulting in a black bar across the multicol container." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
|
||||
<link rel="match" href="multicol-span-all-002-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Test of the situation where there is not sufficient space for the spanning element, UA may treat the element as 'column-span: none'; in which case, 'overflow: hidden' will take care of overflowed content out of multi-column box." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
@ -66,4 +67,4 @@
|
|||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#spanning-columns"/>
|
||||
<link rel="match" href="multicol-span-all-block-sibling-3-ref.xht"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="Test that a block element which is a sibling of content in the multicol element acts correctly as a spanner." />
|
||||
<style type="text/css"><![CDATA[
|
||||
body>div {
|
||||
font-family: Ahem;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Multi-column Layout Test: 'column-span: all' element and width exceeding available multi-colum width (complex)</title>
|
||||
<title>CSS Multi-column Layout Test: 'column-span: all' element and width exceeding available multi-column width (complex)</title>
|
||||
<link rel="author" title="Opera Software ASA" href="http://www.opera.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
|
||||
<link rel="match" href="multicol-span-all-margin-002-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The spanning element extends only to the width of the multicol element, despite an item in the fourth column extending into the overflow area." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
|
||||
<link rel="match" href="multicol-span-all-margin-bottom-001-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="In this test, the glyphs 'or' are painted into 1st column box, the glyphs 'ang' extend outside the box, and should not be clipped. In this test they are overwritten by spans so are not visible." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model"/>
|
||||
<link rel="match" href="multicol-table-cell-vertical-align-ref.xht"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="This test checks that 'column-count' applies to elements with 'display' set to 'table-cell' which also use 'vertical-align: middle'. The 'vertical-align' property should still apply." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div {
|
||||
font-family: Ahem;
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
<title>Multicol under vertical-rl scrolling container</title>
|
||||
<link rel="match" href="multicol-under-vertical-rl-scroll-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol">
|
||||
<meta name="assert" content="Test that multicol works as expected when overflow is scrolling in vertical-rl" />
|
||||
<p>Passes if there are two green squares</p>
|
||||
<div style="width: 200px; height: 200px; overflow: scroll; writing-mode: vertical-rl; border: 1px solid black">
|
||||
<div style="columns: 2; column-gap: 20px; width: 80px; height: 180px">
|
||||
|
|
|
|||
|
|
@ -46,6 +46,7 @@ assert_valid("<length>", "calc(2px*4 + 10px)");
|
|||
assert_valid("<length>", "7.1e-4cm");
|
||||
assert_valid("<length>", "calc(7in - 12px)");
|
||||
assert_valid("<length>+", "2px 7px calc(8px)");
|
||||
assert_valid("<length>#", "2px, 7px, calc(8px)");
|
||||
assert_valid("<percentage>", "-9.3e3%");
|
||||
assert_valid("<length-percentage>", "-54%");
|
||||
assert_valid("<length-percentage>", "0");
|
||||
|
|
@ -151,6 +152,8 @@ assert_invalid("<length>", "calc(4px + 3em)");
|
|||
assert_invalid("<length>", "calc(4px + calc(8 * 2em))");
|
||||
assert_invalid("<length>+", "calc(2ex + 16px)");
|
||||
assert_invalid("<length>+", "10px calc(20px + 4rem)");
|
||||
assert_invalid("<length>+", "");
|
||||
assert_invalid("<length>#", "");
|
||||
assert_invalid("<percentage> | <length>+", "calc(100vh - 10px) 30px");
|
||||
assert_invalid("<length>", "10px;");
|
||||
assert_invalid("<length-percentage>", "calc(2px + 10% + 7ex)");
|
||||
|
|
|
|||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: single preserved white space at the end of the line with white-space:break-spaces overflow-wrap:break-word</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="match" href="reference/pre-wrap-001-ref.html">
|
||||
<meta name="assert" content="a single preserved white space at the end of the line is wrapped when the white-space property is set to break-spaces and overflow-wrap is break-word.">
|
||||
<style>
|
||||
div {
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
line-height: 1em;
|
||||
white-space: break-spaces;
|
||||
color: green;
|
||||
|
||||
background: linear-gradient(red, red) 1ch 0/2ch 2ch no-repeat;
|
||||
|
||||
width: 3ch;
|
||||
overflow-wrap: break-word;
|
||||
margin-left: -1ch;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div> XX XX</div>
|
||||
</body>
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: single preserved white space at the end of the line with white-space:break-spaces overflow-wrap:break-word in a textarea</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="match" href="reference/textarea-pre-wrap-001-ref.html">
|
||||
<meta name="assert" content="a single preserved white space at the end of the line is wrapped when the white-space property is set to break-spaces and overflow-wrap is break-word in a textarea.">
|
||||
<style>
|
||||
textarea {
|
||||
word-wrap: initial; /*deprecated alias*/
|
||||
overflow-wrap: initial;
|
||||
line-break: initial;
|
||||
word-break: initial;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
resize: none;
|
||||
overflow: hidden; /* I don't want scrollbars, and overflow:visible isn't typically supported on textarea */
|
||||
|
||||
font-size: 20px;
|
||||
font-family: Ahem;
|
||||
line-height: 1em;
|
||||
white-space: break-spaces;
|
||||
color: green;
|
||||
|
||||
background: linear-gradient(red, red) 1ch 0/2ch 2ch no-repeat;
|
||||
|
||||
width: 3ch;
|
||||
overflow-wrap: break-word;
|
||||
margin-left: -1ch;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<textarea> XX XX</textarea>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Transform list interpolation</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#interpolation-of-transforms">
|
||||
<meta name="assert" content="Interpolation of transform function lists is performed as follows">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/interpolation-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
// none -> none
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'none',
|
||||
to: 'none',
|
||||
},
|
||||
[{ at: 0.25, expect: 'none' }]
|
||||
);
|
||||
|
||||
// none -> something
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'none',
|
||||
to: 'translate(200px) rotate(720deg)',
|
||||
},
|
||||
[{ at: 0.25, expect: 'translate(50px) rotate(180deg)' }]
|
||||
);
|
||||
|
||||
// something -> none
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'translate(200px) rotate(720deg)',
|
||||
to: 'none',
|
||||
},
|
||||
[{ at: 0.25, expect: 'translate(150px) rotate(540deg)' }]
|
||||
);
|
||||
|
||||
// Mismatched lengths (from is shorter), common part matches
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'translate(100px)',
|
||||
to: 'translate(200px) rotate(720deg)',
|
||||
},
|
||||
[{ at: 0.25, expect: 'translate(125px) rotate(180deg)' }]
|
||||
);
|
||||
|
||||
// Mismatched lengths (to is shorter), common part matches
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'translate(100px) rotate(720deg)',
|
||||
to: 'translate(200px)',
|
||||
},
|
||||
[{ at: 0.25, expect: 'translate(125px) rotate(540deg)' }]
|
||||
);
|
||||
|
||||
// Perfect match
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'scale(2) rotate(360deg) translate(100px) matrix(1, 0, 0, 1, 100, 0) skew(0deg)',
|
||||
to: 'scale(3) rotate(1080deg) translate(200px) matrix(1, 0, 0, 1, 0, 200) skew(720deg)',
|
||||
},
|
||||
[
|
||||
{
|
||||
at: 0.25,
|
||||
expect: 'scale(2.25) rotate(540deg) translate(125px) matrix(1, 0, 0, 1, 75, 50) skew(180deg)',
|
||||
},
|
||||
]
|
||||
);
|
||||
|
||||
// Matches on primitives
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'translateX(100px) scaleX(3) translate(500px) scale(2)',
|
||||
to: 'translateY(200px) scale(5) translateX(100px) scaleY(3)',
|
||||
},
|
||||
[{ at: 0.25, expect: 'translate(75px, 50px) scale(3.5, 2) translate(400px, 0px) scale(1.75, 2.25)' }]
|
||||
);
|
||||
|
||||
// Common prefix
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'rotate(0deg) translate(100px)',
|
||||
to: 'rotate(720deg) scale(2) translate(200px)',
|
||||
},
|
||||
[{ at: 0.25, expect: 'rotate(180deg) matrix(1.25, 0, 0, 1.25, 175, 0)' }]
|
||||
);
|
||||
|
||||
// Complete mismatch (except length)
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'scale(2) rotate(0deg) translate(100px)',
|
||||
to: 'rotate(720deg) scale(2) translate(200px)',
|
||||
},
|
||||
[{ at: 0.25, expect: 'matrix(2, 0, 0, 2, 250, 0)' }]
|
||||
);
|
||||
|
||||
// Complete mismatch including length
|
||||
test_interpolation(
|
||||
{
|
||||
property: 'transform',
|
||||
from: 'scale(2) rotate(0deg)',
|
||||
to: 'rotate(720deg) scale(2) translate(200px)',
|
||||
},
|
||||
[{ at: 0.25, expect: 'matrix(2, 0, 0, 2, 100, 0)' }]
|
||||
);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test Reference</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
#fixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background: black;
|
||||
}
|
||||
|
||||
#popup {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
background: green;
|
||||
transform: scale( 1.1111 );
|
||||
}
|
||||
|
||||
body, #popup {
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
</style>
|
||||
<div id="popup"></div>
|
||||
<div id="fixed"></div>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
<!doctype html>
|
||||
<html class="reftest-wait">
|
||||
<title>CSS Test: Checks that dynamic changes to whether we're a fixed-pos containing block are handled correctly</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#containing-block-for-all-descendants">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1498873">
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="match" href="dynamic-fixed-pos-cb-change-ref.html">
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#fixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background: black;
|
||||
}
|
||||
|
||||
#popup {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
background: red;
|
||||
transform: scale( 1.1111 );
|
||||
}
|
||||
|
||||
body, #popup {
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
</style>
|
||||
<div id="popup">
|
||||
<!-- Seeing this box change color should not move me or change my size. -->
|
||||
</div>
|
||||
<div id="fixed"></div>
|
||||
<script>
|
||||
onload = function() {
|
||||
requestAnimationFrame(() => {
|
||||
document.body.style.transform = "scale(0.9)";
|
||||
requestAnimationFrame(() => {
|
||||
popup.style.backgroundColor = "green";
|
||||
requestAnimationFrame(() => {
|
||||
document.documentElement.className = "";
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<style>
|
||||
.container {
|
||||
border: 1px solid green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-top: 100px;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: orange;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: will-change: position turns an element in an abspos containing block.</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1498873">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-will-change/#will-change">
|
||||
<link rel="match" href="will-change-abspos-cb-001-ref.html">
|
||||
<style>
|
||||
.container {
|
||||
border: 1px solid green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-top: 100px;
|
||||
display: flex;
|
||||
will-change: position;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: orange;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: will-change: position turns an element in an abspos containing block when changed dynamically.</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1499863">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-will-change/#will-change">
|
||||
<link rel="match" href="will-change-abspos-cb-001-ref.html">
|
||||
<style>
|
||||
.container {
|
||||
border: 1px solid green;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: orange;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
<script>
|
||||
onload = function() {
|
||||
let container = document.querySelector(".container");
|
||||
container.offsetTop;
|
||||
container.style.willChange = "position";
|
||||
}
|
||||
</script>
|
||||
21
tests/wpt/web-platform-tests/css/cssom-view/inheritance.html
Normal file
21
tests/wpt/web-platform-tests/css/cssom-view/inheritance.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Inheritance of CSSOM View properties</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/cssom-view/#property-index">
|
||||
<meta name="assert" content="Properties inherit or not according to the spec.">
|
||||
<meta name="assert" content="Properties have initial values according to the spec.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/inheritance-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
assert_not_inherited('scroll-behavior', 'auto', 'smooth');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -21,7 +21,6 @@ function test_interpolation(settings, expectations) {
|
|||
var animationId = 'anim' + i;
|
||||
var targetId = 'target' + i;
|
||||
var referenceId = 'reference' + i;
|
||||
|
||||
test(function(){
|
||||
assert_true(CSS.supports(settings.property, expectation), 'Value "' + expectation + '" is supported by ' + settings.property);
|
||||
|
||||
|
|
@ -49,7 +48,9 @@ function test_interpolation(settings, expectations) {
|
|||
reference.style = '';
|
||||
|
||||
assert_equals(getComputedStyle(target)[settings.property], getComputedStyle(reference)[settings.property]);
|
||||
}, 'Animation between "' + settings.from + '" and "' + settings.to + '" at progress ' + progress);
|
||||
}, (settings.test_prefix ? settings.test_prefix : "") +
|
||||
'Animation between "' + settings.from + '" and "' + settings.to +
|
||||
'" at progress ' + progress);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue