CSS اینسِت پروپری

تعلیم اور استعمال

inset سائط استعمال کے لئے پرنترست بجٹ کا استعمال کرنا ہوتا ہے جو اپنے والد سائط سے فاصلہ بجٹ رکھتا ہے。

注意：توجه داشته باشید: برای اینکه این ویژگی فعال شود، باید مشخص شود که position

inset property.

• این ویژگی یک شorthand از ویژگی‌های زیر است:
• top
• bottom
• left

inset right

مقدار ویژگی می‌تواند به روش‌های مختلف تنظیم شود:

inset: 15px 30px 60px 90px;

• اگر مقدار inset سه عدد داشته باشد:
• اگر مقدار inset چهار عدد داشته باشد:
• فاصله بالا 15 پیکسل هستند
• فاصله راست 30 پیکسل هستند

فاصله چپ 90 پیکسل هستند

inset: 15px 30px 60px;

• اگر مقدار inset سه عدد داشته باشد:
• فاصله‌های بالا و پایین 15 پیکسل هستند
• فاصله بالا 15 پیکسل هستند

فاصله پایین 60 پیکسل هستند

مقدار ویژگی به ترتیب فاصله از عنصر والد تنظیم شده است: 15 پیکسل برای بالا و پایین، 30 پیکسل برای سمت چپ و راست:

• اگر مقدار inset دو عدد داشته باشد:
• فاصله‌های بالا و پایین 15 پیکسل هستند

فاصله‌های چپ و راست 30 پیکسل هستند

اگر مقدار inset یک عدد داشته باشد:

• inset: 10px;

فاصله در چهار جهت 10 پیکسل هستند

مثال

مثال 1

div {
  تنظیم فاصله <div> عناصر با عنصر والد:
}

آزمایش کنید

inset: 35px;

مقدار ویژگی <div> عناصر را تنظیم می‌کند: inset مثال 2

div {
  مقدار ویژگی به ترتیب فاصله از عنصر والد تنظیم شده است: 15 پیکسل برای بالا و پایین، 30 پیکسل برای سمت چپ و راست:
}

آزمایش کنید

inset: 15px 30px;

مقدار ویژگی <div> عناصر را تنظیم می‌کند: inset مثال 3

div {
  inset: 15px 30px 60px;
}

آزمایش کنید

مثال 4

مقدار ویژگی <div> عناصر را تنظیم می‌کند: inset مقدار ویژگی به ترتیب فاصله از عنصر والد تنظیم شده است: 15 پیکسل برای بالا، 30 پیکسل برای سمت راست، 60 پیکسل برای پایین و 90 پیکسل برای سمت چپ:

div {
  inset: 15px 30px 60px 90px;
}

آزمایش کنید

آموزش زبان CSS

inset: auto|length|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

مشارکت کی صفحات

تعلیم:CSS کی توجیہ

مشارکت:CSS position کی اپریشن

مشارکت:CSS bottom کی خاصیت

مشارکت:CSS چپ پروپری

مشارکت:CSS right کی اپریشن

مشارکت:CSS top کی خاصیت