Свойство |
Описание |
CSS |
align-content |
Задаёт вертикальное выравнивание flex-элементов для flex-контейнеров с многострочным содержимым. |
3 |
align-items |
Вертикальное выравнивание flex-элементов внутри flex-контейнера. |
3 |
align-self |
Вертикальное выравнивание flex-элемента. |
3 |
flex |
Определяет ширину, сжатие и растяжение для flex-элемента. |
3 |
flex-basis |
Указывает ширину для flex-элемента. |
3 |
flex-direction |
Направление расположения flex-элементов. |
3 |
flex-flow |
Направление расположения и возможность переноса для flex-элементов. |
3 |
flex-grow |
Определяет коэффициент растяжения flex-элемента. |
3 |
flex-shrink |
Определяет коэффициент сжатия flex-элемента. |
3 |
flex-wrap |
Определяет возможность переноса flex-элементов. |
3 |
justify-content |
Горизонтальное выравнивание flex-элементов. |
3 |
order |
Определяет порядок вывода flex-элементов. |
3 |
Свойство |
Описание |
CSS |
@keyframes |
Позволяет создавать анимацию. |
3 |
animation |
Позволяет установить несколько или все значения свойств animation в одном объявлении. |
3 |
animation-delay |
Определяет, когда запустится анимация. |
3 |
animation-direction |
Указывает будет ли анимация проигрываться в реверсе на альтернативных циклах. |
3 |
animation-duration |
Определяет сколько понадобится времени, чтобы закончить 1 цикл анимации. |
3 |
animation-fill-mode |
Задаёт стиль для элемента, когда анимация не проигрывается (до её запуска, во время остановки или после её окончания).
По умолчанию CSS анимация не влияет на элемент до тех пор, пока анимация не запуститься, во время паузы и после её завершения. Это и позволяет переопределить свойство animation-fill-mode. |
3 |
animation-iteration-count |
Определяет сколько раз анимация должна будет проигрываться. |
3 |
animation-name |
Определяет имя для @keyframes. |
3 |
animation-play-state |
Указывает будет анимация проигрываться или будет в режиме паузы. |
3 |
animation-timing-function |
Определяет кривую скорости для анимации. |
3 |
backface-visibility |
Определяет, должна ли быть видна задняя сторона элемента или нет. |
3 |
Свойство |
Описание |
CSS |
margin |
Задает внешние отступы для элемента. |
1 |
margin-bottom |
Задает нижний внешний отступ для элемента. |
1 |
margin-left |
Задает левый внешний отступ для элемента. |
1 |
margin-right |
Задает правый внешний отступ для элемента. |
1 |
margin-top |
Задает верхний внешний отступ для элемента. |
1 |
padding |
Устанавливает внутренние отступы в элементе. |
1 |
padding-bottom |
Задает нижний отступ(внутреннее поле) для элемента. |
1 |
padding-left |
Задает левый отступ(внутреннее поле) для элемента. |
1 |
padding-right |
Задает правый отступ(внутреннее поле) для элемента. |
1 |
padding-top |
Задает верхний отступ(внутреннее поле) для элемента. |
1 |
Свойство |
Описание |
CSS |
bottom |
Указывает направление смещения позиционированного элемента от нижнего края. |
2 |
clear |
Указывает с какой стороны элемента не допускаются плавающие элементы. |
1 |
clip |
Определяет видимую часть абсолютно позиционированных элементов. |
2 |
display |
Указывает, как будет отображаться элемент в браузере. |
1 |
float |
Определяет будет ли элемент плавающим. |
1 |
left |
Указывает направление смещения позиционированного элемента от левого края. |
2 |
position |
Определяет метод позиционирования элементов. |
2 |
right |
Указывает направление смещения позиционированного элемента от правого края. |
2 |
top |
Указывает направление смещения позиционированного элемента от верхнего края. |
2 |
visibility |
Определяет, является ли элемент видимым. |
2 |
z-index |
Указывает порядок расположения элементов по оси Z. |
2 |
Свойство |
Описание |
CSS |
height |
Устанавливает фиксированную высоту. |
1 |
max-height |
Указывает максимальную фиксированную высоту. |
2 |
max-width |
Указывает максимальную фиксированную ширину. |
2 |
min-height |
Указывает минимальную фиксированную высоту. |
2 |
min-width |
Указывает минимальную фиксированную ширину. |
2 |
overflow |
Определяет, что предпринять, если содержимое элемента превосходит размер области элемента. |
2 |
overflow-x |
Указывает, обрезать или нет левый/правый край содержимого - если оно переполняет доступную область элемента для его содержания. |
3 |
overflow-y |
Указывает, обрезать или нет верхний/нижний край содержимого - если оно переполняет доступную область элемента для его содержания. |
3 |
resize |
Указывает, может ли размер элемента изменяться пользователем. |
3 |
width |
Устанавливает фиксированную ширину. |
1 |
Свойство |
Описание |
CSS |
color |
Изменяет цвет текста. |
1 |
direction |
Определяет направление написания текста. |
2 |
letter-spacing |
Контролирует расстояние между символами в тексте. |
1 |
line-height |
Определяет межстрочный интервал(интерлиньяж). |
1 |
quotes |
Определяет тип кавычек для встроенных цитат. |
2 |
text-align |
Указывает способ выравнивания содержимого по горизонтали. |
1 |
text-decoration |
Добавляет некоторые элементы декорирования к тексту. |
1 |
text-indent |
Определяет отступ первой строки в тексте элемента. |
1 |
text-overflow |
Указывает, что должно произойти, когда текст переполняет содержащий элемент. |
3 |
text-transform |
Контролирует использование строчных и прописных букв в тексте. |
1 |
vertical-align |
Определяет вертикальное выравнивание в элементе. |
1 |
white-space |
Определяет способ обработки пробелов внутри элемента. |
1 |
word-break |
Определяет правила переноса для не-CJK сценариев. |
3 |
word-spacing |
Определяет ширину пробелов между словами. |
1 |
word-wrap |
Позволяет прерывать длинные слова для переноса на другую строку. |
3 |
Свойство |
Описание |
CSS |
box-sizing |
Позволяет заставить определенные элементы заполнять область определенным способом. |
3 |
column-count |
Разделяет элемент на колонки. |
3 |
column-gap |
Задает расстояние между колонками элемента. |
3 |
column-rule |
Свойство column-rule позволяет указать значения свойств column-rule-* (ширину, стиль и цвет) в одном объявлении. |
3 |
column-rule-color |
Определяет цвет границы между колонками. |
3 |
column-rule-style |
Определяет стиль границы между колонками. |
3 |
column-rule-width |
Указывает ширину границы между колонками. |
3 |
columns |
Позволяет использовать значения свойств column-width и column-count в одном объявлении. |
3 |
column-span |
Указывает элементу количество колонок для обхвата. |
3 |
column-width |
Определяет ширину колонок. |
3 |
content |
Определяет содержимое для псевдо-элементов ::before и ::after. |
2 |
counter-increment |
Увеличивает значение счетчика. |
2 |
counter-reset |
Устанавливает начальное значение счетчика. |
2 |
cursor |
Изменяет вид курсора мыши. |
2 |
page-break-after |
Определяет наличие или отсутствие разрыва страницы после заданного элемента. |
2 |
page-break-before |
Определяет наличие или отсутствие разрыва страницы перед заданным элементом. |
2 |
page-break-inside |
Определяет наличие или отсутствие разрыва страницы внутри элемента. |
2 |