Цвет и фон

accent-color

Устанавливает цвет акцента для некоторых элементов формы.

backdrop-filter

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

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

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

color-scheme

Позволяет указать предпочтительную цветовую схему для элемента.

mix-blend-mode

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

text-fill-color

Устанавливает цвет заливки символов текста.

text-stroke

Одновременно устанавливает цвет и толщину контура вокруг букв и символов текста.

text-stroke-color

Устанавливает цвет контура вокруг букв и символов текста.

Функция linear-gradient()

Функция linear-gradient() создаёт линейный градиент — плавный переход от одного цвета к другому.

Функция radial-gradient()

Функция radial-gradient() добавляет радиальный градиент к фону элемента.

Функция repeating-linear-gradient()

Функция repeating-linear-gradient() создаёт повторяющийся линейный градиент.

Функция repeating-radial-gradient()

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