خاصیت inset-block در CSS - وب سایت PNLdev

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

#myDIV {
    position: absolute;
    background-color: lightblue;
    inset-block: 10px 50px;
}

آزمایشگاه

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

برای تعیین حد فاصله یک عنصر نسبت به عنصر والدش در محدوده block از خاصیت inset-block استفاده می کنیم.

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

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

inset-block: auto|value|initial|inherit;

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