ویژگی 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 آشنا شدیم.
توسعه دهندگان
احسان اسلامی