ویژگی padding-block-end CSS

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

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

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

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

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

مثال

مثال 1

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

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

جمله‌بندی CSS

padding-block-end: خودکار|مقدار|ابتدایی|تولید;

مقدار ویژگی

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

جزئیات فنی

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