align-content |
Определяет выравнивание между линиями внутри гибкого контейнера, когда элементы не используют все доступное пространство |
align-items |
Определяет выравнивание для элементов внутри гибкого контейнера |
align-self |
Определяет выравнивание для выбранных элементов внутри гибкого контейнера |
all |
Сбрасывает все свойства (кроме unicode-bidi и direction) |
animation |
Сокращенное свойство для всех свойств animation-* |
animation-delay |
Определяет задержку начала анимации |
animation-direction |
Определяет, должна ли анимация воспроизводиться вперед, назад или поочередно |
animation-duration |
Определяет, сколько времени анимация должна занять для завершения одного цикла |
animation-fill-mode |
Определяет стиль для элемента, когда анимация не воспроизводится (до его начала, после его завершения или и того, и другого) |
animation-iteration-count |
Определяет, сколько раз анимация должна проигрываться |
animation-name |
Определяет имя для анимации @keyframes |
animation-play-state |
Указывает, запущена ли анимация или приостановлена |
animation-timing-function |
Определяет кривую скорости анимации |
backface-visibility |
Определяет, должна ли задняя сторона элемента быть видимой при обращении к пользователю |
background |
Сокращенное свойство для всех свойств background-* |
background-attachment |
Устанавливает, прокручивается ли фоновое изображение с остальной частью страницы, или является фиксированным |
background-blend-mode |
Определяет режим смешивания каждого фонового слоя (цвет / изображение) |
background-clip |
Определяет, как далеко фон (цвет или изображение) должен простираться внутри элемента |
background-color |
Определяет цвет фона элемента |
background-image |
Определяет одно или несколько фоновых изображений для элемента |
background-origin |
Определяет исходную позицию фонового изображения |
background-position |
Определяет положение фонового изображения |
background-repeat |
Устанавливает, если / как фоновое изображение будет повторяться |
background-size |
Определяет размер фоновых изображений |
border |
Сокращенное свойство для border-width, border-style и border-color |
border-bottom |
Сокращенное свойство для border-bottom-width, border-bottom-style и border-bottom-color |
border-bottom-color |
Устанавливает цвет нижней границы |
border-bottom-left-radius |
Определяет радиус границы нижнего левого угла |
border-bottom-right-radius |
Определяет радиус границы нижнего правого угла |
border-bottom-style |
Устанавливает стиль нижней границы |
border-bottom-width |
Устанавливает ширину нижней границы |
border-collapse |
Устанавливает, должны ли границы таблицы сворачиваться в одну границу или быть разделены |
border-color |
Устанавливает цвет четырех границ |
border-image |
Сокращенное свойство для всех свойств border-image-* |
border-image-outset |
Определяет величину, на которую область изображения границы выходит за границы рамки |
border-image-repeat |
Определяет, должно ли изображение границы повторяться, округляться или растягиваться |
border-image-slice |
Определяет, как нарезать изображение границы |
border-image-source |
Указывает путь к изображению, которое будет использоваться в качестве границы |
border-image-width |
Определяет ширину границы изображения |
border-left |
Сокращенное свойство для всех свойств border-left-* |
border-left-color |
Устанавливает цвет левой границы |
border-left-style |
Устанавливает стиль левой границы |
border-left-width |
Устанавливает ширину левой границы |
border-radius |
Сокращенное свойство для четырех свойств border-*-radius |
border-right |
Сокращенное свойство для всех свойств border-right-* |
border-right-color |
Устанавливает цвет правой границы |
border-right-style |
Устанавливает стиль правой границы |
border-right-width |
Устанавливает ширину правой границы |
border-spacing |
Устанавливает расстояние между границами соседних ячеек |
border-style |
Устанавливает стиль четырех границ |
border-top |
Сокращенное свойство для border-top-width, border-top-style и border-top-color |
border-top-color |
Устанавливает цвет верхней границы |
border-top-left-radius |
Определяет радиус границы верхнего левого угла |
border-top-right-radius |
Определяет радиус границы верхнего правого угла |
border-top-style |
Устанавливает стиль верхней границы |
border-top-width |
Устанавливает ширину верхней границы |
border-width |
Устанавливает ширину четырех границ |
bottom |
Устанавливает положение элементов снизу родительского элемента |
box-decoration-break |
Устанавливает поведение фона и границы элемента при разрыве страницы или, для встроенных элементов, при разрыве строки. |
box-shadow |
Прикрепляет одну или несколько теней к элементу |
box-sizing |
Определяет, как рассчитываются ширина и высота элемента: должны ли они содержать отступы и границы или нет |
break-after |
Определяет поведение разрыва страницы, столбца или области после сгенерированного поля |
break-before |
Определяет поведение разрыва страницы, столбца или области перед сгенерированным блоком |
break-inside |
Определяет поведение разрыва страницы, столбца или области внутри сгенерированного поля |
caption-side |
Определяет размещение заголовка таблицы |
caret-color |
Определяет цвет курсора (каретки) во входных данных, текстовых областях или любом элементе, который редактируется |
@charset |
Определяет кодировку символов, используемую в таблице стилей |
clear |
Определяет, по каким сторонам элемента плавающие элементы не могут плавать |
clip |
Закрепляет абсолютно позиционированный элемент |
color |
Устанавливает цвет текста |
column-count |
Определяет количество столбцов, на которые должен быть разбит элемент |
column-fill |
Определяет, как заполнять столбцы, сбалансированно или нет |
column-gap |
Определяет разрыв между столбцами |
column-rule |
Сокращенное свойство для всех свойств column-rule-* |
column-rule-color |
Определяет цвет разделителя между столбцами |
column-rule-style |
Определяет стиль разделителя между столбцами |
column-rule-width |
Определяет ширину разделителя между столбцами |
column-span |
Определяет, сколько столбцов элемент должен охватывать |
column-width |
Определяет ширину столбца |
columns |
Сокращенное свойство для column-width и column-count |
content |
Используется с псевдоэлементами :before и :after для вставки сгенерированного контента |
counter-increment |
Увеличивает или уменьшает значение одного или нескольких счетчиков CSS |
counter-reset |
Создает или сбрасывает один или несколько счетчиков CSS |
cursor |
Указывает курсор мыши, который будет отображаться при наведении на элемент |
filter |
Определяет эффекты (например, размытие или смещение цвета) для элемента до его отображения |
flex |
Сокращенное свойство для свойств flex-grow, flex-shrink и flex-basis |
flex-basis |
Определяет начальную длину гибкого элемента |
flex-direction |
Определяет направление гибких элементов |
flex-flow |
Сокращенное свойство для свойств flex-direction и flex-wrap |
flex-grow |
Определяет, насколько элемент будет расти относительно остальных |
flex-shrink |
Определяет, как элемент будет уменьшаться относительно остальных |
flex-wrap |
Определяет, должны ли гибкие элементы оборачиваться или нет |
float |
Указывает, должен или нет блок быть плавающим |
font |
Сокращенное свойство для свойств font-style, font-variant, font-weight, font-size/line-height и font-family |
@font-face |
Правило, которое позволяет веб-сайтам загружать и использовать шрифты, отличные от шрифтов "web-safe" |
font-family |
Определяет семейство шрифтов для текста |
font-feature-settings |
Позволяет контролировать расширенные типографские функции в шрифтах OpenType |
@font-feature-values |
Позволяет авторам использовать общее имя в font-option-alternate для функции, активируемой по-разному в OpenType |
font-kerning |
Управляет использованием информации о кернинге (как расположены буквы) |
font-language-override |
Управляет использованием специфичных для языка глифов в гарнитуре |
font-size |
Определяет размер шрифта текста |
font-size-adjust |
Сохраняет читаемость текста при возникновении сбоя шрифта |
font-stretch |
Выбирает нормальное, сжатое или расширенное лицо из семейства шрифтов |
font-style |
Определяет стиль шрифта для текста |
font-synthesis |
Контролирует, какие пропущенные шрифты (жирный или курсив) могут быть синтезированы браузером |
font-variant |
Определяет, должен ли текст отображаться шрифтом с маленькой буквы |
font-variant-alternates |
Управляет использованием альтернативных глифов, связанных с альтернативными именами, определенными в @ font-feature-values |
font-variant-caps |
Управляет использованием альтернативных глифов для заглавных букв |
font-variant-east-asian |
Управляет использованием альтернативных глифов для восточноазиатских шрифтов (например, японский и китайский) |
font-variant-ligatures |
Управляет тем, какие лигатуры и контекстные формы используются в текстовом содержимом элементов, к которым он применяется |
font-variant-numeric |
Управляет использованием альтернативных глифов для чисел, дробей и порядковых маркеров |
font-variant-position |
Управляет использованием альтернативных глифов меньшего размера, расположенных в виде верхнего или нижнего индекса относительно базовой линии шрифта |
font-weight |
Определяет толщину шрифта |
grid |
Сокращенное свойство для свойств grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and the grid-auto-flow |
grid-area |
Либо указывает имя для элемента сетки, либо это свойство является сокращенным свойством для свойств grid-row-start, grid-column-start, grid-row-end и grid-column-end |
grid-auto-columns |
Определяет размер столбца по умолчанию |
grid-auto-flow |
Определяет, как автоматически размещаемые элементы вставляются в сетку |
grid-auto-rows |
Определяет размер строки по умолчанию |
grid-column |
Сокращенное свойство для свойств grid-column-start и grid-column-end |
grid-column-end |
Указывает, где заканчивать элемент сетки |
grid-column-gap |
Определяет размер зазора между столбцами |
grid-column-start |
Определяет, где начать элемент сетки |
grid-gap |
Сокращенное свойство для свойств grid-row-gap и grid-column-gap |
grid-row |
Сокращенное свойство для свойств grid-row-start и grid-row-end |
grid-row-end |
Указывает, где заканчивать элемент сетки |
grid-row-gap |
Определяет размер зазора между рядами |
grid-row-start |
Определяет, где начать элемент сетки |
grid-template |
Сокращенное свойство для свойств grid-template-rows, grid-template-columns и grid-areas |
grid-template-areas |
Определяет, как отображать столбцы и строки, используя именованные элементы сетки |
grid-template-columns |
Определяет размер столбцов и количество столбцов в сетке |
grid-template-rows |
Определяет размер строк в сетке |
object-fit |
Определяет, как содержимое заменяемого элемента должно быть помещено в блок, определяемое его используемой высотой и шириной. |
object-position |
Определяет выравнивание заменяемого элемента внутри его блока |
opacity |
Устанавливает уровень непрозрачности для элемента |
order |
Устанавливает порядок гибкого элемента относительно остальных |
orphans |
Устанавливает минимальное количество строк, которые должны быть оставлены внизу страницы, когда внутри элемента происходит разрыв страницы |
outline |
Сокращенное свойство для свойств outline-width, outline-style и outline-color |
outline-color |
Устанавливает цвет контура |
outline-offset |
Смещает контур и рисует его за пределами границы |
outline-style |
Устанавливает стиль контура |
outline-width |
Устанавливает ширину контура |
overflow
|
Определяет, что происходит, если содержимое переполняет поле элемента |
overflow-wrap |
Указывает, может ли браузер разбивать строки в словах, чтобы предотвратить переполнение (когда строка слишком длинная, чтобы уместиться в содержащем её блоке) |
overflow-x |
Указывает, следует ли обрезать левый / правый край содержимого, если оно переполняет область содержимого элемента |
overflow-y |
Указывает, следует ли обрезать верхний / нижний края содержимого, если оно выходит за пределы области содержимого элемента |
padding |
Сокращенное свойство для всех свойств padding-* |
padding-bottom |
Устанавливает нижний отступ элемента |
padding-left |
Устанавливает левый отступ элемента |
padding-right |
Устанавливает правый отступ элемента |
padding-top |
Устанавливает верхний отступ элемента |
page-break-after |
Устанавливает поведение разрыва страницы после элемента |
page-break-before |
Устанавливает поведение разрыва страницы перед элементом |
page-break-inside |
Устанавливает поведение разрыва страницы внутри элемента |
perspective |
Придает трехмерному элементу некоторую перспективу |
perspective-origin |
Определяет, в какой позиции пользователь смотрит на трехмерный элемент |
pointer-events |
Определяет, реагирует ли элемент на события указателя |
position |
Определяет тип метода позиционирования, используемого для элемента (статический, относительный, абсолютный или фиксированный) |
tab-size |
Определяет ширину символа табуляции |
table-layout |
Определяет алгоритм, используемый для размещения ячеек таблицы, строк и столбцов |
text-align |
Определяет горизонтальное выравнивание текста |
text-align-last |
Описывает, как выравнивается последняя строка блока или строки непосредственно перед принудительным разрывом строки, когда text-align "justify" |
text-combine-upright |
Определяет комбинацию нескольких символов в пространстве одного символа |
text-decoration |
Определяет оформление, добавленное к тексту |
text-decoration-color |
Определяет цвет для text-decoration |
text-decoration-line |
Определяет тип линии в text-decoration |
text-decoration-style |
Определяет стиль линии в text-decoration |
text-indent |
Определяет отступ первой строки в текстовом блоке |
text-justify |
Определяет метод выравнивания, используемый, когда выравнивание текста "justify" |
text-orientation |
Определяет ориентацию текста в строке |
text-overflow |
Определяет, что должно произойти, когда текст переполняет содержащий элемент |
text-shadow |
Добавляет тень к тексту |
text-transform |
Управляет капитализацией текста |
text-underline-position |
Определяет позицию подчеркивания, которая устанавливается с помощью свойства text-decoration |
top |
Определяет верхнюю позицию позиционируемого элемента |
transform |
Применяет 2D или 3D преобразование к элементу |
transform-origin |
Позволяет изменить положение преобразованных элементов |
transform-style |
Определяет, как вложенные элементы отображаются в 3D (трехмерном) пространстве |
transition |
Сокращенное свойство для всех свойств transition-* |
transition-delay |
Указывает, когда начнется эффект перехода |
transition-duration |
Определяет, сколько секунд или миллисекунд требуется эффекту перехода для завершения |
transition-property |
Указывает имя свойства CSS, для которого предназначен эффект перехода |
transition-timing-function |
Определяет кривую скорости эффекта перехода |