HTML CSS Reference/CSS Attributes and Javascript Style Properties/text overflow
"text-overflow" Example
<html>
<body>
<div id="myT"
style="width:20;
background-color:beige;
overflow:hidden;">
<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>
</div>
<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>
"text-overflow" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <acronym> |
| |<address> <bdo> |
| |<big> <blockquote> |
| |<body> <button> |
| |<caption> <center> |
| |<cite> <code> |
| |<custom> <dd> |
| |<del> <dfn> |
| |<dir> <div> |
| |<dl> <dt> |
| |<em> <fieldset> |
| |<font> <form> |
| |<hn> <i> |
| |<input type="button"> <inputtype="checkbox"> |
| |<input type="file"> <input type="image"> |
| |<inputtype="password"> <input type="radio"> |
| |<input type="reset"> <inputtype="submit"> |
| |<input type="text"> <ins> |
| |<isindex> <kbd> |
| |<label> <legend> |
| |<li> <listing> |
| |<marquee> <menu> |
| |<nobr> <ol> |
| |<p> <pre> |
| |<q> <rt> |
| |<ruby> <s> |
| |<samp> <small> |
| |<span> <strike> |
| |<strong> <sub> |
| |<sup> <textarea> |
| |<tt> <u> |
| |<ul> <var> |
| |<xmp> |
+----------------+--------------------------------------------------------------+
"text-overflow" Syntax and Note
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"