ویژگی color CSS
- صفحه قبل clip-path
- صفحه بعدی color-scheme
تعریف و استفاده
ویژگی color رنگ متن را تعیین می‌کند.
این ویژگی رنگ پیش‌زمینه یک عنصر را تنظیم می‌کند (در نمایش HTML، رنگ متن عنصر است); تصاویر رaster تحت تأثیر color قرار نمی‌گیرند. این رنگ همچنین به همه لبه‌های عنصر اعمال می‌شود، مگر اینکه توسط ویژگی border-color یا هر ویژگی دیگر رنگ لبه پوشیده شود.
ساده‌ترین روش برای تنظیم رنگ پیش‌زمینه یک عنصر استفاده از ویژگی color است.
بررسی کنید:
آموزش CSS:تنسخ CSS
منابع HTML DOM:ویژگی color
مثال
تنظیم رنگ متن برای عناصر مختلف:
body
{
color:red;
}
h1
{
color:#00ff00;
}
p
{
color:rgb(0,0,255);
}
توضیح و کامنت‌ها
توضیح:توضیح: از ترکیب رنگ‌های پس‌زمینه و متن معقول استفاده کنید تا خوانایی متن افزایش یابد.
قوانین CSS
color: color|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| color_name | این تعریف می‌کند که رنگ باید نام رنگ باشد (مثلاً red). |
| hex_number | این تعریف می‌کند که رنگ باید مقدار هشده باشد (مثلاً #ff0000). |
| rgb_number | این تعریف می‌کند که رنگ باید مقدار rgb باشد (مثلاً rgb(255,0,0)). |
| inherit | این تعریف می‌کند که رنگ باید از عنصر والد به ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | تعیین نشده |
|---|---|
| قابلیت ارث: | بله |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | اجسام.style.color="#FF0000" |
مثال‌های بیشتر
- تنظیم رنگ متن
- این مثال نحوه تنظیم رنگ متن را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل clip-path
- صفحه بعدی color-scheme
