خصوصیت outline

مثال (خصوصیت outline)

تنظیم خط خارجی اطراف یک عنصر:

p
{
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"

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

تمام مرورگرهای اصلی، خصوصیت outline را پشتیبانی می کنند.

توجه: IE8 به !DOCTYPE! نیاز دارد.


نکته ها و ترفندها

outline جزء ابعاد عنصر به حساب نمی آید، بنابراین خصوصیت های طول و عرض عنصر شامل ضخامت outline نمی شود.


مقدارهای خصوصیت

مقدارتوضیحات
outline-color رنگ outline را مشخص می کند.
outline-styleاستایل outline را مشخص می کند.
outline-widthضخامت outline را مشخص می کند.
inheritتعیین می کند که باید از والدش، ارث بری داشته باشد.

بیاموزهای مرتبط

outline-color (مرجع خصوصیت های CSS)

outline-style (مرجع خصوصیت های CSS)

آموزش های مرتبط


تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان