Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Expand file tree

/

multicol-rule-dashed-000.xht

Copy path
More file actions
More file actions

Latest commit

 

History

History
History
53 lines (42 loc) · 1.52 KB
/

multicol-rule-dashed-000.xht

Copy path

File metadata and controls

53 lines (42 loc) · 1.52 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!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>CSS Multi-column Layout Test: column-rule shorthand with 'dashed' border style</title>
<link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-27 -->
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'" />
<link rel="match" href="multicol-rule-dashed-000-ref.xht" />
<meta name="flags" content="ahem" />
<meta name="assert" content="Tests that the dashed value of column-rule-style is correctly rendered when used in the shorthand column-rule property." />
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="fuzzy" content="maxDifference=0-85; totalPixels=0-20" />
<style type="text/css"><![CDATA[
div
{
background-color: black;
color: black;
font: 3.125em/1 Ahem;
margin-bottom: 0.2em;
width: 8.2em;
}
div#test
{
columns: 2;
column-gap: 0.2em;
column-rule: lime dashed 0.2em;
/*
N == 2;
W == 200px;
*/
orphans: 1;
widows: 1;
}
span {border-left: lime dashed 0.2em;}
]]></style>
</head>
<body>
<p>Test passes if the 2 black stripes with vertical green bars are <strong>identical</strong>.</p>
<div id="test">1 <br />2 </div>
<div id="reference">1234<span>5678</span></div>
</body>
</html>
Morty Proxy This is a proxified and sanitized view of the page, visit original site.