Значения свойств

attr()

Применяется для добавления значения атрибута HTML-элемента в стилевое свойство.

blur()

Задаёт размытие по Гауссу изображений или фоновых картинок.

brightness()

Понижает или повышает яркость изображений или фоновых картинок.

calc()

Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер, время, число.

contrast()

Понижает или повышает контрастность изображений или фоновых картинок.

currentColor

Ключевое слово currentColor соответствует значению свойства color для текущего элемента. Это позволяет использовать значение цвета для свойств, которые не получают его по умолчанию.

drop-shadow()

Добавляет тень к изображениям.

grayscale()

Превращает изображение в чёрно-белое.

hue-rotate()

Изменяет цветность изображения за счёт поворота оттенка на цветовом круге.

inherit

Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента.

initial

Применяется для установки исходного значения свойства.

invert()

Инвертирует цвета в изображении.

linear-gradient()

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

opacity()

Задаёт степень прозрачности изображений.

perspective()

Задаёт значение перспективы для трёхмерных трансформаций с элементом.

radial-gradient()

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

repeating-linear-gradient()

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

repeating-radial-gradient()

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

rotate()

Поворачивает элемент в двумерном пространстве вокруг точки вращения на заданный угол α.

rotateX()

Поворачивает элемент вокруг оси X на заданный угол α.

rotateY()

Поворачивает элемент вокруг оси Y на заданный угол α.

rotateZ()

Поворачивает элемент вокруг оси Z на заданный угол α.

saturate()

Изменяет насыщенность цветов в изображении.

scale()

Масштабирует элемент в двумерном пространстве по горизонтали и вертикали или одновременно в двух направлениях.

scaleX()

Масштабирует элемент по горизонтальной оси X.

scaleY()

Масштабирует элемент по вертикальной оси Y.

scaleZ()

Масштабирует элемент по оси Z.

sepia()

Превращает изображение в сепию — так называется чёрно-белое изображение с коричневым оттенком.

skew()

Наклоняет элемент в двумерном пространстве по горизонтали и вертикали или одновременно в двух направлениях.

skewX()

Наклоняет элемент на заданный угол по горизонтали.

skewY()

Наклоняет элемент на заданный угол по вертикали.

translate()

Сдвигает элемент относительно исходного расположения на заданное значение по горизонтали и вертикали.

translateX()

Сдвигает элемент на заданное значение по горизонтали.

translateY()

Сдвигает элемент на заданное значение по вертикали.

translateZ()

Сдвигает элемент относительно его исходного расположения на заданное значение по оси Z.

unset

Устанавливает значение свойства как inherit, если свойство наследуется от своего родителя, в противном случае значение устанавливается как initial.

var()

Позволяет вставлять значения пользовательских переменных в значения стилевых свойств.

Адрес

Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице.

Время

Задаёт время в секундах или миллисекундах.

Медиа-запросы

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

Проценты

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