Powered by FC2blog // login write data visitor
[ブログ] 余白の指定
カテゴリ : ブログ
2017年09月16日(土) / edit

【指定方法】
① margin: 2px; … 「上下左右」をまとめて指定
② margin: 2px 3px; … 「上下」と「左右」を指定
③ margin: 2px 3px 4px; … 「上」、「左右」、「下」を指定
④ margin: 2px 3px 4px 5px; … 「上」、「右」、「下」、「左」を指定(時計回り)

【マージンとパディング】
・マージン … 境界線(青緑の枠)より外側にある余白部分
・パディング … 境界線(青緑の枠)と内容領域の間にある余白部分

メモ
ブロックボックスが上下に並ぶ場合は、隣接する垂直方向のマージンが相殺される場合があります。

▼引用元
ボックスのマージン(外側の余白)を指定する(CSS)




【marginとpaddingの違い】
margin(マージン)=外側の余白
padding(パディング)=内側の余白

【指定方法は4通り】
px1個=全範囲
px2個=[上下] [左右]
px3個=[上] [左右] [下]
px4個=[上] [右] [下] [左]
別窓で開く / ▲TOP