CSS справочник

Цвет

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
colorЗадает цвет текста.1.01.03.51.03.012.0
opacitycss3Определяет уровень прозрачности для элемента.4.02.09.03.19.012.0

Фон и границы

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
backgroundПозволяет установить все свойства фона в одном объявлении (универсальное свойство).1.01.03.51.04.012.0
background-attachmentУстанавливает, поведение фонового изображения во время прокрутки (фиксированное или прокручивается с остальной частью страницы).1.01.03.51.04.012.0
background-blend-modecss3Определяет режим смешивания слоя каждого фонового цвета ( и / или изображения).35.030.022.07.1*НетНет
background-colorОпределяет цвет фона элемента.1.01.03.51.04.012.0
background-imageЗадает одно или несколько фоновых изображений для элемента.1.01.03.51.04.012.0
background-positionЗадает положение (позицию) фонового изображения.1.01.03.51.04.012.0
background-repeatУстанавливает, как будет повторяться фоновое изображение.1.01.03.51.04.012.0
background-clipcss3 Определяет область элемента для которой будет задан задний фон.4.04.010.53.09.012.0
background-origincss3 Определяет как позиционируется фоновое изображение/-я относительно элемента.4.04.010.53.09.012.0
background-sizecss3 Определяет размер фонового изображения/-ий.4.0
1.0
-webkit-
4.0
3.6
-moz-
10.5
10.0
-o-
4.1
3.0
-webkit-
9.012.0
border Позволяет установить все свойства границ в одном объявлении.1.01.03.51.04.012.0
border-bottom Устанавливает все свойства нижней границы в одном объявлении.1.01.03.51.04.012.0
border-bottom-colorУстанавливает цвет нижней границы.1.01.03.51.04.012.0
border-bottom-left-radiuscss3 Определяет форму границы нижнего левого угла.5.0
4.0
-webkit-
4.0
3.0
-moz-
10.55.0
3.1
-webkit-
9.012.0
border-bottom-right-radiuscss3 Определяет форму границы нижнего правого угла. 5.0
4.0
-webkit-
4.0
3.0
-moz-
10.55.0
3.1
-webkit-
9.012.0
border-bottom-style Устанавливает стиль нижней границы.1.01.09.21.05.512.0
border-bottom-width Устанавливает ширину нижней границы.1.01.03.51.04.012.0
border-color Устанавливает цвет для всех границ в одном объявлении.1.01.03.51.04.012.0
border-imagecss3 Позволяет указать изображение, которое будет использовано вместо границы вокруг элемента. Свойство является универсальным и позоляет установить значения для всех border-image-* свойств в одном объявлении.16.0
4.0
-webkit-
15.0
3.5
-moz-
15
11.0
-o-
6.0
3.1
-webkit-
11.012.0
border-image-outsetcss3 Определяет величину, на которую область границы изображения выходит за пределы блока границы.15.015.015.06.011.012.0
border-image-repeatcss3 Определяет, должна ли граница изображения быть повторена, масштабируема или растянута.15.015.015.06.011.012.0
border-image-slicecss3 Определяет, как разделить изображение, используемое в роли изображения-границы и указанное в свойстве border-image-sourcecss3. 15.015.015.06.011.012.0
border-image-sourcecss3 Указывает путь к изображению, которое будет использовано в качестве границы. Допускается использование градиентов вместо изображения.15.015.015.06.011.012.0
border-image-widthcss3 Задает ширину границы-изображения путем определения смещения (внутрь элемента от края границы).15.013.015.06.011.012.0
border-left Устанавливает все свойства левой границы в одном объявлении.1.01.01.03.54.012.0
border-left-color Устанавливает цвет левой границы.1.01.01.03.54.012.0
border-left-style Устанавливает стиль левой границы.1.01.09.21.05.512.0
border-left-width Устанавливает ширину левой границы.1.01.03.51.04.012.0
border-radiuscss3 Позволяет определить форму границ элемента. Это свойство является короткой записью для свойств border-bottom-left-radiuscss3, border-bottom-right-radiuscss3, border-top-left-radiuscss3 и border-top-right-radiuscss3 . 5.0
4.0
-webkit-
4.0
3.0
-moz-
10.55.0
3.1
-webkit-
9.012.0
border-right Устанавливает все свойства правой границы в одном объявлении.1.01.03.51.04.012.0
border-right-color Устанавливает цвет правой границы.1.01.03.51.04.012.0
border-right-style Устанавливает стиль правой границы.1.01.03.51.04.012.0
border-right-width Устанавливает ширину правой границы.1.01.03.51.04.012.0
border-style Устанавливает стиль для всех границ в одном объявлении.1.01.03.51.04.012.0
border-top Устанавливает все свойства верхней границы в одном объявлении.1.01.03.51.04.012.0
border-top-color Устанавливает цвет верхней границы.1.01.03.51.04.012.0
border-top-left-radiuscss3 Определяет форму границы в верхнем левом углу. 5.0
4.0
-webkit-
4.0
3.0
-moz-
10.55.0
3.1
-webkit-
9.012.0
border-top-right-radiuscss3 Определяет форму границы в верхнем правом углу. 5.0
4.0
-webkit-
4.0
3.0
-moz-
10.55.0
3.1
-webkit-
9.012.0
border-top-style Устанавливает стиль верхней границы.1.01.09.21.05.512.0
border-top-width Устанавливает ширину верхней границы.1.01.03.51.04.012.0
border-width Устанавливает ширину для всех границ в одном объявлении.1.01.03.51.04.012.0
box-decoration-breakcss3 Устанавливает поведение фона и границы элемента на разрыве страницы, или для inline элементов при разрыве строки . 45.0
-webkit-
4234.0
-webkit-
9.0
-webkit-
НетНет
box-shadowcss3 Добавляет одну или несколько теней к элементу.10.0
4.0
-webkit-
4.0
3.5
-moz-
10.55.1
3.1
-webkit-
9.012.0

