Просмотр исходного текста страницы HTML CSS Reference/CSS Attributes and Javascript Style Properties

* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/ important |  important]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/ScrollBarColorProperties | ScrollBarColorProperties]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/accelerator | accelerator]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/active | active]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background | background]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background attachment | background attachment]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background color | background color]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background image | background image]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background position | background position]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background position x | background position x]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background position y | background position y]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/background repeat | background repeat]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/behavior | behavior]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border | border]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border bottom | border bottom]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border bottom color | border bottom color]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border bottom style | border bottom style]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border bottom width | border bottom width]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border collapse | border collapse]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border color | border color]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border left | border left]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border left color | border left color]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border left style | border left style]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border left width | border left width]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border right | border right]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border right color | border right color]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border right style | border right style]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border right width | border right width]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border style | border style]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border top | border top]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border top color | border top color]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border top style | border top style]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border top width | border top width]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/border width | border width]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/bottom | bottom]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/charset | charset]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/clear | clear]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/clip | clip]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/color | color]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/cursor | cursor]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/direction | direction]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/display | display]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/filter | filter]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/first letter | first letter]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/first line | first line]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/float | float]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/hasLayout | hasLayout]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/height | height]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/hover | hover]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/ime mode | ime mode]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/import | import]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout flow | layout flow]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid | layout grid]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid char | layout grid char]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid line | layout grid line]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid mode | layout grid mode]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid type | layout grid type]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/left | left]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/letter spacing | letter spacing]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/line break | line break]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/line height | line height]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/link | link]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/list style | list style]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/list style image | list style image]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/list style position | list style position]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/list style type | list style type]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/margin | margin]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/margin bottom | margin bottom]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/margin left | margin left]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/margin right | margin right]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/margin top | margin top]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/media | media]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/min height | min height]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/overflow | overflow]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/overflow x | overflow x]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/overflow y | overflow y]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/padding | padding]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/padding bottom | padding bottom]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/padding left | padding left]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/padding right | padding right]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/padding top | padding top]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/page | page]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/page break after | page break after]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/page break before | page break before]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/page break inside | page break inside]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/pixelBottom | pixelBottom]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/pixelHeight | pixelHeight]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/pixelLeft | pixelLeft]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/pixelRight | pixelRight]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/pixelTop | pixelTop]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/pixelWidth | pixelWidth]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/posBottom | posBottom]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/posHeight | posHeight]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/posLeft | posLeft]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/posRight | posRight]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/posTop | posTop]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/posWidth | posWidth]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/position | position]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/right | right]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/ruby align | ruby align]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/ruby overhang | ruby overhang]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/ruby position | ruby position]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/styleFloat | styleFloat]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/table layout | table layout]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text align | text align]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text align last | text align last]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text autospace | text autospace]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text decoration | text decoration]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text indent | text indent]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text justify | text justify]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text kashida space | text kashida space]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text overflow | text overflow]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text transform | text transform]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/text underline position | text underline position]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/textDecorationLineThrough | textDecorationLineThrough]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/textDecorationNone | textDecorationNone]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/textDecorationOverline | textDecorationOverline]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/textDecorationUnderline | textDecorationUnderline]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/top | top]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/unicode bidi | unicode bidi]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/vertical align | vertical align]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/visibility | visibility]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/visited | visited]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/white space | white space]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/width | width]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/word break | word break]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/word spacing | word spacing]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/word wrap | word wrap]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/writing mode | writing mode]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/z index | z index]]
* [[HTML CSS Reference/CSS Attributes and Javascript Style Properties/zoom | zoom]]

=="font" Example==



   
  <!-- start source code -->
   
    <source lang="html4strict">
    
<html>
<body>
<div style="font:italic normal bolder 12pt verdana"> 
font font</div>
   <hr>
   <div style="padding:10px;"
        onmouseover="this.style.font="italic small-caps bold 12pt serif""
        onmouseout="this.style.font="normal normal normal normal medium times new roman"">
        Move the mouse over and out to change the font style.
   </div>
</body>
</html>
    
      
      </source>
    
   


=="font-face" Example==



   
  <!-- start source code -->
   
    <source lang="html4strict">
    
<head>
<style type="text/css">
@font-face { font-family: Lucida; 
             font-style: normal; 
             font-weight: normal; 
             src: url("fontFile.eot")
           }
</style>
</head>
<body>
<p style="font-family: Lucida"> Paragraph text </p>
</body>
</html>
    
      
      </source>
    
   


