FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 - builder by ZDNet Japan

スタイルシートでボックスの横幅や高さを指定すると、中身のコンテンツがボックスに収まらない場合がある。収まらないコンテンツをどのように表示するかは、overflowプロパティで指定することが可能だ。今回は、このoverflowプロパティを紹介したい。 また、overflowに関連したoverflow-xやoverflow-y、text-overflowプロパティも紹介する。これらはInternet Explorerが独自拡張したプロパティだったが、CSS 3での採用が進むとともに他のブラウザでもサポートされるようになっている。 overflowプロパティ overflowはボックス内に収まらないコンテンツの表示方法を指定するプロパティだ。CSS 2から定義されているプロパティで、主要なブラウザであるFirefox、Safari、Opera、Internet Explorerはすべて対応してい

[ryownet]

text-overflowは忘れがち。長い文字を自動で...にする

[agw]

text-overflowプロパティについて。

[takeru-c]

text-overflowプロパティを「ellipsis」と指定すると、ボックス内のコンテンツの右端に省略符号「...」が表示される

[toaruR]

firefox以外はCSSだけで…省略ができる

[misomakura]

overflowの話・・・

[t01020ty]

overflowしたら...を表示する。firefoxだけだめ。

[boyasan]

「-webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;

[hiro_y]

overflow/text-overflowプロパティの紹介。

[monjudoh]

『text-overflowプロパティを「ellipsis」と指定すると、ボックス内のコンテンツの右端に省略符号「...」』

[javascripter]

text-overflow、Firefox以外のモダンブラウザが対応、テキストを省略(hoge...)