css_reference.asp@output=print

W3Schools tutorial..web designing

    <td valign="top">none<br />
      <i>identifier number</i></td>
    <td valign="top">&nbsp;</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_gen_quotes.asp">quotes</a>
    </td>
    <td valign="top">Sets the type of quotation marks</td>
    <td valign="top">none<br />
      <i>string string</i></td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
</table>

<h2><a name="list">List and Marker</a></h2>
<table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3">
  <tr>
    <th width="25%" align="left">Property</th>
    <th width="30%" align="left">Description</th>
    <th width="25%" align="left">Values</th>
    <th width="5%" align="left">IE</th>
    <th width="4%" align="left">F</th>
    <th width="4%" align="left">N</th>
    <th width="7%" align="left">W3C</th>
  </tr>
  <tr>
    <td valign="top"><a href="pr_list-style.asp">list-style</a></td>
    <td valign="top">A shorthand property for setting all of the properties for
      a list in one declaration</td>
    <td valign="top"><i>list-style-type<br />
      list-style-position<br />
      list-style-image</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_list-style-image.asp">list-style-image</a></td>
    <td valign="top">Sets an image as the list-item marker</td>
    <td valign="top">none<br />
      <i>url</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_list-style-position.asp">list-style-position</a></td>
    <td valign="top">Sets where the list-item marker is placed in the list</td>
    <td valign="top">inside<br />
      outside</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_list-style-type.asp">list-style-type</a></td>
    <td valign="top">Sets the type of the list-item marker</td>
    <td valign="top">none<br />
      disc<br />
      circle<br />
      square<br />
      decimal<br />
      decimal-leading-zero<br />
      lower-roman<br />
      upper-roman<br />
      lower-alpha<br />
      upper-alpha<br />
      lower-greek<br />
      lower-latin<br />
      upper-latin<br />
      hebrew<br />
      armenian<br />
      georgian<br />
      cjk-ideographic<br />
      hiragana<br />
      katakana<br />
      hiragana-iroha<br />
      katakana-iroha&nbsp;</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top">marker-offset</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">auto<br />
      <i>length</i></td>
    <td valign="top">&nbsp;</td>
    <td valign="top">1</td>
    <td valign="top">7</td>
    <td valign="top">2</td>
  </tr>
</table>

<h2><a name="margin">Margin</a></h2>
<table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3">
  <tr>
    <th width="25%" align="left">Property</th>
    <th width="30%" align="left">Description</th>
    <th width="25%" align="left">Values</th>
    <th width="5%" align="left">IE</th>
    <th width="4%" align="left">F</th>
    <th width="4%" align="left">N</th>
    <th width="7%" align="left">W3C</th>
  </tr>
  <tr>
    <td valign="top"><a href="pr_margin.asp">margin</a>
    </td>
    <td valign="top">A shorthand property for setting the margin properties in
      one declaration</td>
    <td valign="top"><i>margin-top<br />
      margin-right<br />
      margin-bottom<br />
      margin-left</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top">
      <p><a href="pr_margin-bottom.asp">margin-bottom</a>
      </p>
    </td>
    <td valign="top">Sets the bottom margin of an element</td>
    <td valign="top">auto<br />
      <i>length<br />
      %</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top">
      <p><a href="pr_margin-left.asp">margin-left</a>
      </p>
    </td>
    <td valign="top">Sets the left margin of an element</td>
    <td valign="top">auto<br />
      <i>length<br />
      %</i></td>
    <td valign="top">3</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top">
      <p><a href="pr_margin-right.asp">margin-right</a>
      </p>
    </td>
    <td valign="top">Sets the right margin of an element</td>
    <td valign="top">auto<br />
      <i>length<br />
      %</i></td>
    <td valign="top">3</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_margin-top.asp">margin-top</a>
    </td>
    <td valign="top">Sets the top margin of an element</td>
    <td valign="top">auto<br />
      <i>length<br />
      %</i></td>
    <td valign="top">3</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
</table>

