We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

CSSpadding-top プロパティは、要素のパディング領域における上部の高さを設定します。

要素のパディング領域とは、コンテンツと境界線の間の領域です。

CSS の padding-top プロパティの要素ボックスへの影響

注: 一括指定プロパティの padding では、一度の宣言で要素の四辺のパディングを設定できます。

構文

/* <length> の値 */
padding-top: 0.5em;
padding-top: 0;
padding-top: 2cm;

/* <percentage> の値 */
padding-top: 10%;

/* グローバル値 */
padding-top: inherit;
padding-top: initial;
padding-top: unset;

padding-top プロパティは下記のリストから選択した単一の値を指定されます。マージンとは異なり、パディングには負の値を指定することはできません。

<length>
固定値によるパディングの寸法です。負の数であってはいけません。
<percentage>
コンテナーブロックの width に対するパーセントによるパディングの寸法です。負の数であってはいけません。

構文形式

<length> | <percentage>

.content { padding-top: 5%; }
.sidebox { padding-top: 10px; } 

仕様書

仕様書 策定状況 コメント
CSS Basic Box Model
padding-top の定義
草案 変更なし。
CSS Transitions
padding-top の定義
草案 padding-top がアニメーション可能と定義。
CSS Level 2 (Revision 1)
padding-top の定義
勧告 変更なし。
CSS Level 1
padding-top の定義
勧告 初回定義。

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応112143.51
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: Uemmra3, mfuji09, Sebastianz, Prinz_Rana, fscholz, ethertank, Yuichiro
最終更新者: Uemmra3,