HTML CSS Reference/CSS Attributes and Javascript Style Properties/text transform

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

"text-transform" Example

    
<html>
<body>
<div id="myDiv" style="text-transform:capitalize">www.wbex.ru</div>
<button onclick="myDiv.style.textTransform = "uppercase";">uppercase</button>
<button onclick="myDiv.style.textTransform = "lowercase";">lowercase</button>
</body>
</html>



"text-transform" 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>                           |
|                |<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>                          <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>                         |
+----------------+--------------------------------------------------------------+



"text-transform" Possible Values

Possible Values
none (the default),
capitalize (capitalizes the first letter of every word),
uppercase,
lowercase.



"text-transform" Syntax and Note

Note:
How to capitalize text.
Syntax:
    
element { text-transform: value }
elementID.style.textTransform = "value"
document.all.elementID.style.textTransform = "value" // IE only