CSS 参考手册

CSS @规则(RULES)

テキスト-overflow CSS属性は、テキストコンテナが見える（見えない）オーバーフローを決定します。overflowのブロック型コンテナ要素で、テキストの表示方法はどうなるか。

以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの属性の使用法を示しています。

デフォルト値：	clip
適用：	ブロック型コンテナ
継承：	ありません
アニメーション可能：	いいえ。参照してくださいアニメーション属性。
バージョン：	CSS3の新機能
JavaScriptの構文：	オブジェクト.style.textOverflow="ellipsis"

注意：例えば、要素がnowrapのスペースや単一の単語が長すぎて収容できない場合、テキストがオーバーフローし、テキストがオーバーフローする場合があります。

この属性の構文は以下の通りです：

テキスト-overflow:　clip　|　ellipsis　|　string　|　initial　|　inherit

以下の例では、text-overflow属性。

例

　　p　{
　overflow:　hidden;
　white-space:　nowrap;
　　　テキスト-overflow:　ellipsis;
　　}

以下のテーブルはこの属性の値を説明しています。

値	説明
clip	クリップはテキスト内容に適したテキストに適用されます。文字は部分のみレンダリングされることがあります。
ellipsis	省略記号文字（'...'）で切られたテキストに代わります。
string	指定された文字列を使用して切られたテキストを表現します。この文字列は内容エリア内に表示され、表示されるテキストのサイズが短くなります。文字列が表示する場所に十分なスペースがない場合、文字列は切り取られます。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のtext-overflowの属性値。

テキスト-overflow属性のブラウザの互換性について、以下のテーブルにはその属性をサポートするブラウザの最低バージョン番号が示されています；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 7+ Google Chrome1+ Internet Explorer 6+ Apple Safari 1+ Opera 9+

注意： Internet Explorerがサポート-ms-テキスト-overflowが同義語の前缀バージョンとして使用できるtext-overflow。Opera 9および10前缀付きのバージョンをサポート-o-テキスト-overflow。

以下の内容に関するチュートリアルを参照してください：CSS OverflowおよびCSS Text。