CSS3 チュートリアル

CSS3 リファレンス

Use of the text-overflow property:

div.test
{
text-overflow:ellipsis;
}

Try it yourself »
More examples at the bottom of this page.

text-overflow property is supported in all major browsers, except Firefox.

text-overflow property specifies what should happen when text overflows the containing element.

デフォルト値:	clip
継承:	no
バージョン:	CSS3
JavaScript構文:	object.style.textOverflow="ellipses"

text-overflow: clip|ellipsis|string;

値	説明
clip	Clips the text
ellipsis	Render an ellipsis ("...") to represent clipped text
string	Render the given string to represent clipped text

Text-overflow with a hover effect
This example demonstrates how to display the entire text when hover over the element.