ホーム>HTMLリファレンス(アルファベット検索)>word-breakプロパティ
word-break プロパティ …単語の途中での改行の仕方を指定する
使用プロパティ
|
word-break: 値; |
対象となる
要素 |
ブロック要素 |
継承 |
する
|
値 |
次項(値と働き)を参照 |
|
|
解説
word-break プロパティを使えば、単語の途中での改行の仕方を指定することができます。
※word-break プロパティは Internet Explorer 独自のプロパティです。
|
値 |
働き |
値 |
働き |
normal |
通常のように、英単語などのアルファベットの単語の途中では改行されません。 |
break-all |
英単語などのアルファベットの単語の途中でも改行する。 |
keep-all |
どの言語でも単語の区切りで改行する。 |
|
|
使用例
記述例
<html>
<head>
<title>HOME PAGE ZERO ガイド</title>
<!--スタイルシート-->
<style type="text/css">
p {
width: 39%;
border: 1px solid #cccccc;
}
p.sample1 {
word-break: normal;
}
p.sample2 {
word-break: break-all;
}
p.sample3 {
word-break: keep-all;
}
</style>
</head>
<!--ページの本文-->
<body>
<p class="sample1">word-break プロパティを使って、値にnormalを指定しています。</p>
<p class="sample2">word-break プロパティを使って、値にbreak-allを指定しています。</p>
<p class="sample3">word-break プロパティを使って、値にkeep-allを指定しています。</p>
</body>
</html> |
|
[ブラウザでの表示例]
HOME PAGE ZERO ガイド |
word-break プロパティを使って、値にnormalを指定しています。
word-break プロパティを使って、値にbreak-allを指定しています。
word-break プロパティを使って、値にkeep-allを指定しています。
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他