Цвет и фон

Свойства для изменения цвета и фона для веб-страницы или отдельных её элементов.

background

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

background-attachment

Устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента.

background-blend-mode

Определяет режим наложения фонового изображения на фоновый цвет или другие фоновые изображения.

background-clip

Определяет, как цвет фона или фоновая картинка должна выводиться под границами.

background-color

Определяет цвет фона элемента.

background-image

Устанавливает фоновое изображение для элемента.

background-origin

Определяет область позиционирования фонового рисунка.

background-position

Задаёт начальное положение фонового изображения, установленного с помощью свойства background-image.

background-position-x

Задаёт положение фонового изображения внутри элемента по горизонтали.

background-position-y

Задаёт положение фонового изображения внутри элемента по вертикали.

background-repeat

Определяет, как будет повторяться фоновое изображение, установленное с помощью свойства background-image.

background-size

Масштабирует фоновое изображение, согласно заданным размерам.

color

Определяет цвет текста элемента.

linear-gradient()

Создаёт линейный градиент — плавный переход от одного цвета к другому.

mix-blend-mode

Определяет режим наложения исходного цвета на фоновый цвет или фоновое изображение.

radial-gradient()

Добавляет радиальный градиент к фону элемента.

repeating-linear-gradient()

Создаёт повторяющийся линейный градиент.

repeating-radial-gradient()

По своему действию похож на радиальный градиент, который делается функцией radial-gradient(), но бесконечно повторяется во всех направлениях.