|
設定例 : .c4-2 { border: 1px blue solid; padding: 4px; margin: 0px 0px 4px; }
.c4-2norm { word-break: normal; }
.c4-2brk { word-break: break-all; }
.c4-2keep { word-break: keep-all; } |
|
使 用 例 |
|
ブラウザの表示 |
| |
<p class="c4-2 c4-2norm">normal:単語の区切りで改行<br>
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。<br>
This text is an example of the word-break property. Please come home between seven and eight. |
normal:単語の区切りで改行
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。
This text is an example of the word-break property. Please come home between seven and eight. |
<p class="c4-2 c4-2brk">break-all:行末で改行<br>
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。<br>
This text is an example of the word-break property. Please come home between seven and eight. |
break-all:行末で改行
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。
This text is an example of the word-break property. Please come home between seven and eight. |
<p class="c4-2 c4-2keep">keep-all:単語の区切りで改行<br>
This text is an example of the word-break property. Please come home between seven and eight. |
keep-all:単語の区切りで改行
日本語の場合は、keep-all を指定すると改行されません。読点「、」の位置では、改行されます。
This text is an example of the word-break property. Please come home between seven and eight. |
|
☆ このプロパティは、Internet Exp.等の独自拡張機能です。 |
|