});余白を制するものは、デザインを制す!無数にあるCSS/スタイルシートのプロパティを大まかに分類し、分類したプロパティを1つずつ紹介していく本連載。第3回の今回は、ボックス(borderプロパティ)周りの見えない余白部分を制御するマージンとパディングのプロパティを10個紹介します。CSS/スタイルシートの基本的な使い方に関しては、下記連載をご参照ください。聞けないCSS/スタイルシート入門Webデザインにあると便利なCSS。サイトをステキにするためのスタイルシートです。基本の基本を学びませんか?「デザインハック」コーナーまた本企画では、プロパティの参照方法のコードを、標準JavaScriptによるDOMでの参照方法に加え、jQueryのセレクタを使った参照方法も掲載してます。jQueryと、そのセレクタについては、下記記事をご参照ください。リッチクライアント2009/12/8marginプロパティmarginプロパティは、ボックスモデルの一番“外側”にある余白領域(マージン)の幅を表します。上下左右のマージンを一括で指定できます。margin-top、margin-bottom、margin-left、margin-rightといったプロパティのショートハンドプロパティとして使用されます。外側にある余白領域の幅を表すmarginプロパティmargin-topプロパティボックスの上側のマージンの値を設定するプロパティです。上側のマージンの値を設定するmargin-topプロパティmargin-bottomプロパティボックスの下側のマージンの値を設定するプロパティです。下側のマージンの値を設定するmargin-bottomプロパティmargin-leftプロパティボックスの左側のマージンの値を設定するプロパティです。左側のマージンの値を設定するmargin-leftプロパティmargin-rightプロパティボックスの右側のマージンの値を設定するプロパティです。右側のマージンの値を設定するmargin-rightプロパティpaddingプロパティpaddingプロパティは、ボックスのコンテンツエリア周りの“内側”の余白領域(パディング)の幅を表します。上下左右のマージンを一括で指定できます。padding-top、padding-bottom、padding-left、padding-rightといったプロパティのショートハンドプロパティとして使用されます。内側にある余白領域の幅を表すpaddingプロパティpadding-topプロパティボックスの上側のパディングの値を設定するプロパティです。上側のパディングの値を設定するpadding-topプロパティpadding-bottomプロパティボックスの下側のパディングの値を設定するプロパティです。下側のパディングの値を設定するpadding-bottomプロパティpadding-leftプロパティボックスの左側のパディングの値を設定するプロパティです。左側のパディングの値を設定するpadding-leftプロパティpadding-rightプロパティボックスの右側のパディングの値を設定するプロパティです。亮介......1980年愛媛県生まれ。タグパンダの代表取締役。ディレクター兼デザイナーとしてWeb制作案件に携わる。社名のパンダは、「白・黒はっきりした正しい判断力と柔軟性のあるクリエイティブな発想」を提供するという思いから。Web標準HTMLタグリファレンスWeb標準に基づいたXHTMLタグの正しいマークアップ方法のリファレンス一覧です。Web標準のタグリファレンスを7回連載でおさらいしますWebデザイナのためのHTMLチューニング入門Webサイトを見た人の印象を良くするのか悪くするのかには“速度”が大きくかかわってきます。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。