topical media & game development

talk show tell print

basic-css-17-Exercises-exercise17-1.css / css



  * {
      font-size: 100%;
      font-family: monospace;
  }
  body {
      display: block;
      margin: 13px;
  }
  table {
      display: table;
      width: 300px;
      caption-side: bottom;
      border: thin solid black;
      table-layout: fixed;
      /* border-collapse: collapse; is also acceptable */
      border-spacing: 0;
  }
  colgroup {
      display: table-column-group;    
  }
  col {
      display: table-column;
  }
  thead {
      display: table-header-group; 
  }
  tbody {
      display: table-row-group;
  }
  tr {
      display: table-row;
  }
  th, td {
      display: table-cell;
      border: thin solid black;
      text-align: center;
      font-weight: bold;
      overflow: hidden;
  }
  th {
      background: lightgrey;
  }
  td {
      vertical-align: top;
  }
  caption {
      display: table-caption;
      font-size: 90%;
      text-align: right;
  }
  td, th, caption {
      padding: 5px;
  }


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.