=="font-face" Syntax and Note==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Note:
Set a downloadable font. 
    

      
      </source>
    
   


=="font-family" Example==



   
  <!-- start source code -->
   
    <source lang="html4strict">
    
<html>
<body>
<div onmouseover="this.style.fontFamily="arial"" 
     onmouseout="this.style.fontFamily="times"">
     Move the mouse over and out to change the font-family value.
</div>
</body>
</html>
    
      
      </source>
    
   


=="font-family" is applied to==



   
  <!-- start source code -->
   
    <source lang="html4strict">
+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<b>                             <basefont>                    |
|                |<big>                           <blockquote>                  |
|                |<body>                          <button>                      |
|                |<caption>                       <center>                      |
|                |<cite>                          <code>                        |
|                |<col>                           <colgroup>                    |
|                |currentStyle                    <custom>                      |
|                |<dd>                            defaults                      |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<dt>                            <em>                          |
|                |<fieldset>                      <form>                        |
|                |<hn>                            <html>                        |
|                |<i>                             <img>                         |
|                |<input type="button">           <input type="checkbox">       |
|                |<input type="file">             <input type="image">          |
|                |<input type="password">         <input type="radio">          |
|                |<inputtype="reset">             <input type="submit">         |
|                |<input type="text">             <isindex>                     |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<listing>                       <marquee>                     |
|                |<menu>                          <ol>                          |
|                |<p>                             <pre>                         |
|                |runtimeStyle                    <s>                           |
|                |<samp>                          <select>                      |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |style                           <sub>                         |
|                |<sup>                           <table>                       |
|                |<tbody>                         <td>                          |
|                |<textarea>                      <tfoot>                       |
|                |<th>                            <thead>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xmp>                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   


=="font-family" Possible Values==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Possible Values
Available font families supported by the browser"s operating system.
For example,
Times,
Helvetica,
Zapf-Chancery,
Western,
Courier,
serif,
sans-serif,
cursive,
fantasy, 
ormonospace.    
    
      
      </source>
    
   


=="font-family" Syntax and Note==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Note:
Set font family.
Syntax:
    
element { font-family: value }
elementID.style.fontFamily = "value"
document.all.elementID.style.fontFamily = "value" // IE only
    
      
      </source>
    
   


=="font" is applied to==



   
  <!-- start source code -->
   
    <source lang="html4strict">
+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<b>                             <big>                         |
|                |<blockquote>                    <body>                        |
|                |<button>                        <caption>                     |
|                |<center>                        <cite>                        |
|                |<code>                          <col>                         |
|                |<colgroup>                      <custom>                      |
|                |<dd>                            defaults                      |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<dt>                            <em>                          |
|                |<fieldset>                      <form>                        |
|                |<hn>                            <html>                        |
|                |<i>                             <img>                         |
|                |<inputtype="button">            <input type="checkbox">       |
|                |<input type="file">             <input type="image">          |
|                |<input type="password">         <input type="radio">          |
|                |<input type="reset">            <inputtype="submit">          |
|                |<input type="text">             <isindex>                     |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<listing>                       <marquee>                     |
|                |<menu>                          <nobr>                        |
|                |<ol>                            <p>                           |
|                |<pre>                           runtimeStyle                  |
|                |<s>                             <samp>                        |
|                |<select>                        <small>                       |
|                |<span>                          <strike>                      |
|                |<strong>                        style                         |
|                |<sub>                           <sup>                         |
|                |<table>                         <tbody>                       |
|                |<td>                            <textarea>                    |
|                |<tfoot>                         <th>                          |
|                |<thead>                         <tr>                          |
|                |<tt>                            <u>                           |
|                |<ul>                            <var>                         |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   


=="font" Possible Values==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Possible Values
CSS font constants:
caption                font used for captioned controls (buttons, drop-downs, and so on)
icon                   font used to label icons
menu                   font for menus and drop-down lists
message-box            font for dialog boxes
small-caption          font for labeling small controls
status-bar             font in the window status bars    
      
      </source>
    
   


=="font-size" Example==



   
  <!-- start source code -->
   
    <source lang="html4strict">
    
<html>
<body>
<p style="font-size:14pt">text.</p>
<hr>
<div style="padding:10px;"
     onmouseover="this.style.fontSize="16pt""
     onmouseout="this.style.fontSize="12pt"">
     Move the mouse pointer to change the font-size value.</div>
