CSS padding-inline-end کی اپریشن

کلاس درس پیشنهادی:

تعریف و استفاده padding-inline-end عنصر

به فضایی اشاره دارد که از لبه فریم عنصر تا محتوای آن در جهت خطی پایان دارد. padding-inline ویژگی‌های CSS مرتبط بسیار مشابه است، اما CSS ویژگی‌ها با ویژگی‌های CSSpadding-bottompadding-toppadding-bottom، ویژگی‌های CSS مرتبط padding-left padding-right padding-inline ویژگی‌های CSS مرتبط بسیار مشابه است، اما padding-block

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

مثال

مثال 1

تنظیم پدینگ در پایان جهت خطی:

div {
  padding-inline-end: 50px;
}

آزمایش کنید

مثال 2

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

div {
  writing-mode: vertical-rl;
  padding-inline-end: 100px;
}

آزمایش کنید

مثال 3

مقدار ویژگی <div> را direction وقتی مقدار ویژگی به rtl تنظیم شود، جهت خطی از راست به چپ است. نتیجه این است که موقعیت پایان عنصر از سمت راست به سمت چپ حرکت می‌کند:

div {
  direction: rtl;
  padding-inline-end: 100px;
}

آزمایش کنید

قوانین CSS

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

مقدار ویژگی

جزئیات فنی

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

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

متعلقہ صفحات

مطالعه:CSS ڈائریکشن پراپرٹی

مطالعه:CSS padding-inline کی اپریشن

مطالعه:CSS padding-inline-start کی اپریشن

مطالعه:CSS padding-bottom کی اپریشن

مطالعه:CSS padding-left کی اپریشن

مطالعه:CSS padding-right کی اپریشن

مطالعه:CSS padding-top کی اپریشن

مطالعه:CSS writing-mode کا کیپریٹ