hr要素

この情報はお役に立ちましたか？よろしければ皆様にもお知らせください。

hr要素の役割

hr要素は、水平方向に罫線を引きます。
文章と文章の区切りなどに使われます。
hr要素はブロック要素です。

属性名	意味
align	横方向の配置位置の指定。非推奨。
class	クラス名。CSSを適用するときなどに使用する。
dir	文字表記の方向。左から右（ltr）と、右から左（rtl）を指定する。通常はltrなので、右から左へ表記する言語を使わないのであれば、指定しなくてよい。
id	ID名。CSSを適用するときに使用する。
lang	言語コード。日本語、英語といった言語を指定する。html要素に記述してあれば、明示する必要はない。
noshade	影をつけない。非推奨。
size	線の太さ。非推奨。
style	スタイルシートを直接記述する。
title	補足情報。テキストにカーソルを合わせるとtitle属性に指定した文字列をポップアップで表示する。
width	横幅。非推奨。

hr要素を指定すると、立体的な表示で罫線が表示されます。
なお、size属性は非推奨のため、幅を変えたいのであれば、CSSのheightプロパティを使います。同様に、width属性は、CSSのwidthプロパティで指定します。

noshade属性を付記すると、立体的な表示をしなくなります。

なお、罫線は、hrを使わずとも、CSSのborder関連のプロパティでもひくことができます。

align属性に取れる値は以上の3つですが、非推奨属性なので、CSSのtext-alignプロパティで指定します。

UpDate:2010-4-2

〔Amazonの書籍紹介ページを開きます〕

実際に一つのウェブサイトをつくる過程を経験しながらHTMLやCSSを理解していくスタイルをとっている本。初心者向けで非常にわかりやすい構成です。

HTML文書をつくる上で辞典の存在は欠かせません。ウェブ上で調べればいいと思う人もいるかもしれませんが、やはり傍らにおいてすぐに調べられるようにしておくと作業は早くなります。中級者向け。

HTMLについてまったくの初心者が読む本。初心者であってもコンピュータ系に理解力がある人には向いていません。本書を読んで大体理解したら上掲の本などで理解を深めましょう。

CSSによる段組レイアウトXHTML／HTMLのテクニックを順を追って解説する良書。実戦的な内容で覚えた知識でウェブサイトをつくりはじめられます。

ウェブデザイン、ウェブサイト作成の初心者～中級者向けの本。丁寧なつくりでHTMLの要素、CSSのプロパティ解説ページにおいても関連ページの表記を細かく行っています。