ویژگی inset-block-start CSS

درس اختیاری

inset-block-start پیشنهاد دوره:

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

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

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

مثال

مثال 1

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

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

آزمایش شخصی کنید

مثال 2

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

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

آزمایش شخصی کنید

قوانین CSS

inset-block-start: auto|length|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

آموزش:تعیین مکان CSS

منبع:ویژگی position CSS

منبع:ویژگی writing-mode CSS