خصوصیت outline-color
مثال (خصوصیت outline-color)
تنظیم رنگ خط خارجی یک عنصر و نقطه چین کردن آنپک
{
outline-style:dotted;
outline-color:#00ff00;
}
تعریف و کاربرد
با استفاده از خصوصیت outline می توان یک خط خارجی اطراف عناصر رسم نمود، (خارج از border) تا عنصر را برجسته تر و واضح نمود.
خصوصیت outline-color برای مشخص کردن رنگ خط خارجی به کار می رود.
توجه: همواره خصوصیت outline-style را قبل از خصوصیت out-line-color مقدار دهی نمایید.
| مقدار پیشفرض | invert |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.outlineColor="#00FF00" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت outline-color را پشتیبانی می کنند.
توجه: IE8 به !DOCTYPE! نیاز دارد.
نکته ها و ترفندها
outline خطی است که پیرامون عنصر قرار دارد. این خط در اطراف margin قرار دارد. با این وجود این خط با border تفاوت دارد.
outline جزء ابعاد عنصر به حساب نمی آید، بنابراین خصوصیت های طول و عرض عنصر شامل ضخامت outline نمی شود.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| color |
رنگ outline را مشخص می کند. برای مشاهده مقادیر ممکن برای مقدار رنگ به HTML Colors مراجعه فرمایید. |
نمایش دادن » |
| invert |
یک رنگ معکوس را به خط خارجی می دهد. این مقدار همواره بدون در نظر گرفتن رنگ پس زمینه،خط خارجی را نمایش می دهد. |
نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
outline (بیاموز CSS)
CSS Outline (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6518
