ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >水平線

水平線の表示位置を指定する

{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;">

■ その他の項目

水平線の横幅、高さを指定する
枠線の太さ、種類、色を指定する
水平線に背景色や画像を指定する
水平線の外側の余白を指定する

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.