br要素

br要素はテキストや画像などのインライン内容を強制改行します。

例)

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

テキストAAAbbb
テキストBBBbbb


hr要素

hr要素は区切り線(罫線)を表示します。

属性)

<hr>



width属性

width属性は区切り線の幅(長さ)を指定します。値は単位(ピクセル)をつけない数値、またはパーセンテージ値で指定します。

例)

<hr width="200">


※代替指定
width属性はスタイルシートのwidthプロパティで代替指定する事が推奨されています。

例)

hr style="width: 200px;"

align属性

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

例)

<hr width="200" align="left">


※代替指定
align属性はスタイルシートのtext-alignプロパティで代替指定する事が推奨されています。

例)

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


size属性

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

例)

<hr width="200" align="left" size="10">

hr要素 size属性イメージ

※代替指定
size属性はスタイルシートのheightプロパティで代替指定する事が推奨されています。

例)

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


color属性

color属性は区切り線の色を指定します。値は、RGB値、またはカラーネームで指定します。

例)

<hr color="red">

hr要素 color属性イメージ

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

例)

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


noshade属性

noshade属性は平面的な区切り線を表示します。値はありません。

例)

<hr noshade width="200" size="10" color="red" align="left">

hr要素 noshade属性イメージ


ページトップへ戻る



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


inserted by FC2 system