Основные свойства

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
bottom Определяет смещение позиционированного элемента относительно нижнего края.1.01.06.01.05.012.0
clear Определяет с какой стороны текущего элемента не допускаются плавающие элементы (у которых свойство float имеет значение left или right).1.01.06.01.05.012.0
clip Определяет размеры абсолютно позиционированного элемента, в пределах которого содержимое будет видимым (остальное обрезается).1.01.07.01.08.012.0
display Определяет, как должен отображаться определенный элемент HTML.4.03.07.03.18.012.0
float Определяет будет ли элемент плавающим.1.01.07.01.04.012.0
height Устанавливает высоту области содержимого элемента.1.01.07.01.04.012.0
left Указывает направление смещения позиционированного элемента от левого края.1.01.05.01.05.512.0
margin Устанавливает величину отступа от каждого края элемента в одном объявлении.1.01.03.51.06.012.0
margin-bottom Устанавливает величину отступа от нижнего края элемента.1.01.03.51.06.012.0
margin-left Устанавливает величину отступа от левого края элемента.1.01.03.51.06.012.0
margin-right Устанавливает величину отступа от правого края элемента.1.01.03.51.06.012.0
margin-top Устанавливает величину отступа от верхнего края элемента.1.01.03.51.06.012.0
max-height Устанавливает максимальную высоту элемента.1.01.07.02.0.27.012.0
max-width Устанавливает максимальную ширину элемента.1.01.07.02.0.27.012.0
min-height Устанавливает минимальную высоту элемента.1.01.04.02.0.27.012.0
min-width Устанавливает минимальную ширину элемента.1.01.04.02.0.27.012.0
overflow Указывает, что произойдёт, если содержимое переполняет размеры элемента.1.01.07.01.04.012.0
overflow-xcss3 Указывает, что произойдёт, если содержимое переполняет левый, либо правый край элемента.4.03.59.53.09.012.0
overflow-ycss3 Указывает, что произойдёт, если содержимое переполняет верхний, либо нижний край элемента.4.03.59.53.09.012.0
padding Устанавливает величину внутренних отступов элемента в одном объявлении.1.01.03.51.04.012.0
padding-bottom Устанавливает нижний внутренний отступ элемента.1.01.03.51.04.012.0
padding-left Устанавливает левый внутренний отступ элемента.1.01.03.51.04.012.0
padding-right Устанавливает правый внутренний отступ элемента.1.01.03.51.04.012.0
padding-topУстанавливает верхний внутренний отступ элемента.1.01.03.51.04.012.0
position Указывает какой тип позиционирования используется для элемента (статический, относительный, абсолютный или фиксированный).1.01.04.01.07.012.0
right Указывает направление смещения позиционированного элемента от правого края.1.01.05.01.05.512.0
top Указывает направление смещения позиционированного элемента от верхнего края.1.01.06.01.05.012.0
visibility Определяет, является ли элемент видимым.1.01.04.01.04.012.0
width Устанавливает ширину области содержимого элемента.1.01.03.51.04.012.0
vertical-align Определяет вертикальное позиционирование встроенных строчных (inline) элементов или ячеек таблицы (table-cell).1.01.04.01.04.012.0
z-index Определяет порядок расположения позиционированных элементов по оси Z (порядок наложения элементов друг на друга).1.03.04.01.04.012.0

