خاصیت outline در CSS

چاپ

خاصیت Outline در CSS

Wiki

ویژگی outline خطی است که اطراف لبه های یک عنصر کشیده می شود، توجه داشته باشید که با ویژگی border فرق دارد.

 همچنین عرض outline جزو ابعاد عنصر محسوب نمی شود.

به این خصوصیت می توان style، رنگ و عرض اختصاص داد.


مثال - خودتان امتحان کنید

Wiki

کشیدن خط اطراف یک عنصر (outline)
این مثال نشان می دهد که چگونه می توان یک خط اطراف عنصر p کشید، به عبارتی چگونه فضای بیرون از لبه های یک عنصر را تنظیم کنیم.

تنظیم Style خصوصیت outline
این مثال نشان می دهد که چگونه style یک outline را تنظیم کرد.

تنظیم رنگ خصوصیت outline
این مثال نشان می دهد که چگونه رنگ یک outline را تنظیم کرد.

تنظیم عرض خصوصیت outline
این مثال نشان می دهد که چگونه عرض یک outline را تنظیم کرد.


کلیه خصوصیات مربوط به outline

Wiki

شماره ای که در ستون css ذکر شده، نشان می دهد که خصوصیت مورد نظر در کدام نسخه CSS تعریف شده است.

خصوصیتتوضیحاتمقادیرCSS
outline

کلیه خصوصیات outline را در یک مرحله تنظیم می کند

outline-color
outline-style
outline-width
inherit
2
outline-color رنگ یک outline را تنظیم می کند color_name
hex_number
rgb_number
invert
inherit
2
outline-style style یک outline را تنظیم می کند none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
2
outline-width عرض یک outline را تنظیم می کند thin
medium
thick
length
inherit
2