padding-topは、HTML要素の上部に余白を設定するプロパティです。padding-topを使用することで、要素の上部に余白を設定し、見た目を整えることができます。
使い方
padding-topを使用するには、CSSのpaddingプロパティを使用します。paddingプロパティは、上下左右の余白を設定するプロパティです。padding-topを使用する場合は、paddingプロパティの上部の余白を設定します。
例①
padding-topを使用して、要素の上部に20pxの余白を設定する場合は、以下のように記述します。
div {
padding-top: 20px;
}
例②
padding-topを使用して、要素の上部に10%の余白を設定する場合は、以下のように記述します。
div {
padding-top: 10%;
}
例③
padding-topを使用して、要素の上部にautoの余白を設定する場合は、以下のように記述します。
div {
padding-top: auto;
}
実際試したところ結果： https://eigo-bunpou.com/revelry/