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