余白の調整をする余白の調整をする余白を大きくしたり、小さくしたり、または挿入したり余白を調整する方法です。余白を調整するには、下記の2種類があります。下記でそれぞれを説明します。sample外枠(赤)までを、外枠(青)からmarginで設定。外枠(青)に対して、この文字のまでのpaddingを設定。余白を調整するには、スタイルシートを使用します。margin:距離マージンとは、要素の外側の余白を調整する際に使用します。設定する要素の外側に余白を設定する場合に使用します。このマージンが最初から設定されている要素の場合にも、余白を無くす場合に使用する事もできます。要素に対してmargin:距離のスタイルを適用する事で可能になります。下記に適用方向を記載します。右側のみ下記は<div>内容部分</div>に対して設定します。#0000ff;margin:20px;">外枠(赤)までを、外枠(青)からmarginで設定。外枠(赤)までを、外枠(青)からmarginで設定。padding:距離パディングとは、要素の枠から見て内側の余白を調整する際に使用します。要素に対してpadding:距離のスタイルを適用する事で可能になります。下記に適用方向を記載します。右側のみ下記は<div>内容部分</div>に対して設定します。#0000ff;padding:20px;">外枠(青)に対して、この文字のまでのpaddingを設定。外枠(青)に対して、この文字のまでのpaddingを設定。▲スポンサードリンク無料メール情報誌ワンランクUP講座ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。スタイルブック全体レイアウトを実際のサイト事例を使用し、詳細までを解説。スタイルシートの使い方のバリエーションを知る事ができる1冊。Windows版Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。本ページのW3Cでの記述検証結果は下記をクリックすると見れます。