Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-28 15:23:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Unprefix the border-image-* properties and add a temporary alias for -moz-border-image (but not for its subproperties, which we haven't shipped prefixed). (Bug 713643, patch 5) r=bzbarsky

Browse Source
This commit is contained in:
L. David Baron 2012-05-30 22:19:49 -07:00
parent edbd83838f
commit 4c91539c7a
80 changed files with 249 additions and 246 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
browser/base/content/pageinfo/pageInfo.js
View File

@ -653,8 +653,7 @@ function grabAll(elem)
};
addImgFunc(gStrings.mediaBGImg, computedStyle.getPropertyCSSValue("background-image"));
addImgFunc(gStrings.mediaBorderImg, computedStyle.getPropertyCSSValue("-moz-border-image-source"));
// TODO: support unprefixed "border-image" once bug 713643 is fixed.
addImgFunc(gStrings.mediaBorderImg, computedStyle.getPropertyCSSValue("border-image-source"));
addImgFunc(gStrings.mediaListImg, computedStyle.getPropertyCSSValue("list-style-image"));
addImgFunc(gStrings.mediaCursor, computedStyle.getPropertyCSSValue("cursor"));
}

17
dom/interfaces/css/nsIDOMCSS2Properties.idl
View File

@ -14,7 +14,7 @@
* http://www.w3.org/TR/DOM-Level-2-Style
*/
[builtinclass, scriptable, uuid(81085b2d-eea9-4aca-ac93-0b1eea6587d3)]
[builtinclass, scriptable, uuid(08fd9493-9276-4861-9b16-add2653e2f53)]
interface nsIDOMCSS2Properties : nsISupports
{
attribute DOMString background;
@ -608,7 +608,7 @@ interface nsIDOMCSS2Properties : nsISupports
attribute DOMString MozStackSizing;
// raises(DOMException) on setting
attribute DOMString MozBorderImage;
attribute DOMString borderImage;
// raises(DOMException) on setting
attribute DOMString MozColumns;
@ -725,18 +725,21 @@ interface nsIDOMCSS2Properties : nsISupports
attribute DOMString MozTextSizeAdjust;
// raises(DOMException) on setting
attribute DOMString MozBorderImageSource;
attribute DOMString borderImageSource;
// raises(DOMException) on setting
attribute DOMString MozBorderImageSlice;
attribute DOMString borderImageSlice;
// raises(DOMException) on setting
attribute DOMString MozBorderImageWidth;
attribute DOMString borderImageWidth;
// raises(DOMException) on setting
attribute DOMString MozBorderImageOutset;
attribute DOMString borderImageOutset;
// raises(DOMException) on setting
attribute DOMString MozBorderImageRepeat;
attribute DOMString borderImageRepeat;
// raises(DOMException) on setting
attribute DOMString MozBorderImage;
// raises(DOMException) on setting
};

2
layout/base/crashtests/446328-iframe.html
View File

@ -1 +1 @@
<html><head></head><body style='-moz-border-image: url(446328.gif) 2 3 1 1 / 50px 50px'></body></html>
<html><head></head><body style='border-image: url(446328.gif) 2 3 1 1 / 50px 50px'></body></html>

2
layout/base/crashtests/446328-top.html
View File

@ -1,6 +1,6 @@
<html>
<head>
<title>Bug 446328 – Crash [@ nsImageLoader::RedrawDirtyFrame] with document that has -moz-border-image and gets display: none</title>
<title>Bug 446328 – Crash [@ nsImageLoader::RedrawDirtyFrame] with document that has border-image and gets display: none</title>
</head>
<body>
<iframe src="446328-iframe.html" id="a"></iframe>

2
layout/base/crashtests/446328.html
View File

@ -1,6 +1,6 @@
<html class="reftest-wait">
<head>
<title>Bug 446328 – Crash [@ nsImageLoader::RedrawDirtyFrame] with document that has -moz-border-image and gets display: none</title>
<title>Bug 446328 – Crash [@ nsImageLoader::RedrawDirtyFrame] with document that has border-image and gets display: none</title>
</head>
<body>
<iframe src="446328-top.html" id="a"></iframe>

2
layout/base/crashtests/640272.html
View File

@ -5,7 +5,7 @@
<style>
#waBackButton {
border: 1px solid blue;
-moz-border-image: url(640272-empty.html) 0 10 0 15;
border-image: url(640272-empty.html) 0 10 0 15;
}
</style>
</head>

2
layout/reftests/border-image/470250-1.html
View File

@ -7,7 +7,7 @@ div {
height: 48px;
border-width: 0;
border-style: solid;
-moz-border-image: url(3x3green-1DD813.png) 0 fill;
border-image: url(3x3green-1DD813.png) 0 fill;
}
</style>
</head><body>

2
layout/reftests/border-image/470250-2.html
View File

@ -8,7 +8,7 @@ table {
border-collapse: separate;
border-width: 0;
border-style: solid;
-moz-border-image: url(3x3green-1DD813.png) 0 fill;
border-image: url(3x3green-1DD813.png) 0 fill;
}
</style>
</head><body>

2
layout/reftests/border-image/border-image-nofill-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-slice without fill reference</title>
<title>border-image-slice without fill reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

4
layout/reftests/border-image/border-image-nofill-1.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image-slice without fill</title>
<title>test of border-image-slice without fill</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -9,7 +9,7 @@
div {
border-width: 7px;
border-style: solid;
-moz-border-image: url('3x3multicolor.png') 1 1 1 1;
border-image: url('3x3multicolor.png') 1 1 1 1;
}
</style>

