css_reference.asp@output=print

W3Schools tutorial..web designing

      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_pos_right.asp">right</a></td>
    <td valign="top">Sets how far the right edge of an element is to the left/right of
      the right 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_top.asp">top</a></td>
    <td valign="top">Sets how far the top edge of an element is above/below the
      top 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_vertical-align.asp">vertical-align</a></td>
    <td valign="top">Sets the vertical alignment of an element</td>
    <td valign="top">baseline<br />
      sub<br />
      super<br />
      top<br />
      text-top<br />
      middle<br />
      bottom<br />
      text-bottom<br />
      <i>length</i><br />
      <i>%</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_pos_z-index.asp">z-index</a></td>
    <td valign="top">Sets the stack order of an element</td>
    <td valign="top">auto<br />
      <i>number</i></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="table">Table</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_tab_border-collapse.asp">border-collapse</a></td>
    <td valign="top">Sets whether the table borders are collapsed into a single 
	border or detached as in standard HTML</td>
    <td valign="top">collapse<br />
      separate</td>
    <td valign="top">5</td>
    <td valign="top">1</td>
    <td valign="top">7</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_tab_border-spacing.asp">border-spacing</a></td>
    <td valign="top">Sets the distance that separates cell borders
      (only for the &quot;separated borders&quot; model)</td>
    <td valign="top"><i>length length</i></td>
    <td valign="top">5M</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_tab_caption-side.asp">caption-side</a></td>
    <td valign="top">
      Sets the position of the table caption</td>
    <td valign="top">top<br />
      bottom<br />
      left<br />
      right</td>
    <td valign="top">5M</td>
    <td valign="top"> 1</td>
    <td valign="top">6</td>
    <td valign="top"> 2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_tab_empty-cells.asp">empty-cells</a></td>
    <td valign="top">
      Sets whether or not to show empty cells in a table (only
      for the "separated borders" model)&nbsp;</td>
    <td valign="top">show<br />
      hide</td>
    <td valign="top">5M</td>
    <td valign="top"> 1</td>
    <td valign="top">6</td>
    <td valign="top"> 2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_tab_table-layout.asp">table-layout</a></td>
    <td valign="top">
      Sets the algorithm used to display the table cells, rows, and columns</td>
    <td valign="top">auto<br />
      fixed</td>
    <td valign="top">5</td>
    <td valign="top"> 1</td>
    <td valign="top">6</td>
    <td valign="top"> 2</td>
  </tr>
</table>

<h2><a name="text">Text</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_text_color.asp">color</a></td>
    <td valign="top">Sets the color of a text</td>
    <td valign="top"><i>color</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_text_direction.asp">direction</a></td>
    <td valign="top">Sets the text direction</td>
    <td valign="top">ltr<br />
      rtl</td>
    <td valign="top">6</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_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_text_letter-spacing.asp">letter-spacing</a></td>
    <td valign="top">Increase or decrease the space between characters</td>
    <td valign="top">normal<br />
      <i>length</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_text_text-align.asp">text-align</a></td>
    <td valign="top">Aligns the text in an element</td>
    <td valign="top">left<br />
      right<br />
      center<br />
      justify</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_text_text-decoration.asp">text-decoration</a></td>
    <td valign="top">Adds decoration to text</td>
    <td valign="top">none<br />
      underline<br />
      overline<br />
      line-through<br />
      blink</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_text_text-indent.asp">text-indent</a></td>
    <td valign="top">Indents the first line of text in 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">text-shadow</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">none<br />
      <i>color</i><br />
      <i>length</i></td>
    <td valign="top">&nbsp;</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_text_text-transform.asp">text-transform</a></td>
    <td valign="top">Controls the letters in an element</td>
    <td valign="top">none<br />
      capitalize<br />
      uppercase<br />
      lowercase</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">unicode-bidi</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">normal<br />
      embed<br />
      bidi-override</td>
    <td valign="top">5</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_text_white-space.asp">white-space</a></td>
    <td valign="top">Sets how white space inside an element is handled</td>
    <td valign="top">normal<br />
      pre<br />
      nowrap</td>
    <td valign="top">5</td>
    <td valign="top">1</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_text_word-spacing.asp">word-spacing</a></td>
    <td valign="top">Increase or decrease the space between words</td>
    <td valign="top">normal<br />
      <i>length</i></td>
    <td valign="top">6</td>
    <td valign="top">1</td>
    <td valign="top">6</td>
    <td valign="top">1</td>
  </tr>
