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

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

"text-overflow" Example

   <source lang="html4strict">
   

<html> <body>

  <nobr>Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
  Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
  Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
  <nobr>

<input type="button"

      value="text-overflow = "ellipsis"" 
      onclick="myT.style.textOverflow = "ellipsis"">
      

<input type="button"

      value="text-overflow = "clip"" 
      onclick="myT.style.textOverflow = "clip"">

</body> </html>


     </source>
   
  


"text-overflow" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> |

| |
|

| |<body> <button> |

| |
|

| | | | |<custom>

| | | |

| |<dir>
| | |
| | | <fieldset> | | | <form> | | |<hn> | | |<input type="button"> <inputtype="checkbox"> | | |<input type="file"> <input type="image"> | | |<inputtype="password"> <input type="radio"> | | |<input type="reset"> <inputtype="submit"> | | |<input type="text"> | | |<isindex> | | |<label> <legend> | | |
  • <listing> | | |<marquee> <menu> | | |<nobr>
      | | |

                               |
      |                |                                                       |
      |                |                                                     |
      |                |                                                 |
      |                |                                                |
      |                |                                                 |
      |                |                           <textarea>                    |
      |                |                                                       |
      |                |
        | | |<xmp> | +----------------+--------------------------------------------------------------+ </source>

        "text-overflow" Syntax and Note

        <source lang="html4strict"> Note: Display ellipses (...) or clip when the text overflows its layout area.

        Syntax:

        element { text-overflow: value } elementID.style.textOverflow = "value" document.all.elementID.style.textOverflow = "value"


        </source>