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

Update CSS tests to revision e102a993c37a2e0ebd549bc7d5548b006458ab34

Browse source
This commit is contained in:
Ms2ger 2015-11-23 13:14:18 +01:00
parent 037cac7353
commit a00f2d6310
479 changed files with 13629 additions and 1611 deletions
Download patch file Download diff file Expand all files Collapse all files

54
tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="image">
<meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert">
<!--
created 2015-11-18
[css-backgrounds] Please remove the "unless there is a border image" wording
http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
-->
<style type="text/css">
p
{
margin-bottom: 41px; /* border-image-outset + 16px (1em) .
This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
}
div
{
background-color: red;
border-color: red;
border-style: none; /* or border-style: dotted or any other 'border-style' value */
border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
height: 0px;
margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
padding: 25px 25px 25px 25px;
width: 0px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>
</body>
</html>