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: 165b38a337777a07db471dacd5c9dc35ee07a5d3 authored by Ovidio Henriquez on 30 March 2018, 22:26:25 UTC
Reland "bluetooth: FakeBluetoothChooser impl."
Tip revision: 165b38a
multicol-clip-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: overflowed content inside and outside multicol element</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-07-25 -->
  <link rel="help" href="http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements" title="8.1. Overflow inside multicol elements" />
  <link rel="match" href="multicol-clip-002-ref.xht" />
  <meta name="flags" content="ahem" />
  <meta name="assert" content="This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edges of the multi-column and are therefore hidden thanks to the 'overflow: hidden' declaration." />
  <style type="text/css"><![CDATA[
  div
  {
  background: white;
  border: gray solid 1em;
  color: blue;
  font: 1.25em/1 Ahem;
  orphans: 1;
  overflow: hidden;
  widows: 1;
  width: 11em;

  column-count: 3;
  column-gap: 4em;
  }

  span {color: black;}
  ]]></style>
 </head>
 <body>

  <div>
    <span>
	bl ac
	bl ac
    </span>

    <span>
	bl ac
    </span>
	bl ue
  </div>

 </body>
</html>
back to top