آموزش ویژگی background در CSS | آموزش کامل + نمونه کد

قبلی بعدی

ویژگی 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	اندازه تصاویر پس زمینه

قبلی بعدی

توسعه دهندگان

احسان اسلامی