<h2><a name="outlines">Outlines</a></h2>
<table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3">
  <tr>
    <th width="25%" align="left">Property</th>
    <th width="30%" align="left">Description</th>
    <th width="25%" align="left">Values</th>
    <th width="5%" align="left">IE</th>
    <th width="4%" align="left">F</th>
    <th width="4%" align="left">N</th>
    <th width="7%" align="left">W3C</th>
  </tr>
  <tr>
    <td valign="top"><a href="pr_outline.asp">outline</a>
    </td>
    <td valign="top">A shorthand property for setting all the outline properties in
      one declaration</td>
    <td valign="top"><i>outline-color<br />
      outline-style<br />
      outline-width</i></td>
    <td valign="top">-</td>
    <td valign="top">1.5</td>
    <td valign="top">-</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top">
      <a href="pr_outline-color.asp">
      outline-color</a>
    </td>
    <td valign="top">Sets the color of the outline around an element</td>
    <td valign="top"><i>color<br />
      </i>invert</td>
    <td valign="top">-</td>
    <td valign="top">1.5</td>
    <td valign="top">-</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top">
      <a href="pr_outline-style.asp">
      outline-style</a>
    </td>
    <td valign="top">Sets the style of the outline around an element</td>
    <td valign="top">none<br />
      dotted<br />
      dashed<br />
      solid<br />
      double<br />
      groove<br />
      ridge<br />
      inset<br />
      outset</td>
    <td valign="top">-</td>
    <td valign="top">1.5</td>
    <td valign="top">-</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top">
      <a href="pr_outline-width.asp">
      outline-width</a>
    </td>
    <td valign="top">Sets the width of the outline around an element</td>
    <td valign="top">thin<br />
      medium<br />
      thick<br />
      <i>length</i></td>
    <td valign="top">-</td>
    <td valign="top">1.5</td>
    <td valign="top">-</td>
    <td valign="top">2</td>
  </tr>
</table>

<h2><a name="padding">Padding</a></h2>
<table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3">
  <tr>
    <th width="25%" align="left">Property</th>
    <th width="30%" align="left">Description</th>
    <th width="25%" align="left">Values</th>
    <th width="5%" align="left">IE</th>
    <th width="4%" align="left">F</th>
    <th width="4%" align="left">N</th>
    <th width="7%" align="left">W3C</th>
  </tr>
  <tr>
    <td valign="top"><a href="pr_padding.asp">padding</a></td>
    <td valign="top">A shorthand property for setting all of&nbsp; the padding properties in
      one declaration</td>
    <td valign="top"><i>padding-top<br />
      padding-right<br />
      padding-bottom<br />
      padding-left</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top">
      <p><a href="pr_padding-bottom.asp">padding-bottom</a></p>
    </td>
    <td valign="top">Sets the bottom padding of an element</td>
    <td valign="top"><i>length<br />
      %</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top">
      <p><a href="pr_padding-left.asp">padding-left</a></p>
    </td>
    <td valign="top">Sets the left padding of an element</td>
    <td valign="top"><i>length<br />
      %</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top">
      <p><a href="pr_padding-right.asp">padding-right</a></p>
    </td>
    <td valign="top">Sets the right padding of an element</td>
    <td valign="top"><i>length<br />
      %</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_padding-top.asp">padding-top</a></td>
    <td valign="top">Sets the top padding of an element</td>
    <td valign="top"><i>length<br />
      %</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
</table>

<h2><a name="positioning">Positioning</a></h2>
<table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3">
  <tr>
    <th width="25%" align="left">Property</th>
    <th width="30%" align="left">Description</th>
    <th width="25%" align="left">Values</th>
    <th width="5%" align="left">IE</th>
    <th width="4%" align="left">F</th>
    <th width="4%" align="left">N</th>
    <th width="7%" align="left">W3C</th>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pos_bottom.asp">bottom</a></td>
    <td valign="top">Sets how far the bottom edge of an element is above/below the
      bottom edge of the parent element</td>
    <td valign="top">auto<br />
      <i>%<br />
      length</i></td>
    <td valign="top">5</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pos_clip.asp">clip</a></td>
    <td valign="top">Sets the shape of an element. The element is clipped into
      this shape, and displayed</td>
    <td valign="top"><i>shape<br />
      </i>auto</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pos_left.asp">left</a></td>
    <td valign="top">Sets how far the left edge of an element is to the right/left of
      the left edge of the parent element</td>
    <td valign="top">auto<br />
      <i>%<br />
      length</i></td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pos_overflow.asp">overflow</a><br />
    </td>
    <td valign="top">Sets what happens if the content of an element overflow its
      area</td>
    <td valign="top">visible<br />
      hidden<br />
      scroll<br />
      auto</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_class_position.asp">position</a></td>
    <td valign="top">Places an element in a static, relative, absolute or fixed position</td>
    <td valign="top">static<br />
      relative<br />
      absolute<br />