Background ها در CSS

انواع background در CSS عبارت اند از:

background-color

background-image

background-repeat

background-attachment

background-position

صفت background-color

صفت background-color رنگ پشت زمینه ی یک عنصر را مشخص می کند. رنگ background یک عنصر به صورت زیر تنظیم می شود:

در CSS، یک رنگ اغلب به شکل های زیر مشخص می شود:

یک نام معتبر برای یک رنگ - مانند "red"

یک مقدار هگزادسیمال - مانند "ff0000#"

یک مقدار RGB - مانند "(rgb(255,0,0"

صفت background-image

صفت background-image یک تصویر را به عنوان تصویر پشت زمینه ی یک عنصر مشخص می کند. به صورت پیشفرض، تصویر آنقدر تکرار خواهد شد تا فضای کل عنصر را پوشش دهد.

نکته: در تابع ()url آدرس اینترنتی تصویر قرار می گیرد. در مثال بالا فقط از نام تصویر به عنوان پارامتر برای این تابع استفاده شده است که اشاره به نسبی بودن آدرس تصویر دارد.

Background Image - تکرار به صورت افقی و عمودی

به صورت پیشفرض صفت background-image یک تصویر را هم به صورت افقی و هم به صورت عمودی تکرار می کند. بعضی از تصاویر نیاز است تنها به صورت افقی و یا به صورت عمودی تکرار شوند.