آموزش ویژگی background-color در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی background-color در CSS با من همراه باشید.

آموزش ویژگی background-color در CSS

Free-Learn

ویژگی background-color در CSS

با استفاده از ویژگی background-color در CSS میتوان رنگ زمینه یک عنصر را مشخص و یا تعریف کرد.

همیشه سعی کنید از رنگ های زمینه و رنگ متن به گونه ای استفاده نمایید که متون بدون هیچ مشکلی و راحت قابل خواندن باشند و چشم کاربر را اذیت نکند.

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از ویژگی background-color را در زبان CSS مشاهده نمایید.

مثال شماره ۱ : استفاده از نام رنگ

امتحان کنید

مثال شماره ۲ : استفاده از کد هگزادسیمال یا Hexadecimal

امتحان کنید

مثال شماره ۳ : استفاده از مقدار RGB رنگ

امتحان کنید

Free-Learn

جدول مشخصات ویژگی background-color در CSS

در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.

مقدار پیش فرض transparent
قابل ارث بری ندارد | اطلاعات بیشتر
قابل متحرک سازی دارد | اطلاعات بیشتر
نسخه CSS1
نحوه استفاده در جاوااسکریپت object.style.backgroundColor=”blue”;

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی background-color در CSS پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
background-color ۱٫۰ ۱٫۰ ۳٫۵ ۱٫۰ ۴٫۰

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.

Free-Learn

جدول مقادیر ویژگی background-color در CSS

در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.

مقدار توضیح
color استفاده از نام رنگ یا کد hex یا rgb یا hsl یا rgba یا hsla
و هر روش دیگه ای که برای رنگ دهی می باشد.
لطفا آموزش رنگ ها را مشاهده نمایید.
transparent پیش فرض – رنگ زمینه شفاف میشود (بدون رنگ)
initial استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر
inherit استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر

Free-Learn

نکات و توضیحات

نکته یا توضیح خاصی وجود ندارد فقط سعی کنید همیشه از رنگ های زمینه ای استفاده نمایید که متن ها در آن زمینه ها قابل خواندن باشند و باعث آزار و اذیت چشم های کاربران نشود.

Free-Learn

دریافت PDF یا پرینت این مطلب