"Резиновая верстка" (Flexbox)

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
align-contentcss3 Определяет как браузер распределяет пространство между и вокруг флекс элементов вдоль поперечной оси контейнера (вертикально). 21.028.012.19.0
7.0
-webkit-
11.012.0
align-itemscss3 Определяет выравнивание элементов внутри флекс контейнера вдоль поперечной оси. 21.020.012.19.0
7.0
-webkit-
11.012.0
align-selfcss3 Задает выравнивание выделенных элементов внутри флекс контейнера (свойство переопределяет значение выравнивания, заданного для контейнера свойством align-itemscss3 конкретному элементу). 21.020.012.19.0
7.0
-webkit-
11.012.0
flexcss3 Это свойство является короткой записью для свойств, которые позволяют определить размер для флекс элемента, установленный по умолчанию, указать на сколько элемент может увеличиться, либо уменьшится по отношению к остальным флекс элементам в одном контейнере. 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.0
10.0
-ms-
12.0
flex-basiscss3 Определяет размер для флекс элемента, установленный по умолчанию перед распределением пространства в контейнере. 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0
flex-directioncss3 Указывает направление, в соответствии с которым располагаются флекс элементы внутри контейнера. 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0
flex-flowcss3 Свойство позволяет в одном объявлении указать значения свойств flex-directioncss3(направление, в соответствии с которым располагаются флекс элементы внутри контейнера) и flex-wrapcss3(определяет, будет ли флекс контейнер однострочным или многострочным). 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0
flex-growcss3 Указывает на сколько элемент может увеличиться по отношению к остальным флекс элементам в одном контейнере. 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0
flex-shrinkcss3 Определяет, как элемент будет сжиматься относительно остальных флекс элементов в контейнере (при недостатке свободного пространства). 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0
flex-wrapcss3 Определяет, будет ли флекс контейнер однострочным или многострочным. Если в контейнере разрешена многострочность, то это свойство также позволяет контролировать направление, в котором размещаются флекс элементы. 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0
justify-contentcss3 Определяет как браузер распределяет пространство между и вокруг флекс элементов вдоль главной оси контейнера (горизонтально). 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0
ordercss3 Устанавливает порядок следования флекс элемента в контейнере относительно остальных. 29.0
21.0
-webkit-
28.0
18.0
-moz-
17.09.0
6.1
-webkit-
11.012.0

Текст

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
hanging-punctuationcss3 Свойство указывает, может ли знак препинания быть вынесен за пределы линейного блока в начале и в конце полной строки текста. НетНетНетНетНетНет
hyphenscss3 Сообщает браузеру, как расставлять переносы слов в блоке текста. 13.0
-webkit-
43.0
6.0
-moz-
Нет5.1
-webkit-
10.0
-ms-
?
letter-spacing Увеличивает или уменьшает интервал между символами в тексте.1.01.03.51.04.012.0
line-breakcss3 Сообщает браузеру, как осуществлять разрыв строк. 1.0НетДаДа5.512.0
line-height Устанавливает межстрочный интервал (интерлиньяж).1.01.07.01.04.012.0
overflow-wrapcss3 Указывает браузеру, переносить или нет длинные слова, которые не помещаются по ширине в заданную область (разрешается ли разрывать строки внутри слов). Свойство имеет ограниченную поддержку - используйте альтернативное свойство word-wrapcss3. 23.0*Нет*12.17.0Нет*Нет*
tab-sizecss3 Изменяет ширину отступа, заданного с помощью символа табуляции (Tab, Юникод - U+0009). 21.0*4.0
-moz-
15.0
10.6
-o-
7.0НетНет
text-align Задает горизонтальное выравнивание текста.1.01.03.51.03.012.0
text-align-lastcss3 Задает горизонтальное выравнивание последней строки текста, а так же тексту перед принудительным разрывом строки. Свойство применяется только к тексту, который имеет горизонтальном выравнивании по ширине (свойство text-align со значением justify). 47.0*49.0
12.0
-moz-
34.0*Нет5.5*12.0
text-indent Задает отступ первой строки в текстовом блоке.1.01.03.51.03.012.0
text-justifycss3 Определяет, как текст с выравниванием justify должен быть выровнен и разнесен. НетНетНетНет5.512.0
text-transform Управляет регистром текста.1.01.07.01.04.012.0
white-space Определяет как отображать пробелы внутри элемента.1.03.59.53.08.012.0
word-breakcss3 Указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область. Свойство используется для определения правил переноса, когда в тексте встречается одновременно как CJK, так и не-CJK текст(Китайский, Японский, Корейский).4.015.015.03.15.512.0
word-spacing Увеличивает или уменьшает пробел между словами в тексте.1.01.03.51.06.012.0
word-wrapcss3 Указывает браузеру, переносить или нет длинные слова, которые не помещаются по ширине в заданную область (разрешается ли разрывать строки внутри слов).4.03.510.53.15.512.0

