خصوصیت outline-offset

مثال

رسم خطی به ضخامت 15 پیکسل در اطراف border عنصر:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

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

    

تمام مرورگرهای اصلی، به جز Internet Explorerخصوصیت outline-offset را پشتیبانی می کنند.

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

با استفاده از خصوصیت outline-offset، می توان افستی را در اطراف border عنصر ایجاد کرد.

outlineها با borderها از دو نظر متفاوت هستند:

  • outlineها فضا اشغال نمی کنند.
  • outlineها ممکن است مستطیلی نباشند.
مقدار پیشفرض 0
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.outlineOffset="15px"

نحوه استفاده

outline-offset: length|inherit:
مقدار توضیحات
length

فاصله outline از حاشیه را مشخص می کند.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.