Skip to main content

Browse the archive

https://github.com/web-platform-tests/wpt
26 December 2018, 22:31:15 UTC
Raw File
Tip revision: 9f65d811032d205ffa4cebf3449c1e8e3fecd5c4 authored by Ting-Yu Lin on 26 December 2018, 18:48:28 UTC
Shrink columns width in column-span reftests to fit the window on wpt.
Tip revision: 9f65d81
multicol-rule-large-002.xht 
<!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: over-excessively wide column-rule-width</title>
  <link rel="author" title="Opera Software ASA" href="http://www.opera.com/" />
  <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-03 -->
  <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'" />
  <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2013Sep/0006.html" title="[css3-multicol] z-order of column-rule: below or above border?" />
  <meta name="flags" content="ahem" />
  <meta name="assert" content="This test checks that if a column rule is over-excessively wide, even wider than window viewport, then the column rule will exceed the window viewport width but will not generate an horizontal scrollbar since column rules do not take up space." />
  <style type="text/css"><![CDATA[
  div
  {
  background-color: red;
  border: gray solid 1em;
  color: lime;
  font: 1.25em/1 Ahem;
  orphans: 1;
  widows: 1;
  width: 15em;

  column-count: 4;
  column-gap: 1em;
  column-rule-color: blue;
  column-rule-style: solid;
  column-rule-width: 4000px;
  }
  ]]></style>
 </head>

 <body>

  <p>Test passes if there is no horizontal scrollbar.</p>

  <div>
  1s cl
  2n cl
  3r cl
  4t cl
  </div>

 </body>
</html>
back to top