ویژگی background در CSS

ویژگی background، خلاصه ی همه ویژگی های پس زمینه است.

background: bg-color bg-image bg-position/bg-size bg-repeat bg-origin bg-clip bg-attachment;

background-color: purple;
background-image: url("/pic.jpg");
background-position: right top;
background-size: 400px;
background-repeat: no-repeat;

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

background: purple url("/pic.jpg") right top/400px no-repeat;

نکته: حتما باید از علامت اسلش (/) برای جدا کردن background-size از background-position استفاده کرد.

ویژگی ها توضیحات
background خلاصه نویسی تمام ویژگی های پس زمینه
background-attachment ضمیمه شدن یا نشدن تصویر پس زمینه
background-color رنگ پس زمینه
background-image تصویر پس زمینه
background-position موقعیت قرار گیری تصویر پس زمینه
background-repeat تکرار تصویر پس زمینه
background-size اندازه تصاویر پس زمینه

خلاصه درس

  • در این درس با ویژگی background در CSS آشنا شدیم.

توسعه دهندگان
احسان اسلامی