CSS фоновое краткое свойство

CSS background - краткое свойство

если нужно уменьшить длину кода, можно указать все свойства фона в одном свойстве. Это называется кратким свойством.

вместо этого:

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

вы можете использовать краткое свойство background:

пример

используйте краткое свойство для установки свойств фона в одном заявлении:

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

попробуйте сами

при использовании краткого свойства, порядок значений свойств:

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

если отсутствует один из значений свойств, это не важно, достаточно установить другие значения в этом порядке. Пожалуйста, обратите внимание, что в приведенном выше примере мы не используем атрибут background-attachment, так как у него нет значения.

все свойства CSS фона

свойство описание
background краткое свойство, устанавливающее все свойства фона в одном заявлении.
background-attachment устанавливает, является ли фоновое изображение фиксированным или скроллится вместе с其余 частью страницы.
background-clip определяет область рисования фона.
background-color устанавливает фоновый цвет элемента.
background-image устанавливает фоновое изображение элемента.
background-origin определяет, где разместить фоновое изображение.
background-position Устанавливает начальную позицию фонового изображения.
background-repeat Устанавливает, повторяется ли фоновое изображение и как.
background-size Определяет размер фонового изображения.