text-overflow

■text-overflow

　テキストがオーバーフロー（領域を超えてしまう事）する際にオーバーフローしたテキストを「...」で省略することが出来ます。
　テキストがオーバーフローを省略するには「text-overflow」により行います。

　適用させるには、white-spaceプロパティにnowrapを設定するか<NOBR>タグを使わないと適用出来ないことがあるようです。

text-overflow
テキストがオーバーフロー（領域を超えてしまう事）する際にオーバーフローしたテキストを「...」で省略することが出来ます。
設定値	説明
ellipsis	テキストがオーバーフローした場合に省略「...」します。
clip	テキストがオーバーフローした場合には表示しません。

■ソース

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<TITLE>text-overflow</TITLE>
<STYLE TYPE="text/css">

</STYLE>
</HEAD>
<BODY>

<DIV CLASS="to1">
外部の文字符号化方式が何であろうと、参照処理モデルはそれを、
SGML/HTML 特有の加工をする前に、 2.2 項で指定された文書文字セットへ翻訳します。
参照処理モデルは、以下のように描くことができます<BR>
Whatever the external character encoding may be,
the reference processing model translates it to the document character set specified in Section 2.2
before processing specific to SGML/HTML. The reference processing model can be depicted as follows
</DIV><BR><BR>

</BODY>
</HTML>

■実行例

「text-overflow:ellipsis;」となっています。

外部の文字符号化方式が何であろうと、参照処理モデルはそれを、 SGML/HTML 特有の加工をする前に、 2.2 項で指定された文書文字セットへ翻訳します。参照処理モデルは、以下のように描くことができます
Whatever the external character encoding may be, the reference processing model translates it to the document character set specified in Section 2.2 before processing specific to SGML/HTML. The reference processing model can be depicted as follows

「text-overflow:clip;」となっています。

■対応ブラウザ

text-overflow
設定値	IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6	O7
ellipsis	×	×	×	×	●	×	×	×	×	×	×
clip	×	×	×	×	●	×	×	×	×	×	×

インターネット上であなたのパソコン教室を開きませんか？
自宅でパソコン教室を簡単に開くことが出来ます。そして低リスクで効率よく稼げる仕事をさがしている。そんな方にはオススメです。