水平線を引く

トップやさしいHTML教室トップメニュー>水平線を引く 次へ(文字をスクロールさせる)

<hr>

水平線を引くには、<hrを使います。線を引きたいところに<hrを入力するだけで使えます。また、"width"や"align"などの属性タグを利用することで、細かい設定も可能です。

<hr width="1〜100%またはピクセル数">

"width"を使えば、水平線の長さが調整できます。

<hr size="数値">

"size"を使えば、水平線の太さが調整できます。

<hr color="色番号または色名">

"color"を使えば、水平線の色が指定できます。ただし、これは、Internet Explorerだけが対応していますので、Netscape Navigatorなどのブラウザで表示するとこの属性は無視され何も指定しないのと同じになります。

<hr align="center,left,right">

"align"を使えば、水平線の位置を指定できます。

<hr noshade>

何も指定しなければ立体的な線が引かれますが、"noshade"を着けることによって立体感のない線にすることができます。

プレビュー HTMLソース
サンプル
戻る 進む ホーム







<html>
<head>
<title>サンプル</title>
</head>
<body>
<hr>
<hr width="150">
<hr width="70%">
<hr size="8">
<hr color="#ff0000">
<hr width="50%"align="right">
<hr noshade size="6">

</body>
</html>

トップやさしいHTML教室トップメニュー>水平線を引く 次へ(文字をスクロールさせる)