br要素

br要素はテキストや画像などのインライン内容を強制改行します。また、br要素は内容を持たない空要素のためXHTML1.0では />のように半角スペースに続けてスラッシュ( / )を記述し終了タグとします。

例)

テキストAAAbbb<br />テキストBBBbbb

テキストAAAbbb
テキストBBBbbb


hr要素

hr要素は区切り線(罫線)を表示します。また、hr要素は内容を持たない空要素のためXHTML1.0では />のように半角スペースに続けてスラッシュ( / )を記述し終了タグとします。

<hr />



widthプロパティ

widthプロパティは区切り線の幅(長さ)を指定します。値は単位(px)をつけた数値、またはパーセンテージ値で指定します。

例)

<hr style="width: 200px" />



widthプロパティ

text-alignプロパティ

text-alignプロパティはwidthプロパティで区切り線の長さを指定した場合にウインドウ内での左右揃えを指定する属性です。指定しない場合の基準値はcenter。

値)

例)

<hr style="width: 200px;text-align: left;" />



text-alignプロパティ


heightプロパティ

heightプロパティは区切り線の高さ(太さ)を指定します。値は単位(px)をつけた数値で指定します。指定しない場合の基準値は、ブラウザにより様々ですが、およそ1〜2ピクセルでの表示になります。

例)

<hr style="width: 200px;height: 10px;" />



heightプロパティ


区切り線の色

区切り線の色をスタイルシートで指定するには、border-widthプロパティの値を0(ゼロ)ピクセルで指定し、heightプロパティでお好みの高さ(太さ)をピクセル値で指定、、background-colorプロパティの値に、RGB値、又は、カラーネームで色を指定します。また、colorプロパティは互換表示モードに対応するために記述しています。

例)

<hr style="border-width: 0px;height: 1px;background-color: #ff0000;color: #ff0000;" />



ページトップへ戻る



RAWで撮ろうLife with a cameraLife with a camera 2


inserted by FC2 system