目次を飛ばして本文へ パン屑リストへ
関連プロパティ

text-overflow

ellipsis | clip
初期値 clip
適用 すべての要素
継承 しない
レベル MSIE6(Win32)-
メディア visual

ボックスの幅が制限されていて、且つ'white-space'に[nowrap]や[pre]が指定されていて、テキストが横方向にはみ出し、且つ'overflow'に[visible]以外の値が指定されている場合、長過ぎるテキストは右にはみ出します。

このプロパティは、そのはみ出したテキストに対して、可視部分の最後に省略符号(「...」の事)を入れるかどうかを指定します。置換要素には無効です。

キーワード解説
ellipsis
はみ出した行の可視部分の最後に、省略符号「...」を付け足します。
clip
普通にテキストを切り取り、省略符号はつけません。

以下にひとつ例を挙げておきます。'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>


page top
最終更新日:2018年07月18日
Copyright © 2002-2018 ばあど All Rights Reserved.