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