CSS outline-color کا اپریشن
- پیشین صفحه outline
- آئندہ صفحہ 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)). |
| invert | پیش‌فرض. عملکرد تغییر رنگ (رنگ‌های معکوس). این امکان را فراهم می‌کند که لبه‌ها در زمینه‌های رنگی مختلف قابل مشاهده باشند. |
| inherit | تعیین می‌کند که تنظیمات رنگ لبه‌ها باید از عنصر والد به عنصر فرزند منتقل شوند. |
جزئیات فنی
| مقدار پیش‌فرض: | invert |
|---|---|
| erbیت‌پذیری: | no |
| نسخه: | CSS2 |
| جمله‌بندی JavaScript: | اجسام.style.outlineColor="#0000FF" |
مثال عملی
- تنظیم رنگ لبه‌ها
- این مثال نحوه تنظیم رنگ لبه‌ها را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
توضیحات:اگر !DOCTYPE تعیین شده باشد، IE8 از ویژگی outline پشتیبانی می‌کند.
- پیشین صفحه outline
- آئندہ صفحہ outline-offset
