{text-align:位置;}で水平線の表示位置を指定することが出来ます。
水平線の表示位置
水平線の表示位置は以下の通りです。
位置 | 説明 |
left | 水平線を左に表示します。 |
right | 水平線を右に表示します。 |
【ブラウザ表示】
ソース
<hr class="place1">
<hr class="place2">
外部ファイル
hr.place1{text-align:left; width:200px;}
hr.place2{text-align:right; width:200px;}
<body>~</body>に直接記入する場合
<hr style="text-align:left; width:200px;">
<hr style="text-align:right; width:200px;">
■ その他の項目
・
水平線の横幅、高さを指定する
・
枠線の太さ、種類、色を指定する
・
水平線に背景色や画像を指定する
・
水平線の外側の余白を指定する
スタイルシート一覧のページに戻る
|