</body>
</html>
    
      
      </source>
    
   


=="font-size" is applied to==



   
  <!-- start source code -->
   
    <source lang="html4strict">
+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<b>                             <basefont>                    |
|                |<big>                           <blockquote>                  |
|                |<body>                          <button>                      |
|                |<caption>                       <center>                      |
|                |<cite>                          <code>                        |
|                |<col>                           <colgroup>                    |
|                |currentStyle                    <custom>                      |
|                |<dd>                            defaults                      |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<dt>                            <em>                          |
|                |<fieldset>                      <form>                        |
|                |<hn>                            <html>                        |
|                |<i>                             <img>                         |
|                |<input type="button">           <input type="checkbox">       |
|                |<input type="file">             <input type="image">          |
|                |<input type="password">         <input type="radio">          |
|                |<inputtype="reset">             <input type="submit">         |
|                |<input type="text">             <isindex>                     |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<listing>                       <marquee>                     |
|                |<menu>                          <ol>                          |
|                |<p>                             <pre>                         |
|                |runtimeStyle                    <s>                           |
|                |<samp>                          <select>                      |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |style                           <sub>                         |
|                |<sup>                           <table>                       |
|                |<tbody>                         <td>                          |
|                |<textarea>                      <tfoot>                       |
|                |<th>                            <thead>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xmp>                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   


=="font-size" Possible Values==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Possible Values
absolute        Any of the following values:
                   xx-small,
                   x-small,
                   small,
                   medium,
                   large,
                   x-large, 
                   xx-large
                   
                   
relative        The font size is relative to the parent element"s font size,values 
                are either larger or smaller
length          A floating point number followed by a unit designator
percentage      specifies the size relativeto the parent element"s font size    
    
      
      </source>
    
   


=="font-size" Syntax and Note==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Note:
Set the font size.
Syntax:
    
element { font-size: value }
elementID.style.fontSize = "value"
document.all.elementID.style.fontSize = "value" // IE only
    
      
      </source>
    
   


=="font-style" Example==



   
  <!-- start source code -->
   
    <source lang="html4strict">
    
<html>
<body>
<div onmouseover="this.style.fontStyle="italic"" 
     onmouseout="this.style.fontStyle="normal"">
     Move the mouse pointer to change the font style value.
</div>
</body>
</html>
    
      
      </source>
    
   


=="font-style" is applied to==



   
  <!-- start source code -->
   
    <source lang="html4strict">
+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<b>                             <basefont>                    |
|                |<big>                           <blockquote>                  |
|                |<body>                          <button>                      |
|                |<caption>                       <center>                      |
|                |<cite>                          <code>                        |
|                |<col>                           <colgroup>                    |
|                |currentStyle                    <custom>                      |
|                |<dd>                            defaults                      |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<dt>                            <em>                          |
|                |<fieldset>                      <form>                        |
|                |<hn>                            <html>                        |
|                |<i>                             <img>                         |
|                |<input type="button">           <input type="checkbox">       |
|                |<input type="file">             <input type="image">          |
|                |<input type="password">         <input type="radio">          |
|                |<inputtype="reset">             <input type="submit">         |
|                |<input type="text">             <isindex>                     |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<listing>                       <marquee>                     |
|                |<menu>                          <ol>                          |
|                |<p>                             <pre>                         |
|                |runtimeStyle                    <s>                           |
|                |<samp>                          <select>                      |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |style                           <sub>                         |
|                |<sup>                           <table>                       |
|                |<tbody>                         <td>                          |
|                |<textarea>                      <tfoot>                       |
|                |<th>                            <thead>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xmp>                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   


=="font-style" Possible Values==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Possible Values
normal         the default
italic,        IE only
oblique        IE only   
   
      
      </source>
    
   


=="font-style" Syntax and Note==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Note:
the font style.
 
Syntax:
    
element { font-style: value }
elementID.style.fontStyle = "value"
document.all.elementID.style.fontStyle = "value" // IE only
    
      
      </source>
    
   


=="font" Syntax and Note==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Note:
Set the font style properties: font-family, 
                               font-style, 
                               font-size, 
                               font-variant, 
                               font-weight, 
                               line-height.
Syntax:
    
element { font: values }
elementID.style.font = "value"
document.all.elementID.style.font = "values" // IE only
    
      
      </source>
    
   


=="font-variant" Example==



   
  <!-- start source code -->
   
    <source lang="html4strict">
    
