سبد (0)

تبلیغات

خصوصیت outline-style

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

تنظیم کردن استایل یک outline:

p
{
outline-style:dotted;
}
خودتان امتحان کنید »

در انتهای این آموزش، مثال های بیشتری را خواهید دید.


تعریف و کاربرد

با استفاده از خصوصیت outline می توان یک خط خارجی اطراف عناصر رسم نمود، (خارج از border) تا عنصر را برجسته تر و واضح نمود.

با استفاده از خصوصیت outline-style می توان استایل outline را مشخص نمود.

مقدار پیشفرض none
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.outlineStyle="dotted"

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

outline خطی است که پیرامون عنصر قرار دارد. این خط در اطراف margin قرار دارد. با این وجود این خط با border تفاوت دارد.

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


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

مقدارتوضیحاتنمایش دادن
none هیچ outline ی وجود ندارد. نمایش دادن »
hidden یک outline مخفی را مشخص می کند. نمایش دادن »
dotted یک outline نقطه چین را مشخص می کند. نمایش دادن »
dashed یک outline خط چین را مشخص می کند. نمایش دادن »
solid outline ثابت نمایش داده می شود. نمایش دادن »
double outline به صورت دو لبه نمایش داده می شود نمایش دادن »
groove outline سه بعدی گود دار نمایش داده می شود. اثر آن به outline-color بستگی دارد نمایش دادن »
ridge outline سهسه بعدی برجسته نمایش داده می شود. اثر آن به outline-color بستگی دارد نمایش دادن »
inset outline سه بعدی inset نمایش داده می شود. اثر آن به outline-color بستگی دارد نمایش دادن »
outset outline سه بعدی outset نمایش داده می شود. اثر آن به outline-color بستگی دارد نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.

مثالs

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

Set the style of an outline

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


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

outline (بیاموز CSS)

CSS Outline (مرجع خصوصیت های CSS)

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