summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-multicol/reference/subpixel-column-rule-width-ref.tentative.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-multicol/reference/subpixel-column-rule-width-ref.tentative.html')
-rw-r--r--testing/web-platform/tests/css/css-multicol/reference/subpixel-column-rule-width-ref.tentative.html92
1 files changed, 92 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-multicol/reference/subpixel-column-rule-width-ref.tentative.html b/testing/web-platform/tests/css/css-multicol/reference/subpixel-column-rule-width-ref.tentative.html
new file mode 100644
index 0000000000..47300675fb
--- /dev/null
+++ b/testing/web-platform/tests/css/css-multicol/reference/subpixel-column-rule-width-ref.tentative.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <title>
+ CSS Column-Rule: width computed value
+ </title>
+
+ <link rel="author" title="Traian Captan" href="mailto:tcaptan@chromium.org">
+
+ <style>
+ .columns {
+ column-count: 2;
+ column-rule: 1px solid gray;
+ width: 420px;
+ height: 50px;
+ }
+ </style>
+</head>
+
+<body>
+ <h1>
+ Test passes if column rule widths are rounded up
+ when they are greater than 0 and less than 1,
+ and rounded down when they are greater than 1.
+ </h1>
+
+ <div class="columns">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns" style="column-rule-width: 3px;">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns" style="column-rule-width: 3px;">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+
+ <div class="columns" style="column-rule-width: 3px;">
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua.
+ </div>
+</body>
+
+</html>