سی ایس ایس بیک گراؤنڈ رنگ خاصیت
- پچھلے پیج background-clip
- پائیدہ پیج background-image
تعریف و کاربرد
background-color ویژگی تنظیم رنگ پسزمینه عنصر است.
دامنه عنصر پسزمینه
background-color برای تنظیم یک رنگ خالص برای عنصر استفاده کنید. این رنگ باید محتوای عنصر، حاشیه داخلی و محدودههای پیرامون عنصر را پر کند و تا لبههای بیرونی عنصر گسترش یابد (اما شامل حاشیه بیرونی نیست). اگر لبهها شفاف هستند (مثلاً لبههای خطی)، رنگ پسزمینه از طریق این بخشهای شفاف نمایش داده میشود.
مقدار شفاف
اگرچه در بیشتر موارد، استفاده از شفافاما اگر نمیخواهید یک عنصر رنگ پسزمینهای داشته باشد و همچنین نمیخواهید تنظیمات رنگ کاربر بر روی طراحی شما تأثیر بگذارد، پس تنظیم کنید شفاف مقدارها نیز ضروری هستند.
لطفاً به اینجا نیز نگاه کنید:
آموزش CSS:CSS پس منظر
دستورالعمل HTML DOM:ویژگی backgroundColor
مثال
رنگ پسزمینه برای عناصر مختلف تنظیم کنید:
body
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
آموزش زبان CSS:
background-color: رنگ|شفاف|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| color_name | این باید رنگ پسزمینهای باشد که با نام رنگ ارائه شده است (مثلاً red). |
| hex_number | این باید رنگ پسزمینهای باشد که با مقدار هگزادسیمال ارائه شده است (مثلاً #ff0000). |
| rgb_number | این باید رنگ پسزمینهای باشد که با کد rgb ارائه شده است (مثلاً rgb(255,0,0)). |
| شفاف | پیشفرض. رنگ پسزمینه شفاف است. |
| inherit | این باید تنظیمات background-color را از عنصر والد به عنصر فعلی منتقل کند. |
جزئیات فنی
| مقدار پیشفرض: | شفاف |
|---|---|
| ارث: | خیر |
| نسخه: | CSS1 |
| آموزش زبان برنامهنویسی JavaScript: | عنصر.style.backgroundColor="#00FF00" |
پشتیبانی مرورگر
تبلیغات میگوید که نسخه اولین مرورگر که این ویژگی را به طور کامل پشتیبانی میکند.
| Chrome | Edge | Firefox | Safari | آپریا |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | آپریا |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- پچھلے پیج background-clip
- پائیدہ پیج background-image