</table>

<h2><a name="pseudoclasses">Pseudo-classes</a></h2>
<table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3">
  <tr>
    <th align="left" valign="top" width="25%">Pseudo-class</th>
    <th align="left" valign="top" width="55%">Purpose</th>
    <th align="left" valign="top" width="5%">IE</th>
    <th align="left" valign="top" width="4%">F</th>
    <th align="left" valign="top" width="4%">N</th>
    <th align="left" valign="top" width="7%">W3C</th>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_active.asp">:active</a></td>
    <td valign="top">Adds special style to an activated element</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">8</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_focus.asp">:focus</a></td>
    <td valign="top">Adds special style to an element while the element has 
	focus</td>
    <td valign="top">-</td>
    <td valign="top">1.5</td>
    <td valign="top">8</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_hover.asp">:hover</a></td>
    <td valign="top">Adds special style to an element when you mouse over&nbsp; it</td>
    <td valign="top">4</td>
    <td valign="top">1</td>
    <td valign="top">7</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_link.asp">:link</a></td>
    <td valign="top">Adds special style to an unvisited link</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_pseudo_visited.asp">:visited</a></td>
    <td valign="top">Adds special style to a visited link</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_pseudo_first-child.asp">:first-child</a></td>
    <td valign="top">Adds special style to an element that is the first child of some other element</td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">7</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_lang.asp">:lang</a></td>
    <td valign="top">Allows the author to specify a language to use in a specified element</td>
    <td valign="top">-</td>
    <td valign="top">1</td>
    <td valign="top">8</td>
    <td valign="top">2</td>
  </tr>
</table>

<h2><a name="pseudoel">Pseudo-elements</a></h2>
<table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3">
  <tr>
    <th align="left" valign="top" width="25%">Pseudo-element</th>
    <th align="left" valign="top" width="55%">Purpose</th>
    <th align="left" valign="top" width="5%">IE</th>
    <th align="left" valign="top" width="4%">F</th>
    <th align="left" valign="top" width="4%">N</th>
    <th align="left" valign="top" width="7%">W3C</th>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_first-letter.asp">:first-letter</a></td>
    <td valign="top">Adds special style to the first letter of a text</td>
    <td valign="top">5</td>
    <td valign="top">1</td>
    <td valign="top">8</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_first-line.asp">:first-line</a></td>
    <td valign="top">Adds special style to the first line of a text</td>
    <td valign="top">5</td>
    <td valign="top">1</td>
    <td valign="top">8</td>
    <td valign="top">1</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_before.asp">:before</a></td>
    <td valign="top">Inserts some content before an element</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">1.5</td>
    <td valign="top">8</td>
    <td valign="top">2</td>
  </tr>
  <tr>
    <td valign="top"><a href="pr_pseudo_after.asp">:after</a></td>
    <td valign="top">Inserts some content after an element</td>
    <td valign="top">&nbsp;</td>
    <td valign="top">1.5</td>
    <td valign="top">8</td>
    <td valign="top">2</td>
  </tr>
</table>
<br />
<hr />
<a href="css_examples.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
 <a href="css_ref_print.asp"><img border="0" src="../images/btn_next.gif" width="100" height="20" alt="Next" /></a>

<p>From <b>http://www.w3schools.com</b> (Copyright Refsnes Data)</p>

</body>
</html>