Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-11 15:38:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 81962ac8802223d038b188b6f9cb88a0a9c5beee

Browse source
This commit is contained in:
WPT Sync Bot 2018-05-18 22:02:29 -04:00
parent fe1a057bd1
commit 24183668c4
1960 changed files with 29853 additions and 10555 deletions
Download patch file Download diff file Expand all files Collapse all files

59
tests/wpt/web-platform-tests/css/css-backgrounds/background-clip-content-box-001.html
View file

@ -1,36 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Backgrounds and Borders Test: background-clip Reference</title>
<link rel="author" title="James Wang" href="mailto:wangjian@ucweb.com">
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-clip" />
<meta name="flags" content="">
<meta name="assert" content="background-clip with content-box means paint the background within the content box">
<link rel="match" href="reference/background-clip-content-box-ref.html">
<style type="text/css">
* { padding: 0; margin: 0; }
#test-color-blue {
background-color: blue;
height: 200px;
position: absolute;
width: 200px;
}
#test-color-green {
background-clip: content-box;
background-color: rgba(0, 255, 0, 1);
height: 180px;
padding: 10px;
position: absolute;
width: 180px;
}
</style>
</head>
<body>
<p>Test pass if the green box has a 10px width blue edge</p>
<!-- background -->
<div id="test-color-blue"></div>
<div id="test-color-green"></div>
</body>
</html>
<title>CSS Backgrounds and Borders Test: background-clip Reference</title>
<link rel="author" title="James Wang" href="mailto:wangjian@ucweb.com">
<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-clip">
<link rel="match" href="reference/background-clip-content-box-ref.html">
<style>
#test-color-blue {
background-color: blue;
height: 200px;
position: absolute;
width: 200px;
}
#test-color-orange {
background-clip: content-box;
background-color: rgba(255, 165, 0, 1);
height: 180px;
padding: 10px;
position: absolute;
width: 180px;
}
</style>
<p>Test passes if the orange box has a 10px width blue edge.</p>
<!-- background -->
<div id="test-color-blue"></div>
<div id="test-color-orange"></div>