CSS text-overflow 属性

定義と使用法

text-overflow属性は、テキストが含む要素を超えた場合に発生することを定義します。

も参照してください：

CSS3チュートリアル：CSS3 文本效果

HTML DOMリファレンスマニュアル：textOverflow属性

例

text-overflow属性の使用：

div.test
{
text-overflow:ellipsis;
}

自分で試してみる

ページの下部にさらに多くの例があります。

CSS语法

text-overflow: clip|ellipsis|string;

属性値

値 説明 テスト
clip テキストをトリミングします。 テスト
ellipsis トリミングされたテキストを代表するために省略符を表示します。 テスト
string トリミングされたテキストを代表するために与えられた文字列を使用します。

技術的詳細

デフォルト値： clip
継承性： no
バージョン： CSS3
JavaScript语法： object.style.textOverflow="ellipsis"

さらに多くの例

hover効果付きのText-overflow
この例では、カーソルが要素に浮かぶときにすべてのテキストがどのように表示されるかを示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示します。

プレフィックスを使用する最初のバージョンを示す数字は -o- で表されます。

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-