ویژگی padding-top CSS

تعریف و استفاده

ویژگی padding-top فضای فضای بالای عنصر را تنظیم می‌کند (فضا).

توضیحات

این ویژگی عرض فضای فضای بالای عنصر را تنظیم می‌کند. فضای فضای بالای عنصر‌های درون‌جریان غیر جایگزین تأثیری بر محاسبات ارتفاع جریان ندارد، بنابراین، اگر عنصری هم فضای فضای بالایی و هم پس‌زمینه دارد، ممکن است از دیدگاه بصری به خطوط دیگر ادامه یابد و ممکن است با محتوای دیگر برخورد کند. نمی‌توان مقادیر فضای فضای بالای منفی تعیین کرد.

توضیحات:نمی‌توان از مقادیر منفی استفاده کرد.

لطفاً به این بخش مراجعه کنید:

آموزش CSS:پدینگ داخلی CSS

دستورالعمل مرجع HTML DOM:ویژگی paddingTop

مثال

تنظیم فضای فضای بالای عنصر p:

p
  {
  padding-top:2cm;
  }

آزمایش کنید

更多实例可在页面底部找到

نوشتار دستور زبان CSS

padding-top: length|initial|inherit;

مقدار ویژگی

مقدار توضیح
length تعیین مقدار ثابت فضای فضای بالای با واحد معینی، مانند پیکسل، سانتی‌متر و غیره. مقدار پیش‌فرض 0px است.
% تعیین فضای فضای بالای بر اساس درصد عرض عنصر والد. این مقدار ممکن است در همه مرورگرها به صورت پیش‌بینی شده عمل نکند.
inherit تعیین می‌کند که فضای فضای بالای باید از عنصر والد ارث‌برداری کند.

جزئیات فنی

مقدار پیش‌فرض: 0
erbیت‌پذیری: no
نسخه: CSS1
نوشتار دستور زبان: اجسام.style.paddingTop="10px"

مثال عملی TIY

تنظیم فضای فضای بالای 1
این مثال نحوه استفاده از واحد سانتی‌متر برای تنظیم فضای فضای بالای سلول را نشان می‌دهد.
تنظیم فضای فضای بالای 2
این مثال نحوه استفاده از درصد برای تنظیم فضای فضای بالای سلول را نشان می‌دهد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5