Оформление текста

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
text-decoration Добавляет декорирование текста (подчеркивание, перечеркивание, линия над текстом). В CSS3 является короткой записью для свойств text-decoration-colorcss3, text-decoration-linecss3 и text-decoration-stylecss3.1.01.03.51.03.012.0
text-decoration-colorcss3 Устанавливает цвет декоративной линии, которая добавляется через свойство text-decoration. Нет40.0
6.0*
-moz-
Нет7.1
-webkit-
НетНет
text-decoration-linecss3 Определяет тип декоративной линии. В настоящее время свойство имеет ограниченную поддержку, используйте короткую запись - text-decoration. Нет40.0
6.0*
-moz-
Нет7.1
-webkit-
НетНет
text-decoration-stylecss3 Устанавливает стиль декоративной линии, которая добавляется через свойство text-decoration. Нет40.0
6.0*
-moz-
НетНетНетНет
text-shadowcss3 Добавляет тень к тексту.4.03.59.64.010.012.0
text-underline-positioncss3 Указывает положение линии, которая добавляется через свойство text-decoration. 33.0*НетНетНет6.0*?

Свойства шрифта

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
@font-facecss3 Правило, которое позволяет веб-сайтам скачать и использовать шрифты, отличные от "безопасных веб-шрифтов". 4.0*3.5*9.0*3.1*6.0*12.0*
@font-feature-valuescss3 Позволяет использовать общее название в font-variant-alternate (активируются по-разному в шрифтах OpenType). Это позволяет упростить CSS при использовании нескольких шрифтов. Нет34.0НетНетНетНет
font Устанавливает все свойства шрифта в одном объявлении.1.01.03.51.04.012.0
font-family Задает шрифт для элемента.1.01.03.51.04.012.0
font-feature-settingscss3 Позволяет контролировать расширенные типографские возможности шрифтов OpenType. 48.0
31.0
-webkit-
43.0
25.0
-moz-
33.0
-webkit-
9.110.013.0
font-kerningcss3 Контролирует использование кернинга (изменение интервала между буквами в зависимости от их формы). 43.0
31.0
-webkit-
42.033.08.4
-webkit-
НетНет
font-language-overridecss3 Управляет использованием языковых специфических символов в шрифте. Нет34.0
4.0
-moz-
НетНетНетНет
font-size Задает размер шрифта элемента.1.01.07.01.05.512.0
font-size-adjustcss3 Сохраняет читаемость текста, когда возникает подмена шрифта (браузер будет регулировать размер шрифта, чтобы быть тем же самым независимо от шрифта). Нет3.0НетНетНетНет
font-stretchcss3 Устанавливает узкое, нормальное или широкое начертание шрифта. НетНетНетНетНетНет
font-style Задает стиль шрифта для элемента.1.01.07.01.04.012.0
font-synthesiscss3 Управляет тем, какие отсутствующие шрифты (жирный шрифт или курсив), могут быть синтезированы с помощью браузера. Нет34.0НетНетНетНет
font-variant Указывает, должен ли текст быть выведен в капители (оставить без модификаций строчные буквы или установить строчные знаки как уменьшенные заглавные).1.01.03.51.04.012.0
font-variant-alternatescss3 Контролирует использование альтернативных символов, связанных альтернативным именем, определенных в @font-feature-values. Нет34.0НетНетНетНет
font-variant-capscss3 Управляет использованием альтернативных символов для прописных букв. Нет34.0НетНетНетНет
font-variant-east-asiancss3 Управляет использование альтернативных символов для сценариев Восточной Азии (например, Японский и Китайский). Нет34.0НетНетНетНет
font-variant-ligaturescss3 Контролирует какие лигатуры и контекстные формы используются в текстовом содержимом элемента (возможность включить автоматическую подстановку лигатур для шрифтов, поддерживающих данное свойство). 34.0
31.0
-webkit-
34.019.0
-webkit-
7.0
-webkit-
НетНет
font-variant-numericcss3 Управляет использованием альтернативных символов для чисел, дробей и порядковых маркеров. Нет34.0НетНетНетНет
font-variant-positioncss3 Управляет использование альтернативных символов меньшего размера, позиционируемых как с верхним или нижним индексом относительно базовой линии шрифта. Нет34.0НетНетНетНет
font-weight Устанавливает насколько жирным будет выглядеть текст в элементе.2.01.03.51.34.012.0

