خصوصیت outline-width
مثال (خصوصیت outline-width)
تنظیم کردن استایل یک outline:
p
{
outline-style:dotted;
outline-width:5px;
}
خودتان امتحان کنید »{
outline-style:dotted;
outline-width:5px;
}
تعریف و کاربرد
با استفاده از خصوصیت outline می توان یک خط خارجی اطراف عناصر رسم نمود، (خارج از border) تا عنصر را برجسته تر و واضح نمود.
با استفاده از خصوصیت outline-width می توان ضخامت outline را مشخص نمود.
توجه: همواره خصوصیت outline-style را قبل از خصوصیت outline-width مقدار دهی نمایید.
مقدار پیشفرض | medium |
---|---|
ارث بری | خیر |
نسخه | CSS2 |
JavaScript ساختار | object.style.outlineWidth="thin" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت outline-width را پشتیبانی می کنند.
توجه: IE8 به DOCTYPE! نیاز دارد.
نکته ها و ترفندها
outline خطی است که پیرامون عنصر قرار دارد. این خط در اطراف margin قرار دارد. با این وجود این خط با border تفاوت دارد.
outline جزء ابعاد عنصر به حساب نمی آید، بنابراین خصوصیت های طول و عرض عنصر شامل ضخامت outline نمی شود.
مقدارهای خصوصیت
مقدار | توضیحات | نمایش دادن |
---|---|---|
thin | یک outline نازک (thin) تعریف می کند. | نمایش دادن » |
medium | یک outline متوسط (medium) تعریف می کند. (مقدار پیشفرض) | نمایش دادن » |
thick | یک outline ضخیم (thin) تعریف می کند. | نمایش دادن » |
length | به شما اجازه می دهد که میزان ضخامت outline را خودتان مشخص نمایید. | نمایش دادن » |
inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
outline (بیاموز CSS)
CSS Outline (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6550