خاصیت outline-offset در CSS3
با استفاده از خاصیت outline-offset می توانید خط outline را با فاصله از مرز لبه اصلی (border) چاپ کنید.
اگر مایلید در مورد خاصیت outline بیشتر بدانید به بیاموز CSS Outline مراجعه نمایید.
Outline و border دو تفاوت اصلی دارند:
- عرض outline جزو ابعاد عنصر محسوب نمی شود.
- outline می تواند اشکال غیر چهار ضلعی داشته باشد.
در این <div> خط outline با 15 پیکسل فاصله از border چاپ شده است.
مثال (خاصیت outline-offset در CSS3)
مشخص کردن outline با 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;
}