Режимы написания

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
direction Указывает направление текста/направление письма.2.01.09.21.35.512.0
text-orientationcss3 Определяет ориентацию текста в строке. 48.0
?
-webkit-
41.0?
-webkit-
НетНетНет
text-combine-uprightcss3 Указывает браузеру, что необходимо размещать текст (символы) в пространстве одного символа (для вертикальных текстов сверху-вниз). 48.0
?
-webkit-
Нет?
-webkit-
?
-webkit-
11.0
-ms-
?
unicode-bidi Свойство используется совместно с direction, чтобы установить должен ли текст быть переопределен для поддержки нескольких языков в одном документе.2.01.09.21.35.512.0
writing-modecss3 Определяет как будут располагаться строки текста, горизонтально или вертикально, а также направление, в котором блоки формируются. 31.0
-webkit-
41.0
18.0
-moz-
33.0
-webkit-
9.0
-webkit-
8.0
-ms-
13.0

Таблицы

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
border-collapse Устанавливает, как отображать границы вокруг ячеек таблицы.1.01.04.01.25.012.0
border-spacing Задает расстояние между границами соседних ячеек.1.01.04.01.08.012.0
caption-side Устанавливает расположение заголовка таблицы (над/под таблицей).1.01.04.01.08.012.0
empty-cells Устанавливает, следует ли отображать границы и фон пустых ячеек в таблице.1.01.04.01.28.012.0
table-layout Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на ее содержимом.14.01.07.01.05.012.0

Списки и счетчики

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
counter-increment Увеличивает одно или более значений счетчика. Чаще всего используется вместе со свойствами counter-reset и content.4.02.09.63.18.012.0
counter-reset Создает или сбрасывает один, либо несколько счетчиков. Чаще всего используется вместе со свойствами counter-increment и content.4.02.09.63.18.012.0
list-style Устанавливает все свойства списка в одном объявлении.1.01.07.01.04.012.0
list-style-image Позволяет задать изображение в качестве маркера элемента списка.1.01.07.01.04.012.0
list-style-position Определяет расположение маркера относительно элемента списка (внутри элемента списка вместе с содержимым, либо за границей элемента списка).1.01.03.51.04.012.0
list-style-type Указывает тип маркера элемента списка.1.01.03.51.04.0*12.0

Анимация

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
@keyframescss3 Позволяет контролировать промежуточные этапы анимации путем создания ключевых кадров (или точки) в процессе анимации.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animationcss3 Позволяет задать все свойства анимации в одном объявлении.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-delaycss3 Определяет задержку для запуска анимации.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-directioncss3 Определяет будет ли анимация воспроизводиться в обратном направлении, или в виде чередующихся циклов.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-durationcss3 Определяет, сколько секунд или миллисекунд затрачивается на выполнение одного цикла анимации.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-fill-modecss3 Задает стиль для элемента, когда анимация не воспроизводится (когда она будет закончена, или когда она имеет задержку, установленную свойством animation-delaycss3).43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-iteration-countcss3 Указывает, сколько раз анимация должна быть воспроизведена.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-namecss3 Указывает имя анимации/список анимаций, которые должны быть применены к выбранному элементу. Каждое имя указывает на правило (@keyframescss3), которое определяет значения свойств анимации.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-play-statecss3 Определяет состояние анимации (анимация воспроизводится, либо приостановлена).43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0
animation-timing-functioncss3 Определяет кривую скорости для анимации (используется математическая функция - кубическая кривая Безье). Кривая скорости определяет время анимации, используемое, чтобы изменить один набор стилей CSS на другой.43.0
4.0
-webkit-
16.0
5.0
-moz-
30.0
15.0
-webkit-
9.0
4.0
-webkit-
10.012.0

