HOME >> ページの書式設定を行う >> 水平線を設定する MENU▼ 

水平線を設定する

<hr>

<ht>で水平線を表示する事ができます。
また水平線は、太さ、長さ、表示位置、色を変える事が出来ます。

<hr size="ピクセル">

水平線の太さを変える場合にはhrにsaizeで指定します。
なお太さはピクセル単位で変ります。

<hr width=ピクセルまたは割合%>

長さを変える時はwidthで指定します。
長さはピクセル単位が画面の横幅に対する割合(%)で変わります。

<hr left> <hr right>

表示位置を変える場合は左寄りはleft、右寄りはrightで指定します。
何も指定しない場合水平線は中央に表示されるのでcenterを 指定する
必要はありません。

<hr noshade>

通常水平線は影がついて立体的に表示されますが、
noshadeで指定すると影のない線で表示されます。

<hr color="色名">

colorで指定すると水平線の色を変える事が出来ます。
色の指定には、「カラーネーム」や「16進数表記(#FFFFFF など)」 を使用します。


使用例
[ HTMLソース ]

<hr>
水平線を表示しています。

<hr size="20">
水平線の長さを20ピクセルに設定しています。

<hr width="150">
水平線の長さを150ピクセルに指定しています。

<hr align="left">
水平線の表示位置を左寄りに指定しています。

<hr align="right">
水平線の表示位置を右寄りに指定しています。

<hr noshade>
水平線を影のない線だけで表示しています。

<hr color="red">
水平線の色を赤に指定しています。   ↓

[ 表示結果 ]


水平線を表示しています。


水平線の長さを150ピクセルに指定しています。


水平線の表示位置を左寄りに指定していますす。


水平線の表示位置を右寄りに指定しています。


水平線を影のない線だけで表示しています。


水平線の色を赤に指定しています。





関連ページ
  1. 背景色を設定する
  2. 背景画像を設定する
  3. 基本の文字色を設定する
  4. 水平線を表示する
  5. ページのマージンを設定する



| HOME | ご利用について | 推奨環境 | リンクについて | 規約・免責 | リンク集 | お問合せ | TOP |