備忘録的プログラミングリファレンス

text-overflowプロパティ

 text-overflowプロパティは、エレメントからテキストがはみ出る(オーバーフローする)ときに、どのように表記するかを定義するプロパティです。
 はみ出る分は表示しない(clip)、省略記号"…"、カスタム文字列が定義できます。
 white-space:nowrap;overflow:hidden;の設定が必要です。

エレメントに入りきらない場合は省略記号"…"で表示する
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

構文(Syntax)

CSS

text-overflow: clip | ellipsis | string | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.textOverflow;
値の設定
object.style.textOverflow="clip | ellipsis | string | initial | inherit";

Values

Value摘要
clip初期値(default値)、はみ出る分は非表示
ellipsis省略記号"…"に代替
string任意の文字列、"-"
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)clip
継承(Inherited)No
CSS AnimationNo