Next page Previous page Home page

Guide to HTML 3.2
 - Wilbur -

HR - Horizontal Rule
*

区切り線


タグ: <HR>
アトリビュート: ALIGN=left/right/center, NOSHADE, SIZE=n, WIDTH=n/"%"
Children: ナシ
Parents: Block-level
BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD DD, LI
Text-level
ナシ

区切り線を引くには、HRを使います。このエレメントにはクローズ・タグはありません。アトリビュートを入れて、区切り線の太さ、長さ、色、あるいは位置などの指定が出来ます。それぞれの簡単な説明の下に実際のHRラインが付いています。

  <HR> この下のラインが基本の区切り線です。ページ一杯に引かれます。



Attribute


  <HR NOSHADE>--区切り線の陰影を消す。
<HR>が一般的な区切り線ですが、NOSHADEを入れると陰影が消えます。



  <HR WIDTH=n%/n>--区切り線の長さを指定する。
区切り線の長さの調整は二通りあります。"n"には数字が入り、"n%"は画面の幅に対しての比率をパーセンテイジで指定、"n"はピクセル数で指定する場合です。

<HR WIDTH=75%>
ブラウザーの画面サイズを変えると、それに合わせて区切り線の長さも変ります。

<HR WIDTH=400>
ブラウザーの画面サイズを変えても区切り線の長さは変りません。
(アトリビュートを入れないと100%(ブラウザーの画面サイズ)で表示します。)



  <HR SIZE=n>--区切り線の太さを指定する。
区切り線の太さの調整です。"n"には数字を入れます。これもピクセルです。従って、"1"が一番小さく、数字が大きくなるに従ってラインも太くなります。

<HR SIZE=2>

<HR SIZE=8>

<HR SIZE=16>

(アトリビュートを入れないとsize=1で表示されます。)



  <HR ALIGN= RIGHT/CENTER / LEFT>--区切り線の位置を指定する。
区切り線の位置を右寄せ、センター、左寄せに指定出来ます。

<HR WIDTH=50% SIZE=2 ALIGN=LEFT>


<HR WIDTH=50% SIZE=3 ALIGN=CENTER>


<HR WIDTH=50% SIZE=4 ALIGN=RIGHT>



(アトリビュートを入れないとセンターに位置します。)

最後に、<HR NOSHADE WIDTH=85% SIZE=5 ALIGN=CENTER>


これらのアトリビュートは一つだけでなく合わせて使うことも出来ます。

繰り返しますが、<HR>タグにこうしたattributeを書き入れない場合は、WIDTH=100% SIZE=1 ALIGN=CENTERで表示されます。


Next page Previous page Home page


[HTML help] [Basics] [HTML 3.2] [Beginner's] [How]

Copyright (C) 1997 Abacuss iconABACUSS LTD.
www.abacuss.com