خصوصیت outline-color CSS
- صف قبل مقدمه
- صفحه بعدی outline-offset
تعریف و استفاده
outline (لبه) خطی است که در اطراف عنصر کشیده می‌شود و در بیرون از لبه‌های فریم قرار دارد و می‌تواند به برجسته‌سازی عنصر کمک کند. ویژگی outline می‌تواند لبه‌های اطراف عنصر را تنظیم کند.
توضیحات:لطفاً همیشه ویژگی outline-style را قبل از outline-color مشخص کنید. عنصر باید دارای لبه باشد تا بتوان رنگ آن را تغییر داد.
توضیحات:خط‌های لبه فضا را اشغال نمی‌کنند و لزوماً مستطیل نیستند.
ویژگی outline-color رنگ بخش‌های قابل مشاهده لبه یک عنصر را تنظیم می‌کند. توجه داشته باشید که اگر سبک لبه‌ها none باشد، لبه‌ها نمایش داده نمی‌شوند.
لطفاً به این بخش‌ها نیز مراجعه کنید:
آموزش CSS:حلقه CSS
دستورالعمل CSS:ویژگی outline
دستورالعمل HTML DOM:ویژگی outlineColor
قوانین CSS
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| color_name | رنگ را به صورت نام رنگ تنظیم می‌کند (مثلاً red). |
| hex_number | رنگ را به صورت کد شانزده‌ساعتی تنظیم می‌کند (مثلاً #ff0000). |
| rgb_number | رنگ را به صورت کد rgb تنظیم می‌کند (مثلاً rgb(255,0,0)). |
| درعکس | رنگ را به صورت برعکس (رنگ‌های معکوس) تنظیم می‌کند. این امکان را فراهم می‌کند که لبه‌ها در رنگ‌های مختلف پس‌زمینه قابل مشاهده باشند. |
| پیش‌فرض | مشخص می‌کند که تنظیمات رنگ لبه‌ها باید از عنصر والد ارث بگیرند. |
جزئیات فنی
| مقدار پیش‌فرض: | درعکس |
|---|---|
| ارث: | خیر |
| نسخه: | CSS2 |
| قوانین جاوااسکریپت: | اجسام.style.outlineColor="#0000FF" |
مثال عملی
- تنظیم رنگ لبه‌ها
- این مثال نحوه تنظیم رنگ لبه‌ها را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
توضیحات:اگر !DOCTYPE مشخص شده باشد، IE8 از ویژگی outline پشتیبانی می‌کند.
- صف قبل مقدمه
- صفحه بعدی outline-offset
