HTML CSS Reference/CSS Attributes and Javascript Style Properties/text underline position

Материал из Web эксперт
Версия от 08:19, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

"text-underline-position" Example

    
<html>
<body>
<div style="width:600; 
            background-color:#EEEEEE; 
            text-underlineposition:above; 
            text-decoration:underline; 
            text-align:center">
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
This is a sample paragraph.
<br>
The text-underline-position property is set to "above"
</div>
</body>
</html>



"text-underline-position" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<b>                             <base>                        |
|                |<basefont>                      <bdo>                         |
|                |<bgsound>                       <big>                         |
|                |<blockquote>                    <body>                        |
|                |<button>                        <caption>                     |
|                |<center>                        <cite>                        |
|                |<code>                          <col>                         |
|                |<colgroup>                      <comment>                     |
|                |currentStyle                    <custom>                      |
|                |<dd>                            <del>                         |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<dt>                            <em>                          |
|                |<embed>                         <fieldset>                    |
|                |<font>                          <form>                        |
|                |<frameset>                      <head>                        |
|                |<hn>                            <hr>                          |
|                |<html>                          <i>                           |
|                |<img>                           <input>                       |
|                |<input type="button">           <input type="checkbox">       |
|                |<input type="file">             <input type="hidden">         |
|                |<input type="image">            <inputtype="password">        |
|                |<input type="radio">            <input type="reset">          |
|                |<inputtype="submit">            <input type="text">           |
|                |<ins>                           <isindex>                     |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<link>                          <listing>                     |
|                |<marquee>                       <menu>                        |
|                |nextID                          <nobr>                        |
|                |<noframes>                      <noscript>                    |
|                |<object>                        <ol>                          |
|                |<option>                        <p>                           |
|                |<pre>                           <q>                           |
|                |<rt>                            <ruby>                        |
|                |runtimeStyle                    <s>                           |
|                |<samp>                          <script>                      |
|                |<select>                        <small>                       |
|                |<span>                          <strike>                      |
|                |<strong>                        style                         |
|                |<sub>                           <sup>                         |
|                |<table>                         <tbody>                       |
|                |<td>                            <textarea>                    |
|                |<tfoot>                         <th>                          |
|                |<thead>                         <title>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xml>                         |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+



"text-underline-position" Possible Values

Possible Values
above,
below (IE5.5 default),
auto (IE6 default),
auto-pos (IE6+).



"text-underline-position" Syntax and Note

Note:
Set the text underline decoration position. 
Most commonly used with Japanese language text. 
The text-decoration style property must be set to underline.
Syntax:
    
element { text-underline-position: value }
elementID.style.textUnderlinePosition = "value"
document.all.elementID.style.textUnderlinePosition = "value"