خصوصیت outline-offset
مثال (خصوصیت outline-offset)
رسم خطی به ضخامت 15 پیکسل در اطراف border عنصر:
div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}
خودتان امتحان کنید »{
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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
outline (بیاموز CSS)
CSS Outline (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6866
