آموزش ویژگی خلاصه شده background در CSS

برای کوتاه سازی کدها، این امکان وجود دارد تا تمام ویژگی های پس زمینه(background properties) را در یک ویژگی(property) خلاصه کنیم. به این روش، خلاصه سازی ویژگی ها گفته می شود. مثلاً به جای اینکه بنویسیم:

body {
  background-color: #ffffff;
  background-image: url("other/img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

می توانیم از ویژگی خلاصه شده ی background استفاده کنیم:

body {
  background: #ffffff url("other/img_tree.png") no-repeat right top;
}

وقتی که از این ویژگی خلاصه شده استفاده می کنیم، ترتیب مقادیر ویژگی به صورت زیر است:

• background-color
     
• background-image
     
• background-repeat
     
• background-attachment
     
• background-position

اگر یکی از مقادیر ویژگی مذکور از دست برود، تا زمانی که بقیه به این ترتیب باشند، اهمیتی ندارد.

توجه کنید که ما در مثال بالا(یعنی مثال امتحان کنید)، از ویژگی background-attachment استفاده نکرده ایم، زیرا برای این ویژگی،(در مثال ما) مقداری مشخص نشده است.

تمام ویژگی های پس زمینه(Background Properties)