خصوصیت outline
مثال (خصوصیت outline)
تنظیم خط خارجی اطراف یک عنصر:
p
{
outline:#00FF00 dotted thick;
}
خودتان امتحان کنید »{
outline:#00FF00 dotted thick;
}
تعریف و کاربرد
با استفاده از خصوصیت outline می توان یک خط خارجی اطراف عناصر رسم نمود، (خارج از border) تا عنصر را برجسته تر و واضح نمود.
فرم مختصر شده outline تمام خصوصیت های outline را در یک تخصیص تنظیم می کند.
خصوصیت هایی که می توانند تنظیم شوند به ترتیب عبارتند از چپ به راست: outline-color، outline-style، outline-width
اگر یکی از مقادیر بالا مقدار دهی نشود، مثلا مقدار دهی به صورت "outline:solid #ff0000" باشد، آنگاه مقدار پیش فرض به جای آن درج می شود.
| مقدار پیشفرض | invert none medium |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.outline="#0000FF dotted thin" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت outline را پشتیبانی می کنند.
توجه: IE8 به !DOCTYPE! نیاز دارد.
نکته ها و ترفندها
outline جزء ابعاد عنصر به حساب نمی آید، بنابراین خصوصیت های طول و عرض عنصر شامل ضخامت outline نمی شود.
مقدارهای خصوصیت
| مقدار | توضیحات |
|---|---|
| outline-color | رنگ outline را مشخص می کند. |
| outline-style | استایل outline را مشخص می کند. |
| outline-width | ضخامت outline را مشخص می کند. |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
outline-color (مرجع خصوصیت های CSS)
outline-style (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 8001
