CSS

The CSS `text-overflow` property specifies whether to clip the text or display an ellipsis (…) when the text overflows the container's width.

text-overflow

　CSSの text-overflowプロパティは、要素内のテキストがコンテナの幅を超えた場合にどのように表示されるかを指定するために使用されます。

clip

テキストを単純に切り取ります。オーバーフローした部分は表示されません。

ellipsis

オーバーフローしたテキストの代わりに省略記号（…）を表示します。

　このプロパティを使用するには、white-spaceプロパティを nowrapに設定し、overflowプロパティを hiddenに設定する必要があります。

Sample

<div>The CSS `text-overflow` property specifies whether to clip the text or display an ellipsis (…) when the text overflows the container's width.</div>

div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
}

　この例では、幅200pxのコンテナ内でテキストがオーバーフローした場合に、切り取られた部分が省略記号で示されます。