menu
menu

text-align・margin(けい線)【CSSリファレンス】 | Webデザインラボ

キーワード検索

11月のアクセストップ10

  1. ( 1-) スマホサイトの作成・基本編
  2. ( 3↑) CSSだけでドロップダウンメニュー
  3. ( 2↓) CSSだけでサイズ可変・スマホ対応のアコーディオン
  4. ( 4-) HTML5・ページ作成の基本
  5. ( 5-) jQueryでドロップダウンメニュー
  6. ( 6-) スマホ・タブレット・PCの振り分けいろいろ
  7. ( 9↑) 表示しているブラウザの高さを取得してCSSのheightに指定
  8. ( 8-) Windows 10にApache2.4 VC11をインストール
  9. ( 7↓) JavaScriptで新しいウィンドウを開く
  10. (-↑) CSSだけでブロック要素の表示非表示(トグルボタン)
  • facebook2
  • はてなブックマーク3
  • Google+2
  • Pocket0
  • Twitter0

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
  • facebook2
  • はてなブックマーク3
  • Google+2
  • Pocket0
  • Twitter0