Backed out changeset e8d313145a59 (bug 382721)
До Ширина: | Высота: | Размер: 6.0 KiB |
До Ширина: | Высота: | Размер: 5.3 KiB |
|
@ -1,79 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>dashed border with no radius</title>
|
||||
<style>
|
||||
.box {
|
||||
position: relative;
|
||||
width: 420px;
|
||||
height: 420px;
|
||||
}
|
||||
.mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 10px;
|
||||
empty-cells: show;
|
||||
}
|
||||
td {
|
||||
border-style: dashed;
|
||||
border-color: black;
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.A {
|
||||
border-width: 1px;
|
||||
}
|
||||
.B {
|
||||
border-width: 2px;
|
||||
}
|
||||
.C {
|
||||
border-width: 6px;
|
||||
}
|
||||
.D {
|
||||
border-width: 8px;
|
||||
}
|
||||
.E {
|
||||
border-width: 16px;
|
||||
}
|
||||
.F {
|
||||
border-width: 24px;
|
||||
}
|
||||
.G {
|
||||
border-width: 32px;
|
||||
}
|
||||
.H {
|
||||
border-width: 48px;
|
||||
}
|
||||
.I {
|
||||
border-width: 60px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dashed-no-radius-filled-mask.png">
|
||||
</div>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dashed-no-radius-unfilled-mask.png">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
До Ширина: | Высота: | Размер: 6.0 KiB |
До Ширина: | Высота: | Размер: 5.6 KiB |
|
@ -1,80 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>dashed border with radius</title>
|
||||
<style>
|
||||
.box {
|
||||
position: relative;
|
||||
width: 420px;
|
||||
height: 420px;
|
||||
}
|
||||
.mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 10px;
|
||||
empty-cells: show;
|
||||
}
|
||||
td {
|
||||
border-style: dashed;
|
||||
border-radius: 24px;
|
||||
border-color: black;
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.A {
|
||||
border-width: 1px;
|
||||
}
|
||||
.B {
|
||||
border-width: 2px;
|
||||
}
|
||||
.C {
|
||||
border-width: 6px;
|
||||
}
|
||||
.D {
|
||||
border-width: 8px;
|
||||
}
|
||||
.E {
|
||||
border-width: 16px;
|
||||
}
|
||||
.F {
|
||||
border-width: 24px;
|
||||
}
|
||||
.G {
|
||||
border-width: 32px;
|
||||
}
|
||||
.H {
|
||||
border-width: 48px;
|
||||
}
|
||||
.I {
|
||||
border-width: 60px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dashed-radius-filled-mask.png">
|
||||
</div>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dashed-radius-unfilled-mask.png">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
До Ширина: | Высота: | Размер: 7.6 KiB |
До Ширина: | Высота: | Размер: 6.0 KiB |
|
@ -1,67 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Corner interaction with dotted and other border</title>
|
||||
<style>
|
||||
.box {
|
||||
position: relative;
|
||||
width: 420px;
|
||||
height: 420px;
|
||||
}
|
||||
.mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 10px;
|
||||
empty-cells: show;
|
||||
margin: 0px;
|
||||
}
|
||||
td {
|
||||
border-color: black;
|
||||
border-width: 10px;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
table .a { border-top-style: none; border-right-style: none; }
|
||||
table .A { border-bottom-style: none; border-left-style: none; }
|
||||
table .b { border-top-style: solid; border-right-style: solid; }
|
||||
table .B { border-bottom-style: solid; border-left-style: solid; }
|
||||
table .c { border-top-style: double; border-right-style: double; }
|
||||
table .C { border-bottom-style: double; border-left-style: double; }
|
||||
table .d { border-top-style: dashed; border-right-style: dashed; }
|
||||
table .D { border-bottom-style: dashed; border-left-style: dashed; }
|
||||
table .e { border-top-style: dotted; border-right-style: dotted; }
|
||||
table .E { border-bottom-style: dotted; border-left-style: dotted; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A a"></td><td class="A b"></td><td class="A c"></td><td class="A d"></td><td class="A e"></td></tr>
|
||||
<tr><td class="B a"></td><td class="B b"></td><td class="B c"></td><td class="B d"></td><td class="B e"></td></tr>
|
||||
<tr><td class="C a"></td><td class="C b"></td><td class="C c"></td><td class="C d"></td><td class="C e"></td></tr>
|
||||
<tr><td class="D a"></td><td class="D b"></td><td class="D c"></td><td class="D d"></td><td class="D e"></td></tr>
|
||||
<tr><td class="E a"></td><td class="E b"></td><td class="E c"></td><td class="E d"></td><td class="E e"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dotted-interaction-filled-mask.png">
|
||||
</div>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A a"></td><td class="A b"></td><td class="A c"></td><td class="A d"></td><td class="A e"></td></tr>
|
||||
<tr><td class="B a"></td><td class="B b"></td><td class="B c"></td><td class="B d"></td><td class="B e"></td></tr>
|
||||
<tr><td class="C a"></td><td class="C b"></td><td class="C c"></td><td class="C d"></td><td class="C e"></td></tr>
|
||||
<tr><td class="D a"></td><td class="D b"></td><td class="D c"></td><td class="D d"></td><td class="D e"></td></tr>
|
||||
<tr><td class="E a"></td><td class="E b"></td><td class="E c"></td><td class="E d"></td><td class="E e"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dotted-interaction-unfilled-mask.png">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
До Ширина: | Высота: | Размер: 5.3 KiB |
До Ширина: | Высота: | Размер: 4.6 KiB |
|
@ -1,81 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>dotted border with no radius</title>
|
||||
<style>
|
||||
.box {
|
||||
position: relative;
|
||||
width: 420px;
|
||||
height: 420px;
|
||||
}
|
||||
.mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 10px;
|
||||
empty-cells: show;
|
||||
}
|
||||
td {
|
||||
border-style: dotted;
|
||||
border-color: black;
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.A {
|
||||
/* Rendering with 1px depends on OS due to optimization */
|
||||
border-width: 0px;
|
||||
}
|
||||
.B {
|
||||
/* Rendering with 2px depends on OS due to optimization */
|
||||
border-width: 0px;
|
||||
}
|
||||
.C {
|
||||
border-width: 6px;
|
||||
}
|
||||
.D {
|
||||
border-width: 8px;
|
||||
}
|
||||
.E {
|
||||
border-width: 16px;
|
||||
}
|
||||
.F {
|
||||
border-width: 24px;
|
||||
}
|
||||
.G {
|
||||
border-width: 32px;
|
||||
}
|
||||
.H {
|
||||
border-width: 48px;
|
||||
}
|
||||
.I {
|
||||
border-width: 60px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dotted-no-radius-filled-mask.png">
|
||||
</div>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dotted-no-radius-unfilled-mask.png">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
До Ширина: | Высота: | Размер: 6.4 KiB |
До Ширина: | Высота: | Размер: 5.9 KiB |
|
@ -1,80 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>dotted border with radius</title>
|
||||
<style>
|
||||
.box {
|
||||
position: relative;
|
||||
width: 420px;
|
||||
height: 420px;
|
||||
}
|
||||
.mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 10px;
|
||||
empty-cells: show;
|
||||
}
|
||||
td {
|
||||
border-style: dotted;
|
||||
border-radius: 24px;
|
||||
border-color: black;
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.A {
|
||||
border-width: 1px;
|
||||
}
|
||||
.B {
|
||||
border-width: 2px;
|
||||
}
|
||||
.C {
|
||||
border-width: 6px;
|
||||
}
|
||||
.D {
|
||||
border-width: 8px;
|
||||
}
|
||||
.E {
|
||||
border-width: 16px;
|
||||
}
|
||||
.F {
|
||||
border-width: 24px;
|
||||
}
|
||||
.G {
|
||||
border-width: 32px;
|
||||
}
|
||||
.H {
|
||||
border-width: 48px;
|
||||
}
|
||||
.I {
|
||||
border-width: 60px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dotted-radius-filled-mask.png">
|
||||
</div>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-dotted-radius-unfilled-mask.png">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
Двоичные данные
layout/reftests/border-dotted/border-mixed-filled-mask.png
До Ширина: | Высота: | Размер: 8.6 KiB |
Двоичные данные
layout/reftests/border-dotted/border-mixed-unfilled-mask.png
До Ширина: | Высота: | Размер: 8.1 KiB |
|
@ -1,79 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>mixed border with mixed radius</title>
|
||||
<style>
|
||||
.box {
|
||||
position: relative;
|
||||
width: 420px;
|
||||
height: 420px;
|
||||
}
|
||||
.mask {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 10px;
|
||||
empty-cells: show;
|
||||
}
|
||||
td {
|
||||
border-color: black;
|
||||
border-width: 12px 18px 8px 24px;
|
||||
border-style: dotted dotted dashed double;
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.A {
|
||||
}
|
||||
.B {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.C {
|
||||
border-radius: 16px;
|
||||
}
|
||||
.D {
|
||||
border-radius: 32px;
|
||||
}
|
||||
.E {
|
||||
border-radius: 48px;
|
||||
}
|
||||
.F {
|
||||
border-radius: 60px;
|
||||
}
|
||||
.G {
|
||||
border-radius: 60px/24px;
|
||||
}
|
||||
.H {
|
||||
border-radius: 0px 60px;
|
||||
}
|
||||
.I {
|
||||
border-radius: 60px 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-mixed-filled-mask.png">
|
||||
</div>
|
||||
<div class="box">
|
||||
<table>
|
||||
<tr><td class="A"></td><td class="B"></td><td class="C"></td></tr>
|
||||
<tr><td class="D"></td><td class="E"></td><td class="F"></td></tr>
|
||||
<tr><td class="G"></td><td class="H"></td><td class="I"></td></tr>
|
||||
</table>
|
||||
<img class="mask" src="border-mixed-unfilled-mask.png">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Correctly masked page</title>
|
||||
<style>
|
||||
.box {
|
||||
position: relative;
|
||||
width: 420px;
|
||||
height: 420px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="box" style="background-color: black;">
|
||||
</div>
|
||||
<div class="box" style="background-color: white;">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
# Composing dotted/dashed border rendering and not-filled or not-unfilled mask
|
||||
# matches to full-filled box, using fuzzyy because of anti-aliasing.
|
||||
# These check filled and unfilled regions with solid opaque color,
|
||||
# so difference less than 64 is ignorable.
|
||||
fuzzy(64,500) == border-dotted-interaction.html masked.html
|
||||
fuzzy(64,500) == border-dotted-no-radius.html masked.html
|
||||
fuzzy(64,500) == border-dotted-radius.html masked.html
|
||||
fuzzy(64,500) == border-dashed-no-radius.html masked.html
|
||||
fuzzy(64,500) == border-dashed-radius.html masked.html
|
||||
fuzzy(64,500) == border-mixed.html masked.html
|
|
@ -27,9 +27,6 @@ include backgrounds/reftest.list
|
|||
# bidi/
|
||||
include bidi/reftest.list
|
||||
|
||||
# border with dashed/dotted
|
||||
include border-dotted/reftest.list
|
||||
|
||||
# border-image
|
||||
include border-image/reftest.list
|
||||
|
||||
|
|