ویژگی padding-block-start CSS

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

عنصر padding-block-start به فضایی که از لبه تا محتوای آن در ابتدای جهت بلوک وجود دارد، اشاره دارد.

CSS padding-block و padding-inline ویژگی‌ها با ویژگی‌های CSS padding-top،padding-bottom،padding-left و padding-right بسیار مشابه هستند، اما padding-block و padding-inline ویژگی‌ها بستگی به جهت بلوک و جهت خطی دارند.

توجه:ویژگی‌های CSS مرتبط دارد writing-mode تعریف شده است. این اثر را بر موقعیت شروع و پایان بلوک و padding-block نتیجه ویژگی. برای صفحات انگلیسی، جهت بلوک به سمت پایین است و جهت خطی از چپ به راست است.

مثال

مثال 1

پادینگ در ابتدای جهت بلوک تنظیم می‌شود:

p {
  padding-block-start: 35px;
}

آزمایش کنید

مثال 2

عنصر <div> را writing-mode وقتی مقدار ویژگی به vertical-rl تنظیم شود، جهت بلوک از راست به چپ است. نتیجه این است که موقعیت شروع عنصر به سمت راست تغییر می‌کند:

div {
  writing-mode: vertical-rl;
  padding-block-start: 50px;
}

آزمایش کنید

قوانین CSS

padding-block-start: auto|value|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

منابع:ویژگی padding-block CSS

منابع:ویژگی padding-block-end CSS

منابع:ویژگی padding-inline CSS

منابع:ویژگی padding-bottom CSS

منابع:ویژگی padding-left CSS

منابع:ویژگی padding-right CSS

منابع:ویژگی padding-top CSS

منابع:خصوصیت writing-mode CSS