ویژگی background-color CSS

تعریف و استفاده

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: رنگ|شفاف|مقدار پیش‌فرض|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 Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5