Трансформация

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
backface-visibilitycss3 Определяет, должна ли быть видна задняя сторона элемента или нет. 36.0
12.0
-webkit-
16.0
10.0
-moz-
23.0
15.0
-webkit-
4.0
-webkit-
10.012.0
perspectivecss3 Определяет на сколько элемент удален от точки обзора. 36.0
12.0
-webkit-
16.0
10.0
-moz-
23.0
15.0
-webkit-
9.0
3.2
-webkit-
10.012.0
perspective-origincss3 Устанавливает начало координат для свойства перспективы (perspectivecss3). 36.0
12.0
-webkit-
16.0
10.0
-moz-
23.0
15.0
-webkit-
9.0
4.03
-webkit-
10.012.0
transformcss3 Применяет двухмерные или трехмерные трансформации к элементу (функции преобразования элемента).36.0
12.0*
-webkit-
16.0
10.0*
-moz-
23.0
15.0
-webkit-
9.0
3.2
-webkit-
10.0
9.0*
-ms-
12.0
transform-origincss3 Указывает начало координат преобразования (трансформации) элемента. 36.0
12.0*
-webkit-
16.0
10.0*
-moz-
23.0
15.0
-webkit-
9.0
4.0*
-webkit-
10.0
9.0*
-ms-
12.0
transform-stylecss3 Определяет как вложенные элементы(дочерние элементы) отображаются в трехмерном пространстве. 36.0
12.0
-webkit-
16.0
10.0
-moz-
23.0
15.0
-webkit-
9.0
4.0
-webkit-
11.0*12.0

Переходные эффекты

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
transitioncss3 Позволяет задать все свойства эффекта перехода (переход между двумя состояниями элемента) в одном объявлении. Это свойство является короткой записью для свойств transition-delaycss3, transition-durationcss3, transition-propertycss3 и transition-timing-functioncss3.26.0
4.0
-webkit-
16.0
4.0
-moz-
12.1
10.5
-o-
6.1
3.1
-webkit-
10.012.0
transition-durationcss3 Определяет, сколько секунд или миллисекунд эффект перехода занимает времени.26.0
4.0
-webkit-
16.0
4.0
-moz-
12.1
10.5
-o-
6.1
3.1
-webkit-
10.012.0
transition-propertycss3 Указывает имя свойства CSS для которого используется переходный эффект.26.0
4.0
-webkit-
16.0
4.0
-moz-
12.1
10.5
-o-
6.1
3.1
-webkit-
10.012.0
transition-timing-functioncss3 Используется, чтобы описать, как рассчитываются промежуточные значения CSS свойства, которое находится под воздействием эффекта перехода, используя при этом математическую функцию (кубическую кривую Безье). Это, по сути, позволяет создать кривую "разгона", так что скорость перехода может меняться в течение длительности эффекта перехода.26.0
4.0
-webkit-
16.0
4.0
-moz-
12.1
10.5
-o-
6.1
3.1
-webkit-
10.012.0
transition-delaycss3 Указывает, когда эффект перехода начнется (выступает в роли задержки начала эффекта).26.0
4.0
-webkit-
16.0
4.0
-moz-
12.1
10.5
-o-
6.1
3.1
-webkit-
10.012.0

