margin(マージン)について
要素外の上・右・下・左の余白の幅を設定するプロパティです。
marginのブラウザ表示例
- ■CSS記述
.sample1 { border:1px solid #ccc; margin:30px; }- ■XHTML記述
<p class="sample1">サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</p>
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
margin(マージン)の設定方法
- 上幅
- margin-top: (値);
- 右幅
- margin-right: (値);
- 下幅
- margin-bottom: (値);
- 右幅
- margin-left: (値);
- 一括指定
- margin: (上) (右) (下) (左);
margin(マージン)の値
値は色々とありますが、
テンプレートではpxとemを使用しています。
mm , cm , in , pt , pc , em , ex , px , % , auto
