CSS

Cascading Style Sheets padding-top property.

padding-top

　padding-topプロパティは、要素の上部の余白（内側のスペース）を指定するために使用されます。これにより、要素のコンテンツと境界（border）または上にある要素との間にスペースを作ることができます。

　CSSで padding-topプロパティを使用するには、以下のように書きます

selector {
	padding-top: value;
}

　selectorは、スタイルを適用する要素を指定します。padding-topプロパティは、要素が持つ余白を指定するために使用されるため、一般的にはブロック要素（div、pなど）に対して使用されます。

　valueは、ピクセル（px）、パーセント（%）、エム（em）などの単位を使用して指定されます。指定した値が要素の上部に適用され、コンテンツと境界の間にスペースが作成されます。

　例えば、以下のようなサンプルコードを考えてみましょう

.box {
	padding-top: 30px;
	background-color: lightgray;
}

<div class="box">この要素の上部に30ピクセルの余白ができます。</div>

　上記のコードでは、クラス名が「box」の div要素に padding-topプロパティを適用しています。この結果、div要素の上部に 30ピクセルの余白が作成されます。その結果、要素の内部コンテンツと上部の境界（border）の間にスペースが生じます。