зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1530048 part 2: Add test to verify that table, td, and th draw borders using 'currentColor'. r=dbaron
Differential Revision: https://phabricator.services.mozilla.com/D21249 --HG-- extra : moz-landing-system : lando
This commit is contained in:
Родитель
e2f3884dca
Коммит
23e76434b1
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>Reference for default 'border-color' on table (with 'color' set)</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<style>
|
||||
* {
|
||||
border-color: teal;
|
||||
/* This only affects the elements that we specify 'border-style' on: */
|
||||
border-width: 6px;
|
||||
}
|
||||
|
||||
table {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border-spacing: 0;
|
||||
|
||||
/* To test in "rows": */
|
||||
float: left;
|
||||
margin: 1px;
|
||||
}
|
||||
br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.dotted {
|
||||
border-style: dotted;
|
||||
}
|
||||
.dashed {
|
||||
border-style: dashed;
|
||||
}
|
||||
.solid {
|
||||
border-style: solid;
|
||||
}
|
||||
.double {
|
||||
border-style: double;
|
||||
}
|
||||
.groove {
|
||||
border-style: groove;
|
||||
}
|
||||
.ridge {
|
||||
border-style: ridge;
|
||||
}
|
||||
.inset {
|
||||
border-style: inset;
|
||||
}
|
||||
.outset {
|
||||
border-style: outset;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<table class="dotted"><td></td></table>
|
||||
<table><th class="dotted"></th></table>
|
||||
<table><td class="dotted"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="dashed"><td></td></table>
|
||||
<table><th class="dashed"></th></table>
|
||||
<table><td class="dashed"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="solid"><td></td></table>
|
||||
<table><th class="solid"></th></table>
|
||||
<table><td class="solid"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="double"><td></td></table>
|
||||
<table><th class="double"></th></table>
|
||||
<table><td class="double"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="groove"><td></td></table>
|
||||
<table><th class="groove"></th></table>
|
||||
<table><td class="groove"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="ridge"><td></td></table>
|
||||
<table><th class="ridge"></th></table>
|
||||
<table><td class="ridge"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="inset"><td></td></table>
|
||||
<table><th class="inset"></th></table>
|
||||
<table><td class="inset"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="outset"><td></td></table>
|
||||
<table><th class="outset"></th></table>
|
||||
<table><td class="outset"></td></table>
|
||||
<br>
|
|
@ -0,0 +1,95 @@
|
|||
<!-- Intentionally omitting doctype, to test quirks mode. -->
|
||||
<head>
|
||||
<title>Testing default 'border-color' on table (with 'color' set), in quirks mode</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#tables-2">
|
||||
<link rel="match" href="table-border-3-ref.html">
|
||||
<style>
|
||||
* {
|
||||
/* This sets the used value of 'currentColor', which is what should be
|
||||
used for all border-coloring in this test: */
|
||||
color: teal;
|
||||
/* This only affects the elements that we specify 'border-style' on: */
|
||||
border-width: 6px;
|
||||
}
|
||||
|
||||
table {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border-spacing: 0;
|
||||
|
||||
/* To test in "rows": */
|
||||
float: left;
|
||||
margin: 1px;
|
||||
}
|
||||
br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.dotted {
|
||||
border-style: dotted;
|
||||
}
|
||||
.dashed {
|
||||
border-style: dashed;
|
||||
}
|
||||
.solid {
|
||||
border-style: solid;
|
||||
}
|
||||
.double {
|
||||
border-style: double;
|
||||
}
|
||||
.groove {
|
||||
border-style: groove;
|
||||
}
|
||||
.ridge {
|
||||
border-style: ridge;
|
||||
}
|
||||
.inset {
|
||||
border-style: inset;
|
||||
}
|
||||
.outset {
|
||||
border-style: outset;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<table class="dotted"><td></td></table>
|
||||
<table><th class="dotted"></th></table>
|
||||
<table><td class="dotted"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="dashed"><td></td></table>
|
||||
<table><th class="dashed"></th></table>
|
||||
<table><td class="dashed"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="solid"><td></td></table>
|
||||
<table><th class="solid"></th></table>
|
||||
<table><td class="solid"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="double"><td></td></table>
|
||||
<table><th class="double"></th></table>
|
||||
<table><td class="double"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="groove"><td></td></table>
|
||||
<table><th class="groove"></th></table>
|
||||
<table><td class="groove"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="ridge"><td></td></table>
|
||||
<table><th class="ridge"></th></table>
|
||||
<table><td class="ridge"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="inset"><td></td></table>
|
||||
<table><th class="inset"></th></table>
|
||||
<table><td class="inset"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="outset"><td></td></table>
|
||||
<table><th class="outset"></th></table>
|
||||
<table><td class="outset"></td></table>
|
||||
<br>
|
|
@ -0,0 +1,95 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>Testing default 'border-color' on table (with 'color' set), in standards mode</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#tables-2">
|
||||
<link rel="match" href="table-border-3-ref.html">
|
||||
<style>
|
||||
* {
|
||||
/* This sets the used value of 'currentColor', which is what should be
|
||||
used for all border-coloring in this test: */
|
||||
color: teal;
|
||||
/* This only affects the elements that we specify 'border-style' on: */
|
||||
border-width: 6px;
|
||||
}
|
||||
|
||||
table {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border-spacing: 0;
|
||||
|
||||
/* To test in "rows": */
|
||||
float: left;
|
||||
margin: 1px;
|
||||
}
|
||||
br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.dotted {
|
||||
border-style: dotted;
|
||||
}
|
||||
.dashed {
|
||||
border-style: dashed;
|
||||
}
|
||||
.solid {
|
||||
border-style: solid;
|
||||
}
|
||||
.double {
|
||||
border-style: double;
|
||||
}
|
||||
.groove {
|
||||
border-style: groove;
|
||||
}
|
||||
.ridge {
|
||||
border-style: ridge;
|
||||
}
|
||||
.inset {
|
||||
border-style: inset;
|
||||
}
|
||||
.outset {
|
||||
border-style: outset;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<table class="dotted"><td></td></table>
|
||||
<table><th class="dotted"></th></table>
|
||||
<table><td class="dotted"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="dashed"><td></td></table>
|
||||
<table><th class="dashed"></th></table>
|
||||
<table><td class="dashed"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="solid"><td></td></table>
|
||||
<table><th class="solid"></th></table>
|
||||
<table><td class="solid"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="double"><td></td></table>
|
||||
<table><th class="double"></th></table>
|
||||
<table><td class="double"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="groove"><td></td></table>
|
||||
<table><th class="groove"></th></table>
|
||||
<table><td class="groove"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="ridge"><td></td></table>
|
||||
<table><th class="ridge"></th></table>
|
||||
<table><td class="ridge"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="inset"><td></td></table>
|
||||
<table><th class="inset"></th></table>
|
||||
<table><td class="inset"></td></table>
|
||||
<br>
|
||||
|
||||
<table class="outset"><td></td></table>
|
||||
<table><th class="outset"></th></table>
|
||||
<table><td class="outset"></td></table>
|
||||
<br>
|
Загрузка…
Ссылка в новой задаче