خاصیت inset-inline-end در CSS

یک نمونه ساده از خاصیت inset-inline-end:

#myDIV {
    position: absolute;
    background-color: lightblue;
    height: 100%;
    inset-inline-end: 50px;
}

آزمایشگاه

تعریف و کاربرد

برای تعیین فاصله داخلی/انتهایی یک عنصر نسبت به عنصر والدش، از خاصیت inset-inline-end استفاده می کنیم.

#	توضیحات
مقدار پیشفرض	خودکار
ارث بری	خیر
انیمیشن	بله
نسخه	CSS3
نگارش JS	object.style.insetInlineEnd="30%"

#	کروم	ادج	فایرفاکس	سافاری	اپرا
inset-inline-end

inset-inline-end: auto|value|initial|inherit;

مقادیر	توضیحات
auto	پیش فرض.
length	فاصله را بر حسب سانتی متر، پیکسل و.... تعیین می کند.
%	فاصله را بر حسب درصد محاسبه می کند.
initial	این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit	این مقدار را از تگ والد خود به ارث می برد.