menu
menu

キーワード検索

text-align・margin(けい線)【CSSリファレンス】

  • CSS

text-align・margin

こんにちは(・∀・)

 CSSプロパティのご紹介です。今回ご紹介するCSSプロパティは罫線で使用する場合のtext-alignmarginです。

概要

 text-alignプロパティとmarginプロパティを使用して罫線の位置を指定します。



hr {
	text-align: left;
	margin-left: 0;
}
適用要素
text-align
ブロックレベル要素
margin
すべての要素
*tr要素・th要素・td要素・thead要素・tbody要素・tfoot要素・col要素・colgroup要素を除く
指定方法

 text-align: left; 左に表示 IE Opera

 text-align: right; 右に表示 IE Opera

 margin-left: 0; 左に表示 Firefox Safari Crome

 margin-right: 0; 右に表示 Firefox Safari Crome

初期値

 中央

サンプルデモ

HTML

<hr>
CSS

hr {
	width: 300px;
	height: 2px;
	text-align: left;
	margin-left: 0;
}
  • カテゴリー:CSS