webmas.jp

text-indent は領域をはみ出したテキストの表示方法を指定します。テキストをコンテナからはみ出させるためには overflow: hidden; と white-space: nowrap; も同時に指定する必要があります。

値

clip, ellipsis, 文字列

初期値

clip

対象

ブロックコンテナ

継承

しない

CSS レベル

CSS 3（CSS Overflow Module Level 3）

値の詳細

clip

ボックスの端で切り取る

ellipsis

切り取られたテキストの代わりに”…”を表示

文字列

切り取られたテキストの代わりに任意の文字列を表示

サンプル

HTML

<p>CSS が有効の場合この文章は途中で切り取らます。</p>

CSS

p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

プレビュー

CSS が有効の場合この文章は途中で切り取らます。