Go to information

hr要素

  1. hr要素
  2. align属性
  3. color属性
  4. noshade属性
  5. size属性
  6. width属性
  7. その他の属性

hr要素

hr要素(horizontal rule)は水平方向に罫線(区切り線)を表示させます。同一ページ内で複数の話題を扱う場合に途中で話題を変える時の目印となる区切り線として用いられます。

hr要素は終了タグはなく内容をもたない空要素ですが、ブロック要素に分類され、視覚環境の UA では表示域の左右いっぱいまでの範囲を占め前後に改行を置いた表示になります。このため hr要素に続いてテキストや他の要素を続けたり、hr要素を2つ続けて横に並べて表示させることはできません。また、非視覚環境においては再現(表現)しにくいことから、積極的に title属性を指定して補足情報をつけることが推奨されています。

バージョン
要素型
ブロック要素
開始タグ
必須
終了タグ
-
非推奨
-
内包可能
-

align属性

バージョン
指定要素
hr
必須
-
非推奨
属性値

width属性で区切り線の横幅を指定した場合に、区切り線の水平(左右)方向の揃え方を指定します。値には次の3つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

left
表示域に対して区切り線を左揃えに表示する
right
表示域に対して区切り線を右揃えに表示する
center
表示域に対して区切り線を中央揃えに表示する

align属性は非推奨のため、CSStext-alignプロパティで代替することが推奨されています。

color属性

バージョン
Internet Explorer の独自機能
指定要素
hr
必須
-
非推奨
-
属性値

区切り線の色を16進数RGB値、またはカラーネームで指定します。仕様には定義されていない Internet Explorer が独自に採用した機能ですが、Firefox と Safari も対応しています。Netscape と Opera では無効です。

noshade属性

バージョン
指定要素
hr
必須
-
非推奨
属性値

区切り線の表示方法を影なしで表示させる属性です。デフォルトの区切り線は陰影のある立体的な表示になっていますが、これをあえて平面的なラインで表現します。 HTML4.01 では noshade、XHTML ではnoshade="noshade" と記述します。また、CSS の background-colorプロパティで背景色が指定されると、noshade属性が指定された場合と同じように平面的なラインになります(Internet Explorer のみ実装に問題があり区切り線の色は前景色扱いになるため colorプロパティで指定しなければなりません)。

size属性

バージョン
指定要素
hr
必須
-
非推奨
属性値
整数(pixels)

区切り線の太さ(高さ)を整数(ピクセル数で解釈)で指定します。CSS の heightプロパティで代替することが推奨されています。

width属性

バージョン
指定要素
hr
必須
-
非推奨
属性値

区切り線の横幅を整数(ピクセル数で解釈)で指定します。CSS の widthプロパティで代替することが推奨されています。

その他の属性

共通属性
イベント属性
現在位置
  1. W3G
  2. XHTML
  3. HTML辞典
  4. hr要素
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-09-25T20:11:09+09:00
更新
2008-12-29T04:27:09+09:00
URI
http://w3g.jp/xhtml/dic/hr
検索

実績:大阪学院 入試サイト New! / 三田市民病院 / 神戸女学院大学 入試サイト / 釣りサンデー