|
水平の罫線
|
|
関連
width
color
align
size
|
|
|
水平の罫線は、強制改行してセンターリングされて表示します。
デフォルト（規定値）
水平の罫線は、ページレイアウトで、使い方を工夫すると画像のように表示出来るので学習して下さい。
|
<hr color="#ff8800">
|
水平の罫線に表示色を指定した上記の、表示見本
|
|
|
|
水平の罫線のタグ解説
| 要素 |
属性 |
値 |
語源 |
読み名 |
説明 |
|
hr
|
|
|
horizontal ruled line
|
エイチアール/ホリゾンタルルール
|
水平の罫線です
この要素以降に属性を指定します。 空要素
|
|
width
|
|
width
|
ウィズ
|
横幅を指定する属性ピクセル(整数)または、％で指定できる。
|
|
color
|
|
color
|
カラー
|
色の指定属性
色指定
は、
IE
の拡張機能で
Netscape Navigator Opera
では正常に表示しない。
（註1）
非推奨
|
|
size
|
|
size
|
サイズ
|
水平線（高さ）の指定属性。
|
|
align
|
|
alignment
|
アライメント
|
位置の指定属性。
|
|
noshade
|
|
no shade
|
ノンシェード
|
陰を消すの意味
デフォルト規定値
では影の付いた立体的な罫線となりますが、noshade
属性により平面的な単色の罫線にすることができます。
(注) ※なお
HTML4.01では
（註2）
非推奨
とされています。
|
|
|
|
水平の罫線に、表示色・太さを指定。
|
<hr color="#cc00ff" size="4">
|
水平の罫線に表示色・太さを指定した上記の、表示見本
|
|
|
|
|
|
水平の罫線に表示色・太さ・長さを指定。
|
<hr color="#008800" size="5" width="500">
|
水平の罫線に表示色・太さ・長さを指定した上記の、表示見本
|
|
|
|
|
|
水平の罫線に表示色・太さ・長さに表示位置を指定。
|
<hr color="#ff0000" size="3" width="500" align="left">
|
水平の罫線に表示色・太さ・長さ・表示位置を指定した上記の、表示見本
|
|
|
|
|
|
上記の、水平の罫線のバリエーション HTMLタグ 位置指定タグの違いに注意。
|
|
<hr width="400" color="#ff0000" align="left">
<hr width="400" color="#ff00ff" align="center">
<hr width="400" color="#dd0099" align="right">
|
|
|
ライン画像に比べて負担もかからない 何らかの原因で画像表示をしない場合を考えると、
水平の罫線の方が、トラブルも少ないのでお薦めです。
|
|
|
非推奨とは、
|
（註1） 非推奨とは
将来的に、HTML4.01以降の次期バージョンXHTMLから、廃止となる予定の機能の事で、CSSなどに移行して代替タグが有る場合と完全に廃止されるものがある。
その他、各ブラウザに共通機能ではない拡張機能も非推奨とされています。
但し、非推奨とはいいながら汎用的に使用されており、前バージョンとの互換タグとして認められている。
| |
| |
水平の罫線の色指定は、IE拡張機能で共通ブラウザの代替タグはCssの指定にも有りません。
IE以外のブラウザでは、モノクロの水平の罫線として表示されます。
| |
|
講座主催者が、推し薦める事ではないが現時点のブラウザのシェアはIEの独走状態(95.5％)で、IEの拡張機能のタグを
否定するのも如何なものかと思うのですが、、、。
ブラウザIEのシェアは？
から
|
|
|
|
|
|
|
|
|
|