mirror of
https://github.com/servo/servo.git
synced 2025-08-29 17:18:23 +01:00
Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444
This commit is contained in:
Josh Matthews
Anthony Ramine
parent
25e8bf69e6
commit
665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-break-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-break-000.xht"/>
|
||||
<style type="text/css">
|
||||
div.multicol {
|
||||
margin: 10px 0;
|
||||
font: 10px/10px Ahem;
|
||||
background: yellow;
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
column-width: 20px;
|
||||
column-gap: 0;
|
||||
column-rule: none;
|
||||
}
|
||||
|
||||
div.one { column-fill: auto }
|
||||
div.one div { break-after: column }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol one"><div>0</div><div>0</div><div>0</div></div>
|
||||
<div class="multicol two"><div>0</div><div>0</div><div>0</div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-fill</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-fill-000.xht"/>
|
||||
<style type="text/css">
|
||||
div, table {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 3;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
}
|
||||
|
||||
table, tr, td, p {
|
||||
border-collapse: collapse;
|
||||
margin: 0; padding: 0; border: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The three horizontal bars below should be identical.
|
||||
|
||||
<div class="multicol">
|
||||
<p>0</p>
|
||||
<p>0</p>
|
||||
<p>0</p>
|
||||
</div>
|
||||
|
||||
<div class="multicol">0<br/>0<br/>0</div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-fill-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-fill-001.xht"/>
|
||||
<style type="text/css">
|
||||
div, table {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
column-fill: balance;
|
||||
}
|
||||
|
||||
table, tr, td, p {
|
||||
margin: 0; padding: 0; border: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
div.multicol, table { height: 100px }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The horizontal bars below should be identical.
|
||||
|
||||
<div class="multicol">0<br/>0<br/>0<br/>0<br/>0<br/>0</div>
|
||||
|
||||
<table><tr><td>0<br/>0<br/>0</td><td>0<br/>0<br/>0</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-gap-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-gap-000.xht"/>
|
||||
<style type="text/css">
|
||||
div.multicol {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
background: yellow;
|
||||
width: 600px;
|
||||
column-width: 200px;
|
||||
column-gap: 200px;
|
||||
column-rule: none;
|
||||
}
|
||||
div.ref {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: black;
|
||||
width: 600px;
|
||||
}
|
||||
div.ref span { color: yellow }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">01234567890123456789<br/>01234567890123456789</div>
|
||||
<div class="ref">01234567890123456789<span>01234567890123456789</span>01234567890123456789</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-fill-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-overflow-000.xht"/>
|
||||
<style type="text/css">
|
||||
div, table {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
column-fill: balance;
|
||||
}
|
||||
|
||||
table, tr, td, p {
|
||||
margin: 0; padding: 0; border: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
div.multicol, table { height: 20px }
|
||||
div.table { border-right: 10px solid lime }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The horizontal bars below should be identical.
|
||||
|
||||
<div class="multicol">0<br/>0<br/>0<br/>0<br/>0<br/>0</div>
|
||||
|
||||
<div class="table"><table><tr><td>0<br/>0</td><td>0<br/>0</td></tr></table></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-reduce-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-reduce-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
margin: 1em auto;
|
||||
background: yellow;
|
||||
border: thin solid black;
|
||||
width: 600px;
|
||||
column-width: 202px;
|
||||
column-gap: 0;
|
||||
column-rule: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>This multicol element should have a width of 600 pixels and the content should be flowed into two columns with no gap or rule between them.</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: black;
|
||||
width: 602px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 3;
|
||||
column-gap: 1px;
|
||||
column-rule: 1px solid lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 1px solid lime;
|
||||
border-right: 1px solid lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">01234567890123456789<br/>01234567890123456789<br/>01234567890123456789</div>
|
||||
<div class="ref">01234567890123456789<span>01234567890123456789</span>01234567890123456789</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-001.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: 400px solid lime;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123456789012345678901234567890123456789</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-dashed</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-dashed-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px dashed lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px dashed lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px dotted lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px dotted lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-double</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-double-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px double lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px double lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-groove</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-groove-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px groove lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px groove lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-hidden</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-hidden-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px hidden lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px hidden lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-inset</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-inset-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px inset lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px inset lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-none</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-none-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px none lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px none lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-outset</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-outset-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px outset lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px outset lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-ridge</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-ridge-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px ridge lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px ridge lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-solid</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-rule-solid-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px solid lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px solid lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-span-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<link rel="match" href="reftest/multicol-span-000.xht"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 10px/10px Ahem;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
margin: 0;
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
column-fill: balance;
|
||||
}
|
||||
|
||||
div.column-span { column-span: all }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two bars below should be identical.
|
||||
|
||||
<div class="multicol">0<br/>0<div class="column-span">012345</div>0<br/>0</div>
|
||||
<br/>
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div>012345</div>
|
||||
<div class="multicol">0<br/>0</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-break-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div.multicol {
|
||||
margin: 10px 0;
|
||||
font: 10px/10px Ahem;
|
||||
background: yellow;
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
column-width: 20px;
|
||||
column-gap: 0;
|
||||
column-rule: none;
|
||||
}
|
||||
|
||||
div.one { column-fill: auto }
|
||||
div.one div { break-after: column }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="multicol two"><div>0</div><div>0</div><div>0</div></div>
|
||||
<div class="multicol one"><div>0</div><div>0</div><div>0</div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-fill</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div, table {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 3;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
}
|
||||
|
||||
table, tr, td, p {
|
||||
border-collapse: collapse;
|
||||
margin: 0; padding: 0; border: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The three horizontal bars below should be identical.
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-fill-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div, table {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
column-fill: balance;
|
||||
}
|
||||
|
||||
table, tr, td, p {
|
||||
margin: 0; padding: 0; border: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
div.multicol, table { height: 100px }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The horizontal bars below should be identical.
|
||||
|
||||
<table><tr><td>0<br/>0<br/>0</td><td>0<br/>0<br/>0</td></tr></table>
|
||||
|
||||
<table><tr><td>0<br/>0<br/>0</td><td>0<br/>0<br/>0</td></tr></table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-gap-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div.ref {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: black;
|
||||
width: 600px;
|
||||
}
|
||||
div.ref span { color: yellow }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">01234567890123456789<span>01234567890123456789</span>01234567890123456789</div>
|
||||
<div class="ref">01234567890123456789<span>01234567890123456789</span>01234567890123456789</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-fill-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div, table {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
column-fill: balance;
|
||||
}
|
||||
|
||||
table, tr, td, p {
|
||||
margin: 0; padding: 0; border: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
div.multicol, table { height: 20px }
|
||||
div.table { border-right: 10px solid lime }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The horizontal bars below should be identical.
|
||||
|
||||
<div class="table"><table><tr><td>0<br/>0</td><td>0<br/>0</td></tr></table></div>
|
||||
<div class="table"><table><tr><td>0<br/>0</td><td>0<br/>0</td></tr></table></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-reduce-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
margin: 1em auto;
|
||||
background: yellow;
|
||||
border: thin solid black;
|
||||
width: 600px;
|
||||
columns: 2px;
|
||||
column-gap: 0;
|
||||
column-rule: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>This multicol element should have a width of 600 pixels and the content should be flowed into two columns with no gap or rule between them.</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-000</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: black;
|
||||
width: 602px;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 1px solid lime;
|
||||
border-right: 1px solid lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">01234567890123456789<span>01234567890123456789</span>01234567890123456789</div>
|
||||
<div class="ref">01234567890123456789<span>01234567890123456789</span>01234567890123456789</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 10px/10px Ahem;
|
||||
margin: 1em 0;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: 400px solid lime;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123456789012345678901234567890123456789</div>
|
||||
<div class="ref">0123456789012345678901234567890123456789</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-dashed</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px dashed lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px dashed lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-double</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px double lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px double lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-groove</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px groove lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px groove lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-hidden</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px hidden lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px hidden lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-inset</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px inset lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px inset lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-none</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px none lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px none lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-outset</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px outset lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px outset lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-ridge</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px ridge lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px ridge lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-rule-solid</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 50px/50px Ahem;
|
||||
margin: 10px 0;
|
||||
color: black;
|
||||
background: black;
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
column-rule: 10px solid lime;
|
||||
}
|
||||
|
||||
div.ref span {
|
||||
border-left: 10px solid lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two horizontal bars below should be identical.
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
<div class="ref">0123<span>0123</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>multicol-span-001</title>
|
||||
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com"/>
|
||||
<style type="text/css">
|
||||
div {
|
||||
font: 10px/10px Ahem;
|
||||
color: lime;
|
||||
background: yellow;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div.multicol {
|
||||
margin: 0;
|
||||
columns: 2;
|
||||
column-gap: 0px;
|
||||
column-rule: none;
|
||||
column-fill: balance;
|
||||
}
|
||||
|
||||
div.column-span { column-span: all }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
The two bars below should be identical.
|
||||
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div>012345</div>
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<br/>
|
||||
<div class="multicol">0<br/>0</div>
|
||||
<div>012345</div>
|
||||
<div class="multicol">0<br/>0</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue