css_reference.asp@output=print

W3Schools tutorial..web designing

  </tr>
</table>

<h2><a name="classification">Classification</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_class_clear.asp">clear</a></td>
    <td valign="top">Sets the sides of an element where other floating elements are not allowed</td>
    <td valign="top">left<br />
      right<br />
      both<br />
      none</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_class_cursor.asp">cursor</a></td>
    <td valign="top">Specifies the type of cursor to be displayed</td>
    <td valign="top"><span class="value-inst-uri noxref"><i>url</i><br />
      </span>auto<br />
      crosshair<br />
      default<br />
      pointer<br />
      move<br />
      e-resize<br />
      ne-resize<br />
      nw-resize<br />
      n-resize<br />
      se-resize<br />
      sw-resize<br />
      s-resize<br />
      w-resize<br />
      text<br />
      wait<br />
      help</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_display.asp">display</a></td>
    <td valign="top">Sets how/if an element is displayed</td>
    <td valign="top">none<br />
      inline<br />
      block<br />
      list-item<br />
      run-in<br />
      compact<br />
      marker<br />
      table<br />
      inline-table<br />
      table-row-group<br />
      table-header-group<br />
      table-footer-group<br />
      table-row<br />
      table-column-group<br />
      table-column<br />
      table-cell<br />
      table-caption</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_class_float.asp">float</a></td>
    <td valign="top">Sets where an image or a text will appear in another element</td>
    <td valign="top">left<br />
      right<br />
      none</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_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 />
      fixed</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_class_visibility.asp">visibility</a></td>
    <td valign="top">Sets if an element should be visible or invisible</td>
    <td valign="top">visible<br />
      hidden<br />
      collapse</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
</table>

<h2><a name="dimension">Dimension</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_dim_height.asp">height</a></td>
    <td valign="top">Sets the height of an element</td>
    <td valign="top">auto<i><br />
      length<br />
      %</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_dim_line-height.asp">line-height</a></td>
    <td valign="top">Sets the distance between lines</td>
    <td valign="top">normal<br />
      <i>number<br />
      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_dim_max-height.asp">max-height</a></td>
    <td valign="top">Sets the maximum height of an element</td>
    <td valign="top">none<br />
      <i>
      length<br />
      %</i></td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_dim_max-width.asp">max-width</a></td>
    <td valign="top">Sets the maximum width of an element</td>
    <td valign="top">none<br />
      <i>
      length<br />
      %</i></td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_dim_min-height.asp">min-height</a></td>
    <td valign="top">Sets the minimum height of an element</td>
    <td valign="top">
      <i>
      length<br />
      %</i></td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_dim_min-width.asp">min-width</a></td>
    <td valign="top">Sets the minimum width of an element</td>
    <td valign="top"><i>length<br />
      %</i></td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_dim_width.asp">width</a></td>
    <td valign="top">Sets the width of an element</td>
    <td valign="top">auto<br />
      <i>%<br />
      length</i>&nbsp;&nbsp;</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="font">Font</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_font_font.asp">font</a><br />
    </td>
    <td valign="top">A shorthand property for setting all of the properties for
      a font in one declaration</td>
    <td valign="top"><i>font-style<br />
      font-variant<br />
      font-weight<br />
      font-size/line-height<br />
      font-family<br />
      </i>caption<br />
      icon<br />
      menu<br />
      message-box<br />
      small-caption<br />
      status-bar</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_font_font-family.asp">font-family</a><br />
    </td>
    <td valign="top">A prioritized list of font family names and/or generic
      family names for an element</td>
    <td valign="top"><i>family-name<br />
      generic-family</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_font_font-size.asp">font-size</a><br />
    </td>
    <td valign="top">Sets the size of a font</td>
    <td valign="top">xx-small<br />
      x-small<br />
      small<br />
      medium<br />
      large<br />
      x-large<br />
      xx-large<br />
      smaller<br />
      larger<i><br />
      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_font_font-size-adjust.asp">font-size-adjust</a>
    </td>
    <td valign="top">Specifies an aspect value for an element that will preserve
      the x-height of the first-choice font</td>
    <td valign="top">none<br />
      <i>number</i></td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">-</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_font_font-stretch.asp">font-stretch</a>
    </td>
    <td valign="top">Condenses or expands the current font-family</td>
    <td valign="top">normal<br />
      wider<br />
      narrower<br />
      ultra-condensed<br />
      extra-condensed<br />
      condensed<br />
      semi-condensed<br />
      semi-expanded<br />
      expanded<br />
      extra-expanded<br />
      ultra-expanded</td>
    <td valign="top">-</td>
    <td valign="top">-</td>
    <td valign="top">-</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_font_font-style.asp">font-style</a><br />
    </td>
    <td valign="top">Sets the style of the font</td>
    <td valign="top">normal<br />
      italic<br />
      oblique</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_font_font-variant.asp">font-variant</a><br />
    </td>
    <td valign="top">Displays text in a small-caps font or a normal font</td>
    <td valign="top">normal<br />
      small-caps</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_font_weight.asp">font-weight</a><br />
    </td>
    <td valign="top">Sets the weight of a font</td>
    <td valign="top">normal<br />
      bold<br />
      bolder<br />
      lighter<br />
      100<br />
      200<br />
      300<br />
      400<br />
      500<br />
      600<br />
      700<br />
      800<br />
      900</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="generatedcontent">Generated Content</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_gen_content.asp">content</a>
    </td>
    <td valign="top">Generates content in a document. Used with the :before and :after
      pseudo-elements</td>
    <td valign="top"><i>string</i><br />
      <i>url<br />
      </i>counter(<i>name</i>)<br />
      counter(<i>name, list-style-type</i>)<br />
      counters(<i>name, string</i>)<br />
      counters(<i>name, string, list-style-type</i>)<br />
      attr(X)<br />
      open-quote<br />
      close-quote<br />
      no-open-quote<br />
      no-close-quote</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_gen_counter-increment.asp">counter-increment</a>
    </td>
    <td valign="top">Sets how much the counter increments on each occurrence of a
      selector&nbsp;</td>
    <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_counter-reset.asp">counter-reset</a>
    </td>
    <td valign="top">Sets the value the counter is set to on each occurrence of
      a selector</td>