2
layout/reftests/border-image/border-image-outset-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-outset: 1em reference</title>
<title>border-image-outset: 1em reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

2
layout/reftests/border-image/border-image-outset-1a.html
View File

@ -9,7 +9,7 @@
margin: 2em;
border-width: 1em;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1 / / 1em;
border-image: url('3x3green-1DD813.png') 1 1 1 1 / / 1em;
}
</style>
</head>

4
layout/reftests/border-image/border-image-outset-1b.html
View File

@ -9,8 +9,8 @@
margin: 2em;
border-width: 1em;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1;
-moz-border-image-outset: 1em;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image-outset: 1em;
}
</style>
</head>

2
layout/reftests/border-image/border-image-outset-1c.html
View File

@ -9,7 +9,7 @@
margin: 2em;
border-width: 1em;
border-style: solid;
-moz-border-image: 1 1 1 1 / / 1em url('3x3green-1DD813.png');
border-image: 1 1 1 1 / / 1em url('3x3green-1DD813.png');
}
</style>
</head>

2
layout/reftests/border-image/border-image-outset-move-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-outset move reference</title>
<title>border-image-outset move reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

4
layout/reftests/border-image/border-image-outset-move-1.html
View File

@ -9,8 +9,8 @@
margin: 20px;
border-width: 10px;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1;
-moz-border-image-outset: 10px;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image-outset: 10px;
}
</style>
</head>

2
layout/reftests/border-image/border-image-outset-resize-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-outset resize reference</title>
<title>border-image-outset resize reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

4
layout/reftests/border-image/border-image-outset-resize-1.html
View File

@ -9,8 +9,8 @@
margin: 20px;
border-width: 10px;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1;
-moz-border-image-outset: 10px;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image-outset: 10px;
}
</style>
</head>

2
layout/reftests/border-image/border-image-style-none-auto-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: auto with border-bottom: none reference</title>
<title>border-image-width: auto with border-bottom: none reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

4
layout/reftests/border-image/border-image-style-none-auto.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image-width: auto with border-bottom: none</title>
<title>test of border-image-width: auto with border-bottom: none</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -10,7 +10,7 @@
border-width: 7px;
border-style: solid;
border-bottom: none;
-moz-border-image: url('3x3multicolor.png') 1 1 1 1 / auto;
border-image: url('3x3multicolor.png') 1 1 1 1 / auto;
}
</style>

2
layout/reftests/border-image/border-image-style-none-length-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: length with border-bottom: none reference</title>
<title>border-image-width: length with border-bottom: none reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

4
layout/reftests/border-image/border-image-style-none-length.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image-width: length with border-bottom: none</title>
<title>test of border-image-width: length with border-bottom: none</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -10,7 +10,7 @@
border-width: 3px;
border-style: solid;
border-bottom: none;
-moz-border-image: url('3x3multicolor.png') 1 1 1 1 / 7px;
border-image: url('3x3multicolor.png') 1 1 1 1 / 7px;
}
</style>

2
layout/reftests/border-image/border-image-style-none-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image with border-bottom: none reference</title>
<title>border-image with border-bottom: none reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

4
layout/reftests/border-image/border-image-style-none.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image with border-bottom: none</title>
<title>test of border-image with border-bottom: none</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -10,7 +10,7 @@
border-width: 7px;
border-style: solid;
border-bottom: none;
-moz-border-image: url('3x3multicolor.png') 1 1 1 1 / 1;
border-image: url('3x3multicolor.png') 1 1 1 1 / 1;
}
</style>

2
layout/reftests/border-image/border-image-width-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: 1em reference</title>
<title>border-image-width: 1em reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

4
layout/reftests/border-image/border-image-width-1a.html
View File

@ -1,14 +1,14 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: 2em</title>
<title>border-image-width: 2em</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 1em;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1 / 2em;
border-image: url('3x3green-1DD813.png') 1 1 1 1 / 2em;
}
</style>
</head>

4
layout/reftests/border-image/border-image-width-1b.html
View File

@ -1,14 +1,14 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: 2</title>
<title>border-image-width: 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 1em;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1 / 2;
border-image: url('3x3green-1DD813.png') 1 1 1 1 / 2;
}
</style>
</head>

6
layout/reftests/border-image/border-image-width-1c.html
View File

@ -1,15 +1,15 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: 2</title>
<title>border-image-width: 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 1em;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1;
-moz-border-image-width: 2;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image-width: 2;
}
</style>
</head>

2
layout/reftests/border-image/center-scaling-1.html
View File

