خصوصیت accent-color CSS
- صفحه قبلی شنیدن CSS
- صفحه بعدی align-content
تعریف و کاربرد
accent-color
این ویژگی برای مشخص کردن رنگ برجسته کنترلهای رابط کاربری استفاده میشود، به عنوان مثال:
<input type="checkbox"> <input type="radio"> <input type="range"> <progress>
مثال
رنگ برجسته برای کنترلهای رابط کاربری مختلف تنظیم میشود:
input[type=checkbox] { accent-color: red; } input[type=radio] { accent-color: green; } input[type=range] { accent-color: rgb(0, 0, 255); } progress { accent-color: hsl(39, 100%, 50%); }
قوانین CSS
accent-color: auto|color|initial|inherit;
مقدار ویژگی
مقدار | توضیح |
---|---|
auto | مقدار پیشفرض. مرورگر رنگ برجسته را انتخاب میکند. |
color |
رنگی که به عنوان رنگ برجسته استفاده میشود. میتوان از تمام مقادیر رنگ مجاز استفاده کرد (rgb، شانزدهرنگی، نامهای رنگ و غیره). برای اطلاعات بیشتری در مورد مقادیر مجاز، لطفاً به آموزش رنگهای CSS ما مراجعه کنید. |
initial | این ویژگی را به مقدار پیشفرض خود تنظیم میکند. به: initial. |
inherit | این ویژگی را از عنصر پدر خود ارث میبرد. به: inherit. |
جزئیات فنی
مقدار پیشفرض: | auto |
---|---|
قابلیت ارثبرداری: | بله |
انیمیشنسازی: | پشتیبانی. لطفاً به:ویژگیهای مرتبط با انیمیشن. |
نسخه: | CSS4 |
قوانین جاوااسکریپت: | object.style.accentColor="red" |
پشتیبانی مرورگر
تبلویغههای جدول نشاندهنده نسخه مرورگر اولیه هستند که این ویژگی را کامل پشتیبانی میکند.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
93.0 | 93.0 | 92.0 | 15.4 | 79.0 |
- صفحه قبلی شنیدن CSS
- صفحه بعدی align-content