HTML CSS Reference/CSS Attributes and Javascript Style Properties/text overflow
Версия от 09:21, 26 мая 2010; (обсуждение)
"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"