Пользовательский интерфейс

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
box-sizingcss3 Используется для изменения, применяемой по умолчанию CSS модели, с помощью которой вычисляются ширина и высота элементов.10.0
4.0
-webkit-
29.0
2.0
-moz-
9.55.1
3.2
-webkit-
8.012.0
content Используется с псевдоэлементами :before и :after для вставки сгенерированного контента.1.01.04.01.08.0*12.0
cursor Определяет тип, отображаемого курсора.5.04.09.65.05.512.0
ime-modecss3 Контролирует состояние редактора метода ввода для текстовых полей. Нет3.0НетНет5.0?
nav-downcss3 Указывает, куда перемещаться (при использовании навигационной клавиши со стрелкой вниз). НетНетНет*НетНетНет
nav-indexcss3 Определяет порядок табуляции для элемента. НетНетНет*НетНетНет
nav-leftcss3 Указывает, куда перемещаться (при использовании навигационной клавиши со стрелкой влево). НетНетНет*НетНетНет
nav-rightcss3 Указывает, куда перемещаться (при использовании навигационной клавиши со стрелкой вправо). НетНетНет*НетНетНет
nav-upcss3 Указывает, куда перемещаться (при использовании навигационной клавиши со стрелкой вверх). НетНетНет*НетНетНет
outline Устанавливает все свойства контура элемента в одном объявлении (контур не является частью элемента и не влияет на его ширину).1.01.57.01.28.0*12.0
outline-color Устанавливает цвет контура элемента.1.01.57.01.28.0*12.0
outline-offsetcss3 Добавляет пространство между контуром и краем элемента или его границы (при наличии).4.03.510.53.1НетНет
outline-style Устанавливает стиль контура элемента (за пределами границы).1.01.57.01.28.0*12.0
outline-width Задает ширину контура элемента.1.01.57.01.28.0*12.0
resizecss3 Указывает, может ли размер элемента изменяться пользователем. 4.05.0
4.0
-moz-
15.0*4.0НетНет
text-overflowcss3 Указывает, что должно произойти, когда текст переполняет, содержащий элемент. 4.07.011.0
9.0
-o-
3.16.012.0

Свойства столбцов

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
break-aftercss3 Определяет как проиcходят разрывы страниц(при печати), колонок или определённых областей после указанного элемента. НетНетНет*Нет10.0*12.0*
break-beforecss3 Определяет как проиcходят разрывы страниц(при печати), колонок или определённых областей перед указанным элементом. НетНетНет*Нет10.0*12.0*
break-insidecss3 Определяет как проиcходят разрывы страниц(при печати), колонок или определённых областей внутри указанного элемента. НетНетНет*Нет10.012.0
column-countcss3 Определяет количество колонок, на которое следует разделить элемент. 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
column-fillcss3 Указывает, как содержимое заполняется внутри столбцов (содержимое во всех столбцах будет иметь одинаковую высоту, либо занимает столько прострванства сколько ему потребуется). Нет13.0
-moz-
НетНетНетНет
column-gapcss3 Указывает величину зазора (промежуток) между колонками элемента, который отображается в виде многоколоночного текста. 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
column-rulecss3 Позволяет в одном объявлении указать следующие значения разделительной линии: ширина (column-rule-widthcss3), стиль (column-rule-stylecss3) и цвет (column-rule-colorcss3). 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
column-rule-colorcss3 Определяет цвет разделительной линии между колонками. 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
column-rule-stylecss3 Определяет стиль разделительной линии между колонками. 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
column-rule-widthcss3 Определяет ширину разделительной линии между колонками. 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
column-spancss3 Определяет, должен ли элемент пересекать все колонки, либо позиционируется в одной из них. 50.0
4.0
-webkit-
Нет37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
column-widthcss3 Задает оптимальную ширину для колонок. 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
columnscss3 Позволяет указать в одном объявлении значения свойств column-widthcss3(оптимальная ширина колонок) и column-countcss3(оптимальное количество колонок). 50.0
4.0
-webkit-
2.0
-moz-
37.0*
15.0
-webkit-
9.0
3.1
-webkit-
10.012.0
widows Задает минимальное число строк текста, которое располагается на следующей странице при печати документа, когда происходит разрыв страницы внутри элемента (работает при условии, что текст размещается на двух и более страницах). 25.0Нет9.2Нет8.012.0

Постраничный вывод

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
markscss3 Свойство, которое отвечает за выравнивание и обрезку печатаемого элемента. НетНетНетНетНетНет
orphans Задает минимальное число строк текста, которое располагается в нижней части страницы при печати документа, когда происходит разрыв страницы внутри элемента (работает при условии, что текст размещается на двух и более страницах). 25.0Нет9.2Нет8.012.0
page-break-after Определяет наличие или отсутствие разрыва страницы после заданного элемента при печати документа. 1.0*1.0*7.0*1.2*10.0*12.0
page-break-before Определяет наличие или отсутствие разрыва страницы перед заданным элементом при печати документа. 1.0*1.0*7.0*1.2*10.0*12.0
page-break-inside Определяет наличие или отсутствие разрыва страницы внутри заданного элемента при печати документа. 1.019.07.01.38.012.0
quotes Определяет тип кавычек для встраиваемых цитат.11.01.54.05.18.0*12.0

