CSS inset-inline-end

پیشنهاد دوره:

inset-inline-end تعریف و استفاده

توجه:ویژگی را تنظیم کنید تا فاصله انتهای عنصر در جهت خط با عنصر والد تنظیم شود. برای اینکه این ویژگی مؤثر باشد، باید ویژگی. position

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

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

مثال

مثال 1

فاصله انتهای عنصر <div> تنظیم شده برای قرارگیری در جهت خط با عنصر والد:

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

آزمایش کنید

مثال 2

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

div {
  inset-inline-end: 50px;
  writing-mode: vertical-rl;
}

آزمایش کنید

مثال 3

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

div {
  inset-inline-end: 50px;
  direction: rtl;
}

آزمایش کنید

نوع CSS

inset-inline-end: auto|طول|ابتدایی|وراثت;

مقدار ویژگی

جزئیات فنی

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

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

متعلقہ صفحات

تعلیم:CSS مقام

مشارکت:CSS position کا نمائش

مشارکت:CSS ڈائریکشن پراپریٹی

مشارکت:CSS writing-mode کی خاصیت