サイト内検索
...HTML・XHTMLタグ...
ライン・水平線
サイズ
- 水平線のサイズ
- 太さには、hr要素にsize属性を指定します。
- 長さには、hr要素にwidth属性を指定します。
- 位置を決めるには、align属性を指定します。
- (hr要素の中に、指定することです。)
- [使い方]
- <hr size="50" width="250" align="left>
- [メモ・・・W3Cの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていませんので、
- Validするには、スタイルシートを使用します。
- text-alignプロパティ・widthプロパティ・heightプロパティを指定します。
- [サンプル]
- hr{
text-align: center; width:300px; height:20px;
}
属性 | 属性値 | 説明 |
---|---|---|
size= | "" | 線の太さの指定をします。
「"20"」のように 整数の「ピクセル数」を指定します。 |
width= | "" | 長さの指定をします。
「"20"」のように 整数の「ピクセル数」 または 「パーセント」を指定します。 初期値は、100%です。 |
align= | "left" | 左揃えに表示します。 |
"center" | 中央揃えに表示します。
・・初期値 |
|
"right" | 右揃えに表示します。 |
指定のない場合は、太さは2・長さは100%・位置は中央(center)に表示されます。
サンプル
size・width・alignを指定
<hr>指定なしの場合
<hr width="70%" size="20"> <hr width="70" size="20"> <hr align="left" width="250" size="50">
<hr align="center" width="250" size="50">
<hr align="right" width="250" size="50">
|
height・width・text-alignを指定
<hr>指定なしの場合
<hr style=" width:70%; height:20px;"> <hr style="width:70px; height:20px;"> <hr style="text-align: left; width:250px; height:50px;">
<hr style="text-align: center; width:250px; height:50px;">
<hr style="text-align: right; width:300px; height:50px;">
|