HTML CSS Reference/CSS Attributes and Javascript Style Properties/letter spacing

Материал из Web эксперт
Перейти к: навигация, поиск

"letter-spacing" Example

    
<html>
<body>
<p id="myP">This is a sample text.</p>
<input type="button" 
       value="Set letterSpacing to 0.5mm" 
       onclick="myP.style.letterSpacing="0.5mm"">
       
<input type="button" 
       value="Set letterSpacing to 1mm" 
       onclick="myP.style.letterSpacing="1mm"">
       
<input type="button" 
       value="Set letterSpacing to normal" 
       onclick="myP.style.letterSpacing="normal"">
</body>
</html>



"letter-spacing" is applied to

+----------------+--------------------------------------------------------------+
| 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>                        |
|                |<select>                        <small>                       |
|                |<span>                          <strike>                      |
|                |<strong>                        style                         |
|                |<sub>                           <sup>                         |
|                |<table>                         <tbody>                       |
|                |<td>                            <textarea>                    |
|                |<tfoot>                         <th>                          |
|                |<thead>                         <tr>                          |
|                |<tt>                            <u>                           |
|                |<ul>                            <var>                         |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+



"letter-spacing" Possible Values

Possible Values
normal        the default; normal spacing
length        a floating-point number followed by a unit designator.



"letter-spacing" Syntax and Note

Note:
Controls additional space between text characters.
Syntax:
    
element { letter-spacing: value }
elementID.style.letterSpacing = "value"
document.all.elementID.style.letterSpacing = "value" // IE only