CSS inset-block-end کیمپٹنسی

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

inset-block-end ویژگی‌ها تنظیم شود تا فاصله انتهای عنصر در جهت بلوک با عنصر والد مشخص شود.

توجه:برای اینکه این ویژگی عملی شود، باید ویژگی position ویژگی‌ها

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

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

مثال

مثال 1

تنظیم فاصله انتهای عنصر <div> مکان‌گذاری شده در جهت بلوک با عنصر والد:

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

آموزش زبان CSS

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

مقدار ویژگی

مقدار توضیح
آوتو مقدار پیش‌فرض. فاصله پیش‌فرض برای جاگذاری.
طول فاصله را به عنوان px،pt،cm و غیره مشخص کنید. مقدار منفی مجاز است. به:سی ایس ایس اکائی.
% فاصله‌ای را به عنوان درصد از اندازه والد در محور مربوطه مشخص کنید.
ابتدایی این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به: ابتدایی.
وارث این ویژگی را از عنصر والد خود ارث می‌برد. به: وارث.

جزئیات فنی

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

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

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

کروم ایج فائرفاکس سافاری آپرا
87.0 87.0 63.0 14.1 73.0

مربوط صفحات

تعلیم:CSS مقام

مطالعه:CSS position کا اپریشن

مطالعه:CSS writing-mode کا پرزوگاری