Фильтры

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
filtercss3 Устанавливает визуальный эффект (фильтр) для элемента (например, размытие или изменение цвета). 18.0
-webkit-
35.015.0
-webkit-
9.1
6.0
-webkit-
Нет13.0*

Изображения и замещаемое содержимое

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
image-orientationcss3 Задает вращение (направление по часовой стрелке) по умолчанию. Нет42.0НетНетНетНет
image-renderingcss3 Сообщает браузеру, какой алгоритм следует использовать для масштабирования изображений. Это относится и к самому элементу, а также любых изображений, поставляемых в другие свойства для элемента. 41.0*36.0
3.6*
-moz-
26.0
11.60*
-o-
Да*НетНет
image-resolutioncss3 Позволяет изменить разрешение конкретных изображений (пользовательское масштабирование). ??????
object-fitcss3 Управляет соотношением сторон заменяемых элементов (изображения/видео), когда у них задана ширина или высота, а также способом их масштабирования на странице. 31.036.019.0
11.60
-o-
ДаНетНет
object-positioncss3 Устанавливает положение контента внутри заменяемого элемента (изображения/видео) по горизонтали и вертикали. 31.036.019.0
11.60
-o-
НетНетНет

Свойства маски

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
maskcss3 Позволяет пользователям изменять видимость элемента, либо частично или полностью скрывает элемент. Это достигается путем маскировки или обрезки изображения в определенных точках. Да*Да*Да*Да*??
mask-typecss3 Свойство, которое определяет какое значение (luminance/alpha mask) имеет SVG элемент (<mask>). 24.035.015.07.0
-webkit-
НетНет

Свойства речи

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
markcss3 Сокращенное свойство для установки свойств mark-before и mark-after. ??????
mark-aftercss3 Позволяет назначить маркер и прикрепить его к аудио потоку (служит для отметки начальной определенной точки в потоке). ??????
mark-beforecss3 Позволяет назначить маркер и прикрепить его к аудио потоку (служит для отметки конечной определенной точки в потоке). ??????
phonemescss3 Задает фонетическое произношение для текста, содержащегося в соответствующем элементе. ??????
restcss3 Сокращенное свойство для установки свойств rest-before и rest-after properties ??????
rest-aftercss3 Задает паузу после произнесения содержимого элемента. ??????
rest-beforecss3 Задает паузу перед произнесением содержимого элемента. ??????
voice-balancecss3 Задает баланс между левым и правым каналами. ??????
voice-durationcss3 Определяет, сколько потребуется, чтобы отображать выбранный элемент (указывает значение в секундах или миллисекундах). ??????
voice-pitchcss3 Указывает среднюю высоту (частоту) голоса. ??????
voice-pitch-rangecss3 Тон человеческого голоса определяется фундаментальной частотой и обычно имеет значение 120 Гц для мужского голоса и 210Hz для женского голоса. Это свойство задает диапазон, в котором фундаментальная частота может отклоняться от среднего тона. ??????
voice-ratecss3 Контролирует скорость речи. ??????
voice-stresscss3 Указывает на силу интонации, которая должна применяться к тексту которому уделено особое внимание. ??????
voice-volumecss3 Задает громкость звука (размер медианы звуковой волны). ??????

Бегущая строка

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
marquee-directioncss3 Устанавливает направление перемещения содержимого. ??????
marquee-play-countcss3 Устанавливает, сколько раз содержимое движется. ??????
marquee-speedcss3 Устанавливает, насколько быстро содержимое пролистывается. ??????
marquee-stylecss3 Установка стиля для перемещаемого содержимого. ??????

Прочее

СвойствоОписаниеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
@mediacss3 Правило, которое используется для изменения CSS стилей на основании определенных характеристик устройства, связанных с отображением контента, таких как ширина, высота, ориентация, разрешение экрана и так далее. Имеет широкое применение в адаптивном веб-дизайне.21.03.59.04.09.012.0
allcss3 Сбрасывает все свойства к их первоначальному или унаследованному значению (за исключением свойства direction, отвечающего за направление текста и свойство unicode-bidi, которое позволяет задействовать двунаправленный алгоритм отображения текста.37.027.024.09.1НетНет