ویژگی padding-block CSS

صفحه قبل padding
صفحه بعدی padding-block-end

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

عنصر padding-block این فضای بین لبه‌ی فریم و محتوای آن در جهت بلوک است، و کوتاه‌نویسی از برخی از ویژگی‌ها است:

padding-block مقدار attribute می‌تواند به روش‌های مختلف تنظیم شود:

اگر attribute padding-block دو مقدار داشته باشد:

padding-block: 10px 50px;

پادپایه‌های اولیه 10px هستند
پادپایه‌های نهایی 50px هستند

اگر attribute padding-block یک مقدار داشته باشد:

padding-block: 10px;

پادپایه‌های اولیه و نهایی هر دو 10px هستند

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

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

مثال

مثال 1

پادپایه‌های دو طرف محور بلوک را تنظیم می‌کند:

p {
  padding-block: 35px;
}

خودتان امتحان کنید

مثال 2

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

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

خودتان امتحان کنید

جملات CSS

padding-block: auto|مقدار|مقدار پیش‌فرض|ارث;

مقدار ویژگی

مقدار	توضیح
자وما	مقدار پیش‌فرض. مقدار پیش‌فرض padding-block عنصر.
length	padding-block را به عنوان px، pt، cm و غیره مشخص می‌کند. مقدار منفی مجاز نیست. لطفاً به:واحدهای CSS.
%	padding-block را به عنوان درصد از اندازه عنصر والد در جهت خطی مشخص می‌کند.
مقدار پیش‌فرض	این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به: مقدار پیش‌فرض.
ارث	این ویژگی را از عنصر والد خود ارث می‌برد. به: ارث.

جزئیات فنی

مقدار پیش‌فرض:	자وما
نحوه ارث:	خیر
انیمیشن:	پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
جملات جاوااسکریپت:	object.style.paddingBlock="100px 50px"