Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-multicol/multicol-span-all-rule-002.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<link rel="match" href="multicol-span-all-rule-002-ref.html">
<meta name="assert" content="This test verifies that the column-rule is not painted over a column-span in vertical wirting-modes.">
<style>
section {
display: inline-block;
width: 100px;
height: 400px;
border: 2px solid purple;
columns: 2;
column-gap: 10px;
column-rule: 10px solid orange;
}
.span {
column-span: all;
block-size: 20px;
}
.p {
block-size: 80px;
background-color: lightgreen;
}
</style>
<section style="writing-mode:vertical-lr">
<div class="p"></div>
<div class="span"></div>
<div class="p"></div>
</section>
<section style="writing-mode:vertical-rl">
<div class="p"></div>
<div class="span"></div>
<div class="p"></div>
</section>
<section style="writing-mode:sideways-lr">
<div class="p"></div>
<div class="span"></div>
<div class="p"></div>
</section>
<section style="writing-mode:sideways-rl">
<div class="p"></div>
<div class="span"></div>
<div class="p"></div>
</section>