外側の余白を指定する
上部
スタイルシートを使ってボックスの外側の余白を指定する方法について説明していくよ。
外側というのは枠線の外側のことだよ。
外側の余白を指定するには「margin」を使うんだよ。
外側の余白を指定する
上部
例えば、「見出し2」の、外側に10pxの余白を指定したい場合、スタイルシートに次のように書こう。
h2{margin:10px;}
学
なるほどー。
上部
この書き方だと上下左右同じように10pxの余白が設定されるんだけど、上下左右それぞれ余白の値を設定することも出来るんだよ。
例えば、上を5px、下を10px、右を15px、左を20pxにしたい場合は、スタイルシートに次のように書こう。
h2{margin:5px 10px 15px 20px;}
学
なるほどー。別々の値を指定する事も出来るんですね。