<html>
<body>
<div font-size:16pt"
    onmouseover="this.style.fontVariant="small-caps""
    onmouseout="this.style.fontVariant="normal"">
    Move the mouse to change the font-variant value.
</div>
</body>
<html>
    
      
      </source>
    
   


=="font-variant" is applied to==



   
  <!-- start source code -->
   
    <source lang="html4strict">
+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<b>                             <big>                         |
|                |<blockquote>                    <body>                        |
|                |<button>                        <caption>                     |
|                |<center>                        <cite>                        |
|                |<code>                          <col>                         |
|                |<colgroup>                      currentStyle                  |
|                |<custom>                        <dd>                          |
|                |defaults                        <dfn>                         |
|                |<dir>                           <div>                         |
|                |<dl>                            <dt>                          |
|                |<em>                            <fieldset>                    |
|                |<form>                          <hn>                          |
|                |<html>                          <i>                           |
|                |<img>                           <input type="button">         |
|                |<input type="checkbox">         <input type="file">           |
|                |<inputtype="image">             <input type="password">       |
|                |<input type="radio">            <input type="reset">          |
|                |<input type="submit">           <input type="text">           |
|                |<isindex>                       <kbd>                         |
|                |<label>                         <legend>                      |
|                |<li>                            <listing>                     |
|                |<marquee>                       <menu>                        |
|                |<ol>                            <p>                           |
|                |<pre>                           runtimeStyle                  |
|                |<s>                             <samp>                        |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |style                           <sub>                         |
|                |<sup>                           <table>                       |
|                |<tbody>                         <td>                          |
|                |<textarea>                      <tfoot>                       |
|                |<th>                            <thead>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xmp>                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   


=="font-variant" Possible Values==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Possible Values
normal         
small-caps.   
    
      
      </source>
    
   


=="font-variant" Syntax and Note==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Note:
Whether to render in small capital letters for lowercase characters.
Syntax:
    
element { font-variant: value }
elementID.style.fontVariant = "value"
document.all.elementID.style.fontVariant = "value" // IE only
    
      
      </source>
    
   


=="font-weight" Example==



   
  <!-- start source code -->
   
    <source lang="html4strict">
    
<html>
<body>
<div style="font-size:16pt "
     onmouseover="this.style.fontWeight="bold"" 
     onmouseout="this.style.fontWeight="normal"">
     Move the mouse to change the font-weight value.</div>
</body>
</html>
    
      
      </source>
    
   


=="font-weight" is applied to==



   
  <!-- start source code -->
   
    <source lang="html4strict">
+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<b>                             <big>                         |
|                |<blockquote>                    <body>                        |
|                |<button>                        <caption>                     |
|                |<center>                        <cite>                        |
|                |<code>                          <col>                         |
|                |<colgroup>                      currentStyle                  |
|                |<custom>                        <dd>                          |
|                |defaults                        <dfn>                         |
|                |<dir>                           <div>                         |
|                |<dl>                            <dt>                          |
|                |<em>                            <fieldset>                    |
|                |<form>                          <hn>                          |
|                |<html>                          <i>                           |
|                |<img>                           <input type="button">         |
|                |<input type="checkbox">         <input type="file">           |
|                |<inputtype="image">             <input type="password">       |
|                |<input type="radio">            <input type="reset">          |
|                |<input type="submit">           <input type="text">           |
|                |<isindex>                       <kbd>                         |
|                |<label>                         <legend>                      |
|                |<li>                            <listing>                     |
|                |<marquee>                       <menu>                        |
|                |<ol>                            <p>                           |
|                |<pre>                           runtimeStyle                  |
|                |<s>                             <samp>                        |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |style                           <sub>                         |
|                |<sup>                           <table>                       |
|                |<tbody>                         <td>                          |
|                |<textarea>                      <tfoot>                       |
|                |<th>                            <thead>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xmp>                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   


=="font-weight" Syntax and Note==



   
  <!-- start source code -->
   
    <source lang="html4strict">
Note:
boldness or lightness of the font.
Syntax:
    
element { font-weight: value }
elementID.style.fontWeight = "value"
document.all.elementID.style.fontWeight = "value" // IE onlyRelative values:normal      (the default)bold,bolderlighter.Constant values:100,200,300         (lighter than normal),400         (normal),500,600         (bolder than normal),700         (bold),800,900         (even bolder).    
    
      
      </source>