ホーム>HTMLリファレンス(アルファベット検索)>white-spaceプロパティ
white-space プロパティ …スペース、改行の表示の仕方を指定する
使用プロパティ
|
white-space: 値; |
対象となる
要素 |
すべて |
継承 |
する
|
値 |
次項(値と働き)を参照 |
|
|
解説
white-space プロパティを使えば、指定した要素内のスペース、改行の表示の仕方を変更することができます。 どのような効果を与えられるかは次項を参照してください。
|
値 |
働き |
値 |
働き |
normal |
通常通りに表示する。連続する半角スペースを1つのスペースとして表示し、また改行も、1つの半角スペースとして表示します。長くなった行は、自動的に改行されます。 |
pre |
HTMLの pre 要素と同じように、スペースや改行、横に長い行も自動的に改行されず、そのまま表示する。 |
nowrap |
連続する半角スペースを1つのスペースとして表示し、また改行も、1つの半角スペースとして表示します。長くなった行は、ボックスの幅を指定しても改行はされません。 |
|
|
使用例
記述例
<html>
<head>
<title>HOME PAGE ZERO ガイド</title>
<!--スタイルシート-->
<style type="text/css">
p {
width: 50%;
border: 1px solid #cccccc;
}
p.sample1 {
white-space: normal;
}
p.sample2 {
white-space: pre;
}
p.sample3 {
white-space: nowrap;
}
</style>
</head>
<!--ページの本文-->
<body>
<p class="sample1">white-space プロパティはスペース、改行の表示の仕方を 変更する場合に使います。</p>
<p class="sample2">white-space プロパティはスペース、改行の表示の仕方を 変更する場合に使います。</p>
<p class="sample3">white-space プロパティはスペース、改行の表示の仕方を 変更する場合に使います。</p>
</body>
</html> |
|
[ブラウザでの表示例]
HOME PAGE ZERO ガイド |
white-space プロパティはスペース、改行の表示の仕方を
変更する場合に使います。
white-space プロパティはスペース、改行の表示の仕方を
変更する場合に使います。
white-space プロパティはスペース、改行の表示の仕方を
変更する場合に使います。
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他