ویژگی outline-offset در CSS

outline-offset Property

ویژگی outline-offset در CSS فاصله میان outline و لبه عنصر یا border را مشخص می کند.

outline خطیست که به دور عنصر و بیرون border رسم می شود. فاصله بین عنصر و outline بیرنگ (شفاف) است، به عبارتی به رنگ پیش زمینه عنصر والد است.

نحوه نوشتار

outline-offset:7px;
outline-offset: 0.5rem;

در مثال زیر نحوه عملکرد این ویژگی را میبینیم:

html

<div class="style">
      این عنصر هم border دارد و هم outline
</div>

css

.style {
    direction: rtl;
    text-align: center;
    padding: 15px;
    margin: 30px;
    background-color: lightgreen;
    border: 7px dotted orangered;
    outline: 7px solid violet;
    outline-offset: 10px;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها بجز Internet Explorer از این ویژگی در CSS پشتیبانی می کنند.