- 関連プロパティ
text-overflow
値 | ellipsis | clip |
---|---|
初期値 | clip |
適用 | すべての要素 |
継承 | しない |
レベル | MSIE6(Win32)- |
メディア | visual |
ボックスの幅が制限されていて、且つ'white-space'に[nowrap]や[pre]が指定されていて、テキストが横方向にはみ出し、且つ'overflow'に[visible]以外の値が指定されている場合、長過ぎるテキストは右にはみ出します。
このプロパティは、そのはみ出したテキストに対して、可視部分の最後に省略符号(「...」の事)を入れるかどうかを指定します。置換要素には無効です。
以下にひとつ例を挙げておきます。'text-overflow'と'overflow'を換えてみて、大体の感じを掴んでください。
<div style="
width:120px;height:50px;border:1px solid blue;white-spce:nowrap;
overflow:hidden;
text-overflow:ellipsis
">
We hold these truths to be self-evident, that all people are created equal.
</div>