CSS – فاصله خط‌چین (Outline Offset)

ویژگی outline-offset فاصله‌ای را بین خط‌چین و لبه/حاشیه یک عنصر اضافه می‌کند. فضای بین یک عنصر و خط‌چین آن، شفاف است.

مثال:

در زیر یک پاراگراف که دارای خط‌چینی به فاصله ۱۵ پیکسل خارج از لبه حاشیه است، نشان داده شده است:

این پاراگراف دارای یک خط‌چین به فاصله ۱۵ پیکسل از لبه حاشیه است.

p {
  margin: 30px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 15px;
}

مثال دیگر:

در مثال زیر، فضای بین یک عنصر و خط‌چین آن شفاف است:

این پاراگراف دارای یک خط‌چین به فاصله ۱۵ پیکسل از لبه حاشیه است.

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 15px;
}

این ویژگی به شما امکان می‌دهد تا کنترل بیشتری بر روی فاصله و نمایش خط‌چین‌ها در طراحی خود داشته باشید.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.