もっと"Try it Yourself"以下の例。
定義と使用法
テキスト-overflowプロパティが表示されていないオーバーフローコンテンツがユーザに通知する方法を指定します。
デフォルト値: | clip |
---|---|
継承されました: | no |
アニメーション: | no. Read about animatable |
バージョン: | CSS3 |
JavaScriptシンタックス: | object .style.textOverflow="ellipsis" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
-O-が続く数字は接頭辞で働いていた最初のバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -O- |
CSSの構文
text-overflow: clip|ellipsis|string|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
clip | デフォルト値。 クリップテキスト | それを再生します» |
ellipsis | 省略記号をレンダリング("...")クリップされたテキストを表現するために | それを再生します» |
string | クリップされたテキストを表現するために与えられた文字列をレンダリング | |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
その他の例
ホバー効果を持つテキストオーバーフロー
この例では、要素の上にテキスト全体ホバーを表示する方法を示します。
関連ページ
CSS3チュートリアル: CSS3のテキストエフェクト
HTML DOMリファレンス: textOverflow property