layout/reftests/w3c-css/received/css-multicol/multicol-table-cell-height-001.xht
author Neerja Pancholi <npancholi@mozilla.com>
Wed, 17 Jan 2018 13:34:12 -0800
changeset 454252 6c200b73f15df4c1038ded120eafda67acf05b21
parent 361227 layout/reftests/w3c-css/received/css-multicol-1/multicol-table-cell-height-001.xht@90fffe47e10ad9c5c06473dd29739b24348efcb8
child 535228 9c5a51b331c230990ffe63f9f73b57d46c2ac20e
permissions -rw-r--r--
Bug 1430939 - Part2:Rename directories in reftests/w3c/received/ to drop version number. r=dholbert MozReview-Commit-ID: ApxSiEnp7Tx

<!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: -moz-column-count and height of table-cell (basic)</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-08-23 -->
  <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of -moz-columns" />
  <link rel="match" href="multicol-table-cell-height-001-ref.xht" />
  <meta name="flags" content="ahem" />
  <meta name="assert" content="This test checks that '-moz-column-count' applies to elements with 'display' set to 'table-cell' which can be constrained with a set height." />
<style type="text/css"><![CDATA[
@font-face {
  font-family: Ahem;
  src: url("../../../fonts/Ahem.ttf");
}
]]></style>
  <style type="text/css"><![CDATA[
  div
  {
  background-color: yellow;
  color: black;
  display: table-cell;
  font: 1.25em/1 Ahem;
  height: 18em;
  orphans: 1;
  widows: 1;
  width: 15em;

  -moz-column-count: 2;
  -moz-column-gap: 2em;

  /*

  N == 2;

  W == 6.5em;

  */
  }
  ]]></style>
 </head>
 <body>

  <div>
  111 222 333 444 555 666 777 888 999
  111 222 333 444 555 666 777 888 999
  111 222 333 444 555 666 777 888 999
  111 222 333 444 555 666 777 888 999
  </div>

 </body>
</html>