summaryrefslogtreecommitdiff
path: root/layout/reftests/w3c-css/received/css-multicol-1/multicol-basic-003.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/w3c-css/received/css-multicol-1/multicol-basic-003.html')
-rw-r--r--layout/reftests/w3c-css/received/css-multicol-1/multicol-basic-003.html70
1 files changed, 70 insertions, 0 deletions
diff --git a/layout/reftests/w3c-css/received/css-multicol-1/multicol-basic-003.html b/layout/reftests/w3c-css/received/css-multicol-1/multicol-basic-003.html
new file mode 100644
index 0000000000..49838534bf
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-multicol-1/multicol-basic-003.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<!-- Submitted from TestTWF Paris -->
+<head>
+ <meta charset="utf-8">
+ <title>CSS Test: Multi-column element via -moz-columns: [width]</title>
+ <link rel="author" title="Anselm Hannemann" href="mailto:info@anselm-hannemann.com"/>
+ <link rel="author" title="HÃ¥kon Wium Lie" href="mailto:howcome@opera.com"/>
+ <link rel="help" href="http://www.w3.org/TR/css3-multicol/#columns"/>
+ <link rel="match" href="reference/multicol-basic-ref.html"/>
+ <meta name="flags" content="ahem"/>
+ <link rel="reviewer" title="Elika J Etemad" href="http://fantasai.inkedblade.net/contact">
+
+<style type="text/css">
+@font-face {
+ font-family: Ahem;
+ src: url("../../../fonts/Ahem.ttf");
+}
+</style>
+ <style type="text/css">
+ .multicol-wrapper>*{
+ font-family: Ahem;
+ }
+
+ div.multicol-wrapper{
+ border: thin solid black;
+ display: inline-block;
+ margin: 1em auto;
+ width: 360px;
+ }
+
+ .multicol-basic-ref{
+ background: yellow;
+ width: 360px;
+ -moz-columns: 120px;
+ -moz-column-gap: 0;
+ -moz-column-rule: none;
+ }
+
+ .multicol-basic-ref-item{
+ background: #000;
+ }
+
+ .item-1{
+ background: purple;
+ color: purple;
+ }
+
+ .item-2{
+ background: orange;
+ color: orange;
+ }
+
+ .item-3{
+ background: blue;
+ color: blue;
+ }
+ </style>
+</head>
+<body>
+<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p>
+<div class="multicol-wrapper">
+ <div class="multicol-basic-ref">
+ <span class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span>
+ <span class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span>
+ <span class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</span>
+ </div>
+</div>
+</body>
+</html>