@ -3,7 +3,7 @@
div {
border-width: 27px;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-2.html
View File

@ -3,7 +3,7 @@
div {
border-width: 27px 54px;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-3.html
View File

@ -3,7 +3,7 @@
div {
border-width: 54px 27px;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-4b.html
View File

@ -3,7 +3,7 @@
div {
border-width: 27px 27px 0 27px;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-4l.html
View File

@ -3,7 +3,7 @@
div {
border-width: 27px 27px 27px 0;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-4lr.html
View File

@ -3,7 +3,7 @@
div {
border-width: 27px 0 27px 0;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-4r.html
View File

@ -3,7 +3,7 @@
div {
border-width: 27px 0 27px 27px;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-4t.html
View File

@ -3,7 +3,7 @@
div {
border-width: 0 27px 27px 27px;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/center-scaling-4tb.html
View File

@ -3,7 +3,7 @@
div {
border-width: 0 27px 0 27px;
border-style: solid;
-moz-border-image: url("reticule.png") 27 fill round;
border-image: url("reticule.png") 27 fill round;
width: 216px;
height: 108px;
}

2
layout/reftests/border-image/different-h-v-1.html
View File

@ -5,7 +5,7 @@ div {
margin: 27px;
border-width: 1em;
border-style: solid;
-moz-border-image: url("diamonds.png") 27 stretch round;
border-image: url("diamonds.png") 27 stretch round;
width: 270px;
height: 135px;
}

2
layout/reftests/border-image/different-h-v-2.html
View File

@ -5,7 +5,7 @@ div {
margin: 27px;
border-width: 1em;
border-style: solid;
-moz-border-image: url("diamonds.png") 27 round stretch;
border-image: url("diamonds.png") 27 round stretch;
width: 270px;
height: 135px;
}

2
layout/reftests/border-image/different-h-v-ref.html
View File

@ -4,7 +4,7 @@
div {
margin: 27px;
border-width: 1em;
-moz-border-image: url("diamonds.png") 27 stretch;
border-image: url("diamonds.png") 27 stretch;
width: 270px;
height: 135px;
}

2
layout/reftests/border-image/multicolor-image-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

4
layout/reftests/border-image/multicolor-image-1.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -11,7 +11,7 @@
border-style: solid;
background: red; /* fail if this shows through */
background-image: url('3x3multicolor.png'); /* fail if this shows through */
-moz-border-image: url('3x3multicolor.png') 1 1 1 1 fill;
border-image: url('3x3multicolor.png') 1 1 1 1 fill;
-khtml-border-image: url('3x3multicolor.png') 1 1 1 1 fill;
border-image: url('3x3multicolor.png') 1 1 1 1 fill;
}

2
layout/reftests/border-image/multicolor-image-2-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

16
layout/reftests/border-image/multicolor-image-2.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -13,7 +13,7 @@
}
div.one {
-moz-border-image: url(10x5multicolor.png) 2 2 1 3 fill;
border-image: url(10x5multicolor.png) 2 2 1 3 fill;
-khtml-border-image: url(10x5multicolor.png) 2 2 1 3 fill;
border-image: url(10x5multicolor.png) 2 2 1 3 fill;
border-width: 4px 6px 8px 11px;
@ -23,7 +23,7 @@
}
div.two {
-moz-border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
-khtml-border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
border-width: 3px 1px 0px 4px;
@ -33,7 +33,7 @@
}
div.three {
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-width: 10px 2px 5px 3px;
@ -43,7 +43,7 @@
}
div.four {
-moz-border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
-khtml-border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
border-width: 5px 7px 1px 0;
@ -54,7 +54,7 @@
div.five {
border-width: 4px 8px 10px 2px;
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-style: solid;
@ -64,7 +64,7 @@
div.six {
border-width: 4px 0 10px 2px;
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-style: solid;
@ -73,7 +73,7 @@
}
div.seven {
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
border-width: 1px 3px 0 0;

10
layout/reftests/border-image/multicolor-image-3-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image: number repetition</title>
<title>test of border-image: number repetition</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -15,7 +15,7 @@
div.one {
border-width: 4px 6px 8px 6px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 2 2 2 2;
border-image: url(10x5multicolor.png) 2 2 2 2;
-khtml-border-image: url(10x5multicolor.png) 2 2 2 2;
border-image: url(10x5multicolor.png) 2 2 2 2;
width: 5px;
@ -25,7 +25,7 @@
div.two {
border-width: 4px 4px 4px 4px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 2 1 2 1;
border-image: url(10x5multicolor.png) 2 1 2 1;
-khtml-border-image: url(10x5multicolor.png) 2 1 2 1;
border-image: url(10x5multicolor.png) 2 1 2 1;
width: 5px;
@ -35,7 +35,7 @@
div.three {
border-width: 4px 2px 4px 2px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 2 3 1 3;
border-image: url(10x5multicolor.png) 2 3 1 3;
-khtml-border-image: url(10x5multicolor.png) 2 3 1 3;
border-image: url(10x5multicolor.png) 2 3 1 3;
width: 5px;
@ -45,7 +45,7 @@
div.four {
border-width: 4px 3px 4px 3px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 2 3 1 1;
border-image: url(10x5multicolor.png) 2 3 1 1;
-khtml-border-image: url(10x5multicolor.png) 2 3 1 1;
border-image: url(10x5multicolor.png) 2 3 1 1;
width: 5px;

10
layout/reftests/border-image/multicolor-image-3.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image: number repetition</title>
<title>test of border-image: number repetition</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -15,7 +15,7 @@
div.one {
border-width: 4px 6px 8px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 2;
border-image: url(10x5multicolor.png) 2;
-khtml-border-image: url(10x5multicolor.png) 2;
border-image: url(10x5multicolor.png) 2;
width: 5px;
@ -25,7 +25,7 @@
div.two {
border-width: 4px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 2 1;
border-image: url(10x5multicolor.png) 2 1;
-khtml-border-image: url(10x5multicolor.png) 2 1;
border-image: url(10x5multicolor.png) 2 1;
width: 5px;
@ -33,7 +33,7 @@
}
div.three {
-moz-border-image: url(10x5multicolor.png) 2 3 1;
border-image: url(10x5multicolor.png) 2 3 1;
-khtml-border-image: url(10x5multicolor.png) 2 3 1;
border-image: url(10x5multicolor.png) 2 3 1;
border-width: 4px 2px;
@ -45,7 +45,7 @@
div.four {
border-width: 4px 3px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 2 3 1 1;
border-image: url(10x5multicolor.png) 2 3 1 1;
-khtml-border-image: url(10x5multicolor.png) 2 3 1 1;
border-image: url(10x5multicolor.png) 2 3 1 1;
width: 5px;

2
layout/reftests/border-image/multicolor-image-4-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

16
layout/reftests/border-image/multicolor-image-4.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -30,7 +30,7 @@
}
div.one {
-moz-border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
-khtml-border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
border-width: 4px 6px 8px 11px;
@ -40,7 +40,7 @@
}
div.two {
-moz-border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
-khtml-border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
border-width: 3px 1px 0px 4px;
@ -50,7 +50,7 @@
}
div.three {
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
border-width: 10px 2px 5px 3px;
@ -60,7 +60,7 @@
}
div.four {
-moz-border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
-khtml-border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
border-width: 5px 7px 1px 0;
@ -72,7 +72,7 @@
div.five {
border-width: 4px 8px 10px 2px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
width: 0;
@ -82,7 +82,7 @@
div.six {
border-width: 4px 0 10px 2px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill round repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill round repeat;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill round repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill round repeat;
width: 17px;
@ -90,7 +90,7 @@
}
div.seven {
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill stretch repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill stretch repeat;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill stretch repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill stretch repeat;
border-width: 1px 3px 0 0;

2
layout/reftests/border-image/multicolor-image-5-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

16
layout/reftests/border-image/multicolor-image-5.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -31,7 +31,7 @@
}
div.one {
-moz-border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
-khtml-border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
border-image: url(10x5multicolor.png) 2 2 1 3 fill stretch;
border-width: 4px 6px 8px 11px;
@ -41,7 +41,7 @@
}
div.two {
-moz-border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
-khtml-border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill repeat;
border-width: 3px 1px 0px 4px;
@ -51,7 +51,7 @@
}
div.three {
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill round;
border-width: 10px 2px 5px 3px;
@ -61,7 +61,7 @@
}
div.four {
-moz-border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
-khtml-border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
border-image: url(10x5multicolor.png) 2 2 20% 30% fill stretch round;
border-width: 5px 7px 1px 0;
@ -73,7 +73,7 @@
div.five {
border-width: 4px 8px 10px 2px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
border-image: url(10x5multicolor.png) 40% 2 1 30% fill repeat stretch;
width: 0;
@ -83,7 +83,7 @@
div.six {
border-width: 4px 0 10px 2px;
border-style: solid;
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% round repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% round repeat;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% round repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% round repeat;
width: 17px;
@ -91,7 +91,7 @@
}
div.seven {
-moz-border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
-khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
border-width: 1px 3px 0 0;

2
layout/reftests/border-image/repeat-image-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

6
layout/reftests/border-image/repeat-image-1.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -11,7 +11,7 @@
background-image: url('3x3multicolor.png'); /* fail if this shows through */
border-width: 1px 3px;
border-style: solid;
-moz-border-image: url('4x4multicolor.png') 1 1 1 1 repeat;
border-image: url('4x4multicolor.png') 1 1 1 1 repeat;
-khtml-border-image: url('4x4multicolor.png') 1 1 1 1 repeat;
border-image: url('4x4multicolor.png') 1 1 1 1 repeat;
}
@ -21,7 +21,7 @@
background-image: url('3x3multicolor.png'); /* fail if this shows through */
border-width: 1px 3px;
border-style: solid;
-moz-border-image: url('4x4multicolor.png') 1 1 1 1;
border-image: url('4x4multicolor.png') 1 1 1 1;
-khtml-border-image: url('4x4multicolor.png') 1 1 1 1;
border-image: url('4x4multicolor.png') 1 1 1 1;
}

2
layout/reftests/border-image/side-scaling-1h-ref.html
View File

@ -10,7 +10,7 @@ span {
border-style: solid;
border-color: transparent;
border-width: 0 6px;
-moz-border-image: url("roundrectbutton.png") 0 6 repeat stretch;
border-image: url("roundrectbutton.png") 0 6 repeat stretch;
}
</style>
</head><body>

2
layout/reftests/border-image/side-scaling-1h.html
View File

@ -10,7 +10,7 @@ span {
border-style: solid;
border-color: transparent;
border-width: 0 6px;
-moz-border-image: url("roundrectbutton.png") 0 6 repeat;
border-image: url("roundrectbutton.png") 0 6 repeat;
}
</style>
</head><body>

2
layout/reftests/border-image/side-scaling-1v-ref.html
View File

@ -10,7 +10,7 @@ span {
border-style: solid;
border-color: transparent;
border-width: 10px 0;
-moz-border-image: url("roundrectbutton.png") 10 0 stretch repeat;
border-image: url("roundrectbutton.png") 10 0 stretch repeat;
}
</style>
</head><body>

2
layout/reftests/border-image/side-scaling-1v.html
View File

@ -10,7 +10,7 @@ span {
border-style: solid;
border-color: transparent;
border-width: 10px 0;
-moz-border-image: url("roundrectbutton.png") 10 0 repeat;
border-image: url("roundrectbutton.png") 10 0 repeat;
}
</style>
</head><body>

2
layout/reftests/border-image/solid-image-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

4
layout/reftests/border-image/solid-image-1.html
View File

@ -1,14 +1,14 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 1em;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
-khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
}

6
layout/reftests/border-image/solid-image-1a.html
View File

@ -1,15 +1,15 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 1em;
border-style: solid;
-moz-border-image-source: url('3x3green-1DD813.png');
-moz-border-image-slice: 1 1 1 1;
border-image-source: url('3x3green-1DD813.png');
border-image-slice: 1 1 1 1;
}
</style>
</head>

2
layout/reftests/border-image/solid-image-2-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

4
layout/reftests/border-image/solid-image-2.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -9,7 +9,7 @@
div {
border-width: 10px;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
-khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1;
border-image: url('3x3green-1DD813.png') 1 1 1 1;
margin: 1px;

4
layout/reftests/border-image/solid-image-2a.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -9,7 +9,7 @@
div {
border-width: 10px;
border-style: solid;
-moz-border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
-khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
border-image: url('3x3green-1DD813.png') 1 1 1 1 repeat;
margin: 1px;

2
layout/reftests/border-image/transparent-image-1-ref.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

4
layout/reftests/border-image/transparent-image-1.html
View File

@ -1,13 +1,13 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image</title>
<title>test of border-image</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border: double orange 1em;
-moz-border-image: url('3x3transparent.png') 1 1 1 1;
border-image: url('3x3transparent.png') 1 1 1 1;
-khtml-border-image: url('3x3transparent.png') 1 1 1 1;
border-image: url('3x3transparent.png') 1 1 1 1;
}

2
layout/reftests/bugs/455105-2.html
View File

@ -21,7 +21,7 @@ div#above {
background-image: url("data:image/gif;base64,\
R0lGODlhAQABAPAAAACAAAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==");
/* three by three pixel transparent - drawn *instead of* regular border */
-moz-border-image: url("data:image/gif;base64,\
border-image: url("data:image/gif;base64,\
R0lGODlhAwADAPAAAAAAAAAAACH5BAEAAAAALAAAAAADAAMAAAIDhH8FADs=") 1 1;
}
</style>

2
layout/reftests/bugs/468473-1-ref.xul
View File

@ -1,5 +1,5 @@
<?xml version="1.0"?>
<window title="Missing repaint when using -moz-border-image on a XUL button"
<window title="Missing repaint when using border-image on a XUL button"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<hbox>

4
layout/reftests/bugs/468473-1.xul
View File

@ -1,9 +1,9 @@
<?xml version="1.0"?>
<window title="Missing repaint when using -moz-border-image on a XUL button"
<window title="Missing repaint when using border-image on a XUL button"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<hbox>
<button label="Button" style="min-width: 0; -moz-appearance: none; border-width: 0; padding: 0; margin: 0; visibility:hidden; border-width: 0 8px; border-style: solid; -moz-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAsVBMVEUAAAAAAAAAAAD///////8QEBAAAAAHBwcQEBD///8GBgYAAAAAAAAAAAAAAAAODg4AAAA2NjYAAAAAAAAGBgYREREAAAAQEBAAAAA4ODiJiYkSEhIAAADExMQAAAAICAhra2stLS0ODg4JCQklJSX///8HBwcGBgb///////98fHz///////+hoaE4ODj////////e3t6np6dxcXFUVFROTk7///////////////////+i+RpeAAAAO3RSTlNKAEwHAlBRbU8Ff2heWVdcZyFPTX1MZE5VIGpIVFdOXFhVWFdaQWp4El1tIGp6YBhhjYNxbWwnVXeDhIrUVQ0AAACvSURBVHheXdDXDoJAEIXhMztL73ZRFBXE3vv7P5hrognrfzdfMjcHRJIT22q5bsuyE5ZEIIe7lecHYRj4XtVlhyA5inuNplA1G704Yglud0yBb8LstBn9uYla5ryPwRBawwFmI51GM4yFTmKMKfQUTKCnIP9/zJEVOhUZytSoi5GWWCxXNTNWywVovdnufrLbbtYEov3heDpfrtfL+XQ87OlDJG/3x/P1ej7uN6nON0ZMDbf0SRXfAAAAAElFTkSuQmCC) 0 8 fill;"/>
<button label="Button" style="min-width: 0; -moz-appearance: none; border-width: 0; padding: 0; margin: 0; visibility:hidden; border-width: 0 8px; border-style: solid; border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAsVBMVEUAAAAAAAAAAAD///////8QEBAAAAAHBwcQEBD///8GBgYAAAAAAAAAAAAAAAAODg4AAAA2NjYAAAAAAAAGBgYREREAAAAQEBAAAAA4ODiJiYkSEhIAAADExMQAAAAICAhra2stLS0ODg4JCQklJSX///8HBwcGBgb///////98fHz///////+hoaE4ODj////////e3t6np6dxcXFUVFROTk7///////////////////+i+RpeAAAAO3RSTlNKAEwHAlBRbU8Ff2heWVdcZyFPTX1MZE5VIGpIVFdOXFhVWFdaQWp4El1tIGp6YBhhjYNxbWwnVXeDhIrUVQ0AAACvSURBVHheXdDXDoJAEIXhMztL73ZRFBXE3vv7P5hrognrfzdfMjcHRJIT22q5bsuyE5ZEIIe7lecHYRj4XtVlhyA5inuNplA1G704Yglud0yBb8LstBn9uYla5ryPwRBawwFmI51GM4yFTmKMKfQUTKCnIP9/zJEVOhUZytSoi5GWWCxXNTNWywVovdnufrLbbtYEov3heDpfrtfL+XQ87OlDJG/3x/P1ej7uN6nON0ZMDbf0SRXfAAAAAElFTkSuQmCC) 0 8 fill;"/>
<box flex="1" style="background: green" />
</hbox>

2
layout/reftests/first-line/border-not-apply.html
View File

@ -7,7 +7,7 @@ p::first-line {
-moz-border-start: medium solid red ! important;
-moz-border-end: medium solid red ! important;
border: medium solid red ! important;
-moz-border-image: none ! important;
border-image: none ! important;
-moz-float-edge: content-box ! important;
border-radius: 0 ! important;
-moz-border-top-colors: none ! important;

40
layout/reftests/pixel-rounding/border-image-width-0.html
View File

@ -11,29 +11,29 @@ div { position: absolute; height: 10px; width: 10px; border-style: solid; }
</head>
<body>
<div style="top: 10px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2px;"></div>
<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2px;"></div>
</body>
</html>

40
layout/reftests/pixel-rounding/border-image-width-10.html
View File

@ -11,29 +11,29 @@ div { position: absolute; height: 10px; width: 10px; border-style:solid; }
</head>
<body>
<div style="top: 10px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 10px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 10px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 10px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 3px 3px 3px 3px;"></div>
<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 3px 3px 3px 3px;"></div>
<div style="top: 30px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 30px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 30px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 30px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 3px 3px 3px 3px;"></div>
<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 3px 3px 3px 3px;"></div>
<div style="top: 50px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 50px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 50px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 50px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 3px 3px 3px 3px;"></div>
<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 3px 3px 3px 3px;"></div>
<div style="top: 70px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 70px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 70px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 70px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 3px 3px 3px 3px;"></div>
<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 3px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 3px 2px 2px;"></div>
<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 3px 2px;"></div>
<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 3px;"></div>
<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 3px 3px 3px 3px;"></div>
</body>
</html>

40
layout/reftests/pixel-rounding/border-image-width-4.html
View File

@ -11,29 +11,29 @@ div { position: absolute; height: 10px; width: 10px; border-style: solid; }
</head>
<body>
<div style="top: 10px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 10px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 10px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 10px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
<div style="top: 30px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 30px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 30px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 30px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
<div style="top: 50px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 50px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 50px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 50px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
<div style="top: 70px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 70px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 70px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 70px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2.4px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2.4px 2px 2px;"></div>
<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2.4px 2px;"></div>
<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2.4px;"></div>
<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2.4px 2.4px 2.4px 2.4px;"></div>
</body>
</html>

40
layout/reftests/pixel-rounding/border-image-width-9.html
View File

@ -11,29 +11,29 @@ div { position: absolute; height: 10px; width: 10px; border-style: solid;}
</head>
<body>
<div style="top: 10px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 10px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 10px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 10px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
<div style="top: 10px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 10px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 stretch; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 10px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch stretch; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 10px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 10px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
<div style="top: 30px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 30px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 30px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 30px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
<div style="top: 30px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 30px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 30px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 30px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 round; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 30px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 round round; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
<div style="top: 50px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 50px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 50px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 50px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
<div style="top: 50px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 50px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 50px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 50px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 50px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat repeat; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
<div style="top: 70px; left: 110px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; -moz-border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 70px; left: 150px; -moz-border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 70px; left: 170px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 70px; left: 190px; -moz-border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
<div style="top: 70px; left: 110px; border-image: url(random-10x10.png) 3 2 2 3 stretch round; border-width: 2.9px 2px 2px 2px;"></div>
<div style="top: 70px; left: 130px; border-image: url(random-10x10.png) 3 2 2 3 round repeat; border-width: 2px 2.9px 2px 2px;"></div>
<div style="top: 70px; left: 150px; border-image: url(random-10x10.png) 3 2 2 3 stretch repeat; border-width: 2px 2px 2.9px 2px;"></div>
<div style="top: 70px; left: 170px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2px 2px 2px 2.9px;"></div>
<div style="top: 70px; left: 190px; border-image: url(random-10x10.png) 3 2 2 3 repeat round; border-width: 2.9px 2.9px 2.9px 2.9px;"></div>
</body>
</html>

2
layout/reftests/svg/as-image/border-image-simple-1.html
View File

@ -1,6 +1,6 @@
<html>
<body>
<div style="height: 100px; width: 100px;
-moz-border-image: url('lime100x100.png') 0 fill;"/>
border-image: url('lime100x100.png') 0 fill;"/>
</body>
</html>

2
layout/reftests/svg/as-image/border-image-simple-2.html
View File

@ -1,6 +1,6 @@
<html>
<body>
<div style="height: 100px; width: 100px;
-moz-border-image: url('lime100x100-noSVGDimensions.svg') 0 fill;"/>
border-image: url('lime100x100-noSVGDimensions.svg') 0 fill;"/>
</body>
</html>

2
layout/reftests/svg/as-image/reftest.list
View File

@ -21,7 +21,7 @@ include zoom/reftest.list
== background-image-rect-1png.html lime100x100-ref.html
== background-image-rect-2.html lime100x100-ref.html
# Test for -moz-border-image
# Test for border-image
== border-image-simple-1.html lime100x100-ref.html
== border-image-simple-2.html lime100x100-ref.html

1
layout/style/nsCSSPropAliasList.h
View File

@ -35,3 +35,4 @@
******/
CSS_PROP_ALIAS(-moz-border-image, border_image, MozBorderImage, "")

24
layout/style/nsCSSPropList.h
View File

@ -714,15 +714,15 @@ CSS_PROP_BORDER(
eStyleAnimType_None)
#endif
CSS_PROP_SHORTHAND(
-moz-border-image,
border-image,
border_image,
CSS_PROP_DOMPROP_PREFIXED(BorderImage),
BorderImage,
CSS_PROPERTY_PARSE_FUNCTION,
"")
CSS_PROP_BORDER(
-moz-border-image-source,
border-image-source,
border_image_source,
CSS_PROP_DOMPROP_PREFIXED(BorderImageSource),
BorderImageSource,
CSS_PROPERTY_PARSE_VALUE |
CSS_PROPERTY_APPLIES_TO_FIRST_LETTER |
CSS_PROPERTY_START_IMAGE_LOADS,
@ -732,9 +732,9 @@ CSS_PROP_BORDER(
CSS_PROP_NO_OFFSET,
eStyleAnimType_None)
CSS_PROP_BORDER(
-moz-border-image-slice,
border-image-slice,
border_image_slice,
CSS_PROP_DOMPROP_PREFIXED(BorderImageSlice),
BorderImageSlice,
CSS_PROPERTY_PARSE_FUNCTION |
CSS_PROPERTY_APPLIES_TO_FIRST_LETTER,
"",
@ -743,9 +743,9 @@ CSS_PROP_BORDER(
CSS_PROP_NO_OFFSET,
eStyleAnimType_None)
CSS_PROP_BORDER(
-moz-border-image-width,
border-image-width,
border_image_width,
CSS_PROP_DOMPROP_PREFIXED(BorderImageWidth),
BorderImageWidth,
CSS_PROPERTY_PARSE_FUNCTION |
CSS_PROPERTY_APPLIES_TO_FIRST_LETTER,
"",
@ -754,9 +754,9 @@ CSS_PROP_BORDER(
CSS_PROP_NO_OFFSET,
eStyleAnimType_None)
CSS_PROP_BORDER(
-moz-border-image-outset,
border-image-outset,
border_image_outset,
CSS_PROP_DOMPROP_PREFIXED(BorderImageOutset),
BorderImageOutset,
CSS_PROPERTY_PARSE_FUNCTION |
CSS_PROPERTY_APPLIES_TO_FIRST_LETTER,
"",
@ -765,9 +765,9 @@ CSS_PROP_BORDER(
CSS_PROP_NO_OFFSET,
eStyleAnimType_None)
CSS_PROP_BORDER(
-moz-border-image-repeat,
border-image-repeat,
border_image_repeat,
CSS_PROP_DOMPROP_PREFIXED(BorderImageRepeat),
BorderImageRepeat,
CSS_PROPERTY_PARSE_FUNCTION |
CSS_PROPERTY_APPLIES_TO_FIRST_LETTER,
"",

12
layout/style/nsComputedDOMStyle.cpp
View File

@ -4500,6 +4500,12 @@ nsComputedDOMStyle::GetQueryablePropertyMap(PRUint32* aLength)
COMPUTED_STYLE_MAP_ENTRY_LAYOUT(border_bottom_width, BorderBottomWidth),
COMPUTED_STYLE_MAP_ENTRY(border_collapse, BorderCollapse),
//// COMPUTED_STYLE_MAP_ENTRY(border_color, BorderColor),
//// COMPUTED_STYLE_MAP_ENTRY(border_image, BorderImage),
COMPUTED_STYLE_MAP_ENTRY(border_image_outset, BorderImageOutset),
COMPUTED_STYLE_MAP_ENTRY(border_image_repeat, BorderImageRepeat),
COMPUTED_STYLE_MAP_ENTRY(border_image_slice, BorderImageSlice),
COMPUTED_STYLE_MAP_ENTRY(border_image_source, BorderImageSource),
COMPUTED_STYLE_MAP_ENTRY(border_image_width, BorderImageWidth),
//// COMPUTED_STYLE_MAP_ENTRY(border_left, BorderLeft),
COMPUTED_STYLE_MAP_ENTRY(border_left_color, BorderLeftColor),
COMPUTED_STYLE_MAP_ENTRY(border_left_style, BorderLeftStyle),
@ -4620,12 +4626,6 @@ nsComputedDOMStyle::GetQueryablePropertyMap(PRUint32* aLength)
COMPUTED_STYLE_MAP_ENTRY(_moz_background_inline_policy, BackgroundInlinePolicy),
COMPUTED_STYLE_MAP_ENTRY(binding, Binding),
COMPUTED_STYLE_MAP_ENTRY(border_bottom_colors, BorderBottomColors),
//// COMPUTED_STYLE_MAP_ENTRY(border_image, BorderImage),
COMPUTED_STYLE_MAP_ENTRY(border_image_outset, BorderImageOutset),
COMPUTED_STYLE_MAP_ENTRY(border_image_repeat, BorderImageRepeat),
COMPUTED_STYLE_MAP_ENTRY(border_image_slice, BorderImageSlice),
COMPUTED_STYLE_MAP_ENTRY(border_image_source, BorderImageSource),
COMPUTED_STYLE_MAP_ENTRY(border_image_width, BorderImageWidth),
COMPUTED_STYLE_MAP_ENTRY(border_left_colors, BorderLeftColors),
COMPUTED_STYLE_MAP_ENTRY(border_right_colors, BorderRightColors),
COMPUTED_STYLE_MAP_ENTRY(border_top_colors, BorderTopColors),

28
layout/style/test/property_database.js
View File

@ -197,11 +197,11 @@ var gCSSProperties = {
],
invalid_values: [ "5%" ]
},
"-moz-border-image": {
domProp: "MozBorderImage",
"border-image": {
domProp: "borderImage",
inherited: false,
type: CSS_TYPE_TRUE_SHORTHAND,
subproperties: [ "-moz-border-image-source", "-moz-border-image-slice", "-moz-border-image-width", "-moz-border-image-outset", "-moz-border-image-repeat" ],
subproperties: [ "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat" ],
initial_values: [ "none" ],
other_values: [ "url('border.png') 27 27 27 27",
"url('border.png') 27",
@ -233,40 +233,40 @@ var gCSSProperties = {
"url('border.png') / 1",
"url('border.png') / / 1"]
},
"-moz-border-image-source": {
domProp: "MozBorderImageSource",
"border-image-source": {
domProp: "borderImageSource",
inherited: false,
type: CSS_TYPE_LONGHAND,
initial_values: [ "none" ],
other_values: [ "url('border.png')" ],
invalid_values: [ "url('border.png') url('border.png')" ]
},
"-moz-border-image-slice": {
domProp: "MozBorderImageSlice",
"border-image-slice": {
domProp: "borderImageSlice",
inherited: false,
type: CSS_TYPE_LONGHAND,
initial_values: [ "100%", "100% 100% 100% 100%" ],
other_values: [ "0%", "10", "10 100% 0 2", "0 0 0 0", "fill 10 10", "10 10 fill" ],
invalid_values: [ "-10%", "-10", "10 10 10 10 10", "10 10 10 10 -10", "10px", "-10px", "fill", "fill fill 10px", "10px fill fill" ]
},
"-moz-border-image-width": {
domProp: "MozBorderImageWidth",
"border-image-width": {
domProp: "borderImageWidth",
inherited: false,
type: CSS_TYPE_LONGHAND,
initial_values: [ "1", "1 1 1 1" ],
other_values: [ "0", "0%", "0px", "auto auto auto auto", "10 10% auto 15px", "10px 10px 10px 10px", "10", "10 10", "10 10 10" ],
invalid_values: [ "-10", "-10px", "-10%", "10 10 10 10 10", "10 10 10 10 auto", "auto auto auto auto auto" ]
},
"-moz-border-image-outset": {
domProp: "MozBorderImageOutset",
"border-image-outset": {
domProp: "borderImageOutset",
inherited: false,
type: CSS_TYPE_LONGHAND,
initial_values: [ "0", "0 0 0 0" ],
other_values: [ "10px", "10", "10 10", "10 10 10", "10 10 10 10", "10px 10 10 10px" ],
invalid_values: [ "-10", "-10px", "-10%", "10%", "10 10 10 10 10" ]
},
"-moz-border-image-repeat": {
domProp: "MozBorderImageRepeat",
"border-image-repeat": {
domProp: "borderImageRepeat",
inherited: false,
type: CSS_TYPE_LONGHAND,
initial_values: [ "stretch", "stretch stretch" ],
@ -1621,7 +1621,7 @@ var gCSSProperties = {
domProp: "border",
inherited: false,
type: CSS_TYPE_TRUE_SHORTHAND,
subproperties: [ "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left-color", "border-left-style", "border-left-width", "border-right-color", "border-right-style", "border-right-width", "border-top-color", "border-top-style", "border-top-width", "-moz-border-top-colors", "-moz-border-right-colors", "-moz-border-bottom-colors", "-moz-border-left-colors", "-moz-border-image-source", "-moz-border-image-slice", "-moz-border-image-width", "-moz-border-image-outset", "-moz-border-image-repeat" ],
subproperties: [ "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left-color", "border-left-style", "border-left-width", "border-right-color", "border-right-style", "border-right-width", "border-top-color", "border-top-style", "border-top-width", "-moz-border-top-colors", "-moz-border-right-colors", "-moz-border-bottom-colors", "-moz-border-left-colors", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat" ],
initial_values: [ "none", "medium", "currentColor", "thin", "none medium currentcolor", "-moz-calc(4px - 1px) none" ],
other_values: [ "solid", "medium solid", "green solid", "10px solid", "thick solid", "-moz-calc(2px) solid blue" ],
invalid_values: [ "5%" ]

12
layout/style/test/test_shorthand_property_getters.html
View File

@ -21,7 +21,7 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=376075
var e = document.getElementById("display");
var borderExtras = ";-moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none";
var borderExtras = ";-moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none";
// Test that we only serialize the 'border' shorthand when appropriate.
e.setAttribute("style", "border-left: medium solid blue; border-right: medium solid blue; border-top: medium blue solid; border-bottom: blue medium solid" + borderExtras);
@ -169,14 +169,14 @@ is(e.style.MozTransition, "", "should not have -moz-transition shorthand (lists
// Check that the 'border' shorthand resets 'border-image' and
// '-moz-border-*-colors', but that other 'border-*' shorthands don't
// (bug 482692).
e.setAttribute("style", '-moz-border-image: url("foo.png") 5 5 5 5 / 5 5 5 5 / 5 5 5 5 repeat repeat; border-left: medium solid green');
e.setAttribute("style", 'border-image: url("foo.png") 5 5 5 5 / 5 5 5 5 / 5 5 5 5 repeat repeat; border-left: medium solid green');
is(e.style.cssText,
'-moz-border-image: url("foo.png") 5 5 5 5 / 5 5 5 5 / 5 5 5 5 repeat repeat; border-left: medium solid green;',
"border-left does NOT reset -moz-border-image");
e.setAttribute("style", '-moz-border-image: url("foo.png") 5 5 5 5; border: medium solid green');
'border-image: url("foo.png") 5 5 5 5 / 5 5 5 5 / 5 5 5 5 repeat repeat; border-left: medium solid green;',
"border-left does NOT reset border-image");
e.setAttribute("style", 'border-image: url("foo.png") 5 5 5 5; border: medium solid green');
is(e.style.cssText,
'border: medium solid green;',
"border DOES reset -moz-border-image");
"border DOES reset border-image");
e.setAttribute("style", '-moz-border-left-colors: fuchsia blue; border-left: medium solid green');
is(e.style.cssText,
'-moz-border-left-colors: fuchsia blue; border-left: medium solid green;',