зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1157569 - Reftests for vertical-mode table with border-collapse. r=dholbert
This commit is contained in:
Jonathan Kew
Родитель
0cb8df0560
Коммит
6da0d4638a
|
|
@ -8,3 +8,5 @@
|
|||
== vertical-table-colspan-2.html vertical-table-colspan-2-ref.html
|
||||
== vertical-table-specified-width-1.html vertical-table-specified-width-1-ref.html
|
||||
== vertical-table-specified-width-2.html vertical-table-specified-width-2-ref.html
|
||||
fuzzy-if(cocoaWidget,141,24) == vertical-border-collapse-1.html vertical-border-collapse-1-ref.html
|
||||
fuzzy-if(cocoaWidget,141,24) == vertical-border-collapse-2.html vertical-border-collapse-2-ref.html
|
||||
|
|
|
|||
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset=utf-8>
|
||||
<style>
|
||||
table {
|
||||
margin: 10px;
|
||||
border: 8px solid silver;
|
||||
border-right-color: #666;
|
||||
border-bottom-color: #333;
|
||||
border-spacing: 5px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
td {
|
||||
border: 4px solid black;
|
||||
height: 50px;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
tr:nth-child(2) > td {
|
||||
height: 80px;
|
||||
}
|
||||
tr:nth-child(4) > td {
|
||||
height: 120px;
|
||||
}
|
||||
col:nth-child(even) {
|
||||
background: #ffc;
|
||||
}
|
||||
col:nth-child(odd) {
|
||||
background: #cff;
|
||||
}
|
||||
col:nth-child(1) {
|
||||
background: #fcf;
|
||||
width: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<col/><col/><col/><col/><col/>
|
||||
<tr> <td rowspan=3> </td> <td colspan=3> </td> <td> </td> </tr>
|
||||
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
|
||||
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
|
||||
<tr> <td> </td> <td> </td> <td colspan=2> </td> <td> </td> </tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset=utf-8>
|
||||
<style>
|
||||
table {
|
||||
margin: 10px;
|
||||
border: 8px solid silver;
|
||||
border-right-color: #666;
|
||||
border-bottom-color: #333;
|
||||
border-spacing: 5px;
|
||||
border-collapse: collapse;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
td {
|
||||
border: 4px solid black;
|
||||
height: 50px;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
td.w1 {
|
||||
height: 80px;
|
||||
}
|
||||
td.w2 {
|
||||
height: 120px;
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background: #ffc;
|
||||
}
|
||||
tr:nth-child(odd) {
|
||||
background: #cff;
|
||||
}
|
||||
tr:nth-child(1) {
|
||||
background: #fcf;
|
||||
width: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td colspan=3> </td> <td> </td> </tr>
|
||||
<tr><td rowspan=3> </td><td class="w1"> </td><td> </td><td> </td> </tr>
|
||||
<tr> <td> </td> <td> </td><td rowspan=2> </td> </tr>
|
||||
<tr> <td> </td> <td> </td> </tr>
|
||||
<tr><td> </td> <td> </td> <td> </td><td class="w2"> </td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset=utf-8>
|
||||
<style>
|
||||
table {
|
||||
margin: 10px;
|
||||
border: 8px solid silver;
|
||||
border-right-color: #666;
|
||||
border-bottom-color: #333;
|
||||
border-spacing: 5px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
td {
|
||||
border: 4px solid black;
|
||||
height: 50px;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
tr:nth-child(2) > td {
|
||||
height: 80px;
|
||||
}
|
||||
tr:nth-child(4) > td {
|
||||
height: 120px;
|
||||
}
|
||||
col:nth-child(even) {
|
||||
background: #ffc;
|
||||
}
|
||||
col:nth-child(odd) {
|
||||
background: #cff;
|
||||
}
|
||||
col:nth-child(5) {
|
||||
background: #fcf;
|
||||
width: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<col/><col/><col/><col/><col/>
|
||||
<tr> <td> </td> <td colspan=3> </td> <td rowspan=3> </td> </tr>
|
||||
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
|
||||
<tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr>
|
||||
<tr> <td> </td> <td colspan=2 style="background:#cff"> </td> <td> </td> <td> </td> </tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset=utf-8>
|
||||
<style>
|
||||
table {
|
||||
margin: 10px;
|
||||
border: 8px solid silver;
|
||||
border-right-color: #666;
|
||||
border-bottom-color: #333;
|
||||
border-spacing: 5px;
|
||||
border-collapse: collapse;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
td {
|
||||
border: 4px solid black;
|
||||
height: 50px;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
td.w1 {
|
||||
height: 80px;
|
||||
}
|
||||
td.w2 {
|
||||
height: 120px;
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background: #ffc;
|
||||
}
|
||||
tr:nth-child(odd) {
|
||||
background: #cff;
|
||||
}
|
||||
tr:nth-child(1) {
|
||||
background: #fcf;
|
||||
width: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr><td colspan=3> </td> <td> </td> </tr>
|
||||
<tr><td rowspan=3> </td><td class="w1"> </td><td> </td><td> </td> </tr>
|
||||
<tr> <td> </td> <td> </td><td rowspan=2> </td> </tr>
|
||||
<tr> <td> </td> <td> </td> </tr>
|
||||
<tr><td> </td> <td> </td> <td> </td><td class="w2"> </td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Загрузка…
Ссылка в новой задаче