accent-color |
Указывает цвет акцента для пользовательского интерфейса. |
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 |
Определяет кривую скорости анимации. |
aspect-ratio |
Указывает предпочтительное соотношение сторон элемента. |
backdrop-filter |
Определяет графический эффект области фона элемента. |
backface-visibility |
Определяет, видна ли спинка элемента, когда он面向 пользователя. |
background |
Краткое свойство для всех свойств background-*. |
background-attachment |
Устанавливает, будет ли фоновое изображение скролиться вместе с остальной частью страницы или оставаться фиксированным. |
background-blend-mode |
Определяет режим наложения каждого фонового слоя (цвет/изображение). |
background-clip |
Определяет расстояние, на которое фоновый (цвет или изображение) должен распространяться внутри элемента. |
background-color |
Определяет цвет фона элемента. |
background-image |
Определяет одно или несколько фоновых изображений элемента. |
background-origin |
Определяет начальное положение фонового изображения. |
background-position |
Определить положение фонового изображения. |
background-position-x |
Указать положение фонового изображения по оси X. |
pr_background-position-y |
Указать положение фонового изображения по оси Y. |
background-repeat |
Установить, будет ли фоновое изображение повторяться и как. |
background-size |
Определить размер фонового изображения. |
block-size |
Указать размер элемента в блоковом направлении. |
border |
Краткое свойство border-width, border-style и border-color. |
border-block |
Краткие имена следующих свойств:
|
border-block-color |
Установить цвет рамки начала и конца блока. |
border-block-end |
Краткие имена следующих свойств:
|
border-block-end-color |
Установить цвет рамки конца блока. |
border-block-end-style |
Установить стиль рамки конца блока. |
border-block-end-width |
Установить ширину рамки конца блока. |
border-block-start |
Краткие имена следующих свойств:
|
border-block-start-color |
Установить цвет рамки начала блока. |
border-block-start-style |
Установить стиль рамки начала блока. |
border-block-start-width |
Установить ширину рамки начала блока. |
border-block-style |
Установить стиль рамки начала и конца блока. |
border-block-width |
Установить ширину рамки начала и конца блока. |
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-end-end-radius |
Установить радиус угла между концом блока и концом строки. |
border-end-start-radius |
Установить радиус угла между концом блока и началом строки. |
border-image |
Краткая форма свойств border-image-*. |
border-image-outset |
Определить количество, на которое изображение рамки выходит за пределы рамки. |
border-image-repeat |
Определить, должно ли изображение рамки повторяться, быть закругленным или растягиваться. |
border-image-slice |
Определить, как резать изображение рамки. |
border-image-source |
Определить путь к изображению, используемому в рамке. |
border-image-width |
Определить ширину изображения рамки. |
border-inline |
Краткие имена следующих свойств:
|
border-inline-color |
Установить цвет рамки в строке в направлении начала и конца. |
border-inline-end |
Краткие имена следующих свойств:
|
border-inline-end-color |
Установить цвет рамки в строке в направлении конца. |
border-inline-end-style |
Установить стиль рамки в строке в направлении конца. |
border-inline-end-width |
Установить ширину рамки в строке в направлении конца. |
border-inline-start |
Краткие имена следующих свойств:
|
border-inline-start-color |
Установить цвет рамки в строке в направлении начала. |
border-inline-start-style |
Установить стиль рамки в строке в направлении начала. |
border-inline-start-width |
Установить ширину рамки в строке в направлении начала. |
border-inline-style |
Установить стиль рамки в строке в направлении начала и конца. |
border-inline-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-start-end-radius |
Устанавливает радиус угла между началом блока и концом инлайна. |
border-start-start-radius |
Устанавливает радиус угла между началом блока и началом инлайна. |
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-reflect |
Используется для создания отражения элемента. |
box-shadow |
Добавляет один или несколько тени к элементу. |
box-sizing |
Определяет способ вычисления ширины и высоты элемента: должны ли они включать отступы и рамки. |
break-after |
Определяет, должно ли出现 page-, column- или region-break после указанного элемента. |
break-before |
Определяет, должно ли出现 page-, column- или region-break перед указанным элементом. |
break-inside |
Определяет, должно ли出现 page-, column- или region-break внутри указанного элемента. |
caption-side |
Определяет способ размещения таблицы заголовков. |
caret-color |
Определяет цвет курсора в input, textarea или любом редактируемом элементе. |
@charset |
Определяет кодировку символов, используемую в таблице стилей. |
clear |
Определяет, с какой стороны элемента не допускается浮动 элемента. |
clip |
Обрезать элемент绝对 позиционирования. |
clip-path |
Вырезает элемент до базовой формы или SVG источника. |
color |
Устанавливает цвет текста. |
color-scheme |
Указывает,哪个 схему配色 системы операционной системы следует использовать для рендеринга элемента. |
column-count |
Определяет количество колонок, на которое элемент должен быть разделен. |
column-fill |
Определяет способ заполнения колонок (является ли это balanced). |
column-gap |
Определяет интервал между колонками. |
column-rule |
Краткое свойство для всех свойств column-rule-*. |
column-rule-color |
Определяет цвет правил между колонками. |
column-rule-style |
Определяет стиль правил между колонками. |
column-rule-width |
Определяет ширину правил между колонками. |
column-span |
Определяет количество колонок, которое элемент должен перекрывать. |
column-width |
Определяет ширину колонки. |
columns |
Краткое свойство для column-width и column-count. |
@container |
Определяет стиль элементов внутри контейнера в зависимости от размера или стиля контейнера. |
content |
Используется вместе с псевдоэлементами :before и :after для вставки генерируемого содержимого. |
counter-increment |
Увеличивает или уменьшает значение одного или нескольких CSS счетчиков. |
counter-reset |
Создает или сбрасывает один или несколько CSS счетчиков. |
counter-set |
Создает или устанавливает один или несколько CSS счетчиков. |
@counter-style |
Позволяет определить стиль пользовательского счетчика. |
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 |
规定是否应该对盒(box)进行浮动。 |
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-variant-alternate 中的通用名来实现在 OpenType 中以不同方式激活的特性。 |
font-kerning |
控制字距调整信息的使用(字母间距)。 |
font-language-override |
控制特定语言的字形在字体的使用。 |
@font-palette-values |
允许您自定义字体调色板的默认值。 |
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 и 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 |
Определяет размер строк в сеточной разметке. |
margin |
установить все свойства внешних отступов в одном заявлении. |
margin-block |
указать внешнюю отступ в блоке. |
margin-block-end |
указать внешнюю отступ в конце блока. |
margin-block-start |
указать внешнюю отступ в начале блока. |
margin-bottom |
установить нижний внешнюю отступ элемента. |
margin-inline |
указать внешнюю отступ в направлении строки. |
margin-inline-end |
Указывает на внешнюю отступ в конце строки. |
margin-inline-start |
Указывает на внешнюю отступ в начале строки. |
margin-left |
Устанавливает левый внешнюю отступ элемента. |
margin-right |
Устанавливает правый внешнюю отступ элемента. |
margin-top |
Устанавливает верхний внешнюю отступ элемента. |
marker |
Указывает на маркер, который будет нарисован на всех вершинах элемента (первой, промежуточной и последней). |
marker-end |
Указывает на маркер, который будет нарисован на последней вершине элемента. |
marker-mid |
Указывает на маркер, который будет нарисован на всех промежуточных вершинах элемента. |
marker-start |
Указывает на маркер, который будет нарисован на первом вершинах элемента. |
mask |
Краткие имена следующих свойств:
|
mask-clip |
Указать область,affected by the mask image. |
mask-composite |
Указать тип слияния, используемый между текущей маской и маской, расположенной underneath. |
mask-image |
Указать изображение, используемое в качестве маски элемента. |
mask-mode |
Указать, как изображение маски обрабатывается как亮度 маска или alpha маска. |
mask-origin |
Указать исходное положение изображения маски (относительно области маски). |
mask-position |
Устанавливает начальное положение изображения маски (относительно области маски). |
mask-repeat |
Указать способ повторения изображения маски. |
mask-size |
Указать размер изображения маски. |
mask-type |
Указать SVG Определяет, как элемент обрабатывается как亮度 маска или alpha маска. |
max-height |
Устанавливает максимальную высоту элемента. |
max-width |
Устанавливает максимальную ширину элемента. |
@media |
Устанавливает правила стиля для различных типов媒体, устройств и размеров. |
max-block-size |
Устанавливает максимальный размер элемента в направлении блока. |
max-inline-size |
Устанавливает максимальный размер элемента в направлении строки. |
min-block-size |
Устанавливает минимальный размер элемента в направлении блока. |
min-inline-size |
Устанавливает минимальный размер элемента в направлении строки. |
min-height |
Устанавливает минимальную высоту элемента. |
min-width |
Устанавливает минимальную ширину элемента. |
mix-blend-mode |
Устанавливает, как содержимое элемента должно комбинироваться с фоном его прямого родителя. |
object-fit |
Устанавливает, как содержимое заменяемого элемента должно подходить к его высоте и ширине, определенным рамкой. |
object-position |
Указывает способ выравнивания заменяемого элемента в рамке. |
offset |
Краткие имена следующих свойств:
|
offset-anchor |
Указывает точку, фиксированную на пути анимации элемента. |
offset-distance |
Указывает положение анимационного элемента на пути. |
offset-path |
Указывает путь анимации элемента. |
offset-position |
Указывает начальное положение элемента по пути. |
offset-rotate |
Указывает вращение элемента по пути анимации. |
opacity |
Устанавливает уровень прозрачности элемента. |
order |
Устанавливает порядок эластичных элементов по отношению к其余 элементам. |
orphans |
Устанавливает минимальное количество строк, которые должны оставаться в нижней части страницы или колонки. |
orphans |
Устанавливает минимальное количество строк, которые должны оставаться в нижней части страницы при разбиении страницы. |
outline |
Краткие свойства свойств outline-width, outline-style и outline-color. |
outline-color |
Устанавливает цвет обводки. |
outline-offset |
Смещает обводку и рисует ее за пределами края рамки. |
outline-style |
Устанавливает стиль обводки. |
outline-width |
Устанавливает ширину обводки. |
overflow |
Определяет, что произойдет, если содержимое выйдет за пределы рамки элемента. |
overflow-anchor |
Определяет, следует ли проталкивать содержимое в видимую область вниз при загрузке нового содержимого в скроллинг-контейнер. |
overflow-wrap |
Определяет, может ли браузер прерывать строки в длинных словах, когда они вырываются за пределы контейнера. |
overflow-wrap |
Определяет, может ли браузер перебрасывать строки в слове для предотвращения переполнения (если строка слишком длинна и не может адаптироваться к содержимому его контейнера). |
overflow-x |
Определяет, будет ли обрезаться левая и правая граница содержимого, если оно выходит за пределы области содержимого элемента. |
overflow-y |
Определяет, будет ли обрезаться верхняя и нижняя граница содержимого, если оно выходит за пределы области содержимого элемента. |
overscroll-behavior |
Указывает, имеет ли элемент скроллинг-цепь или эффект переборщенного скроллинга по направлению x и y. |
overscroll-behavior-block |
Указывает, имеет ли элемент скроллинг-цепь или эффект переборщенного скроллинга по направлению блока. |
overscroll-behavior-inline |
Указывает, имеет ли элемент скроллинг-цепь или эффект переборщенного скроллинга по направлению инлайна. |
overscroll-behavior-x |
Указывает, имеет ли элемент скроллинг-цепь или эффект переборщенного скроллинга по направлению x. |
overscroll-behavior-y |
Указывает, имеет ли элемент скроллинг-цепь или эффект переборщенного скроллинга по направлению y. |
padding |
Краткие свойства всех свойств padding-*. |
padding-block |
Укажите внутренний отступ в блочном направлении. |
padding-block-end |
Укажите внутренний отступ в конце блочного направления. |
padding-block-start |
Укажите внутренний отступ в начале блочного направления. |
padding-bottom |
Установите нижний внутренний отступ элемента. |
padding-inline |
Укажите внутренний отступ в строковом направлении. |
padding-inline-end |
Укажите внутренний отступ в конце строкового направления. |
padding-inline-start |
Укажите внутренний отступ в начале строкового направления. |
padding-left |
Установите левый внутренний отступ элемента. |
padding-right |
Установите правый внутренний отступ элемента. |
padding-top |
Установите верхний внутренний отступ элемента. |
@page |
Настройте размер, ориентацию и поля страницы для печати. |
page-break-after |
Определите поведение элементов после разбивки на страницы (page-break). |
page-break-before |
Определите поведение элементов перед разбивкой на страницы (page-break). |
page-break-inside |
Определите поведение элементов при разбивке на страницы (page-break). |
paint-order |
Установите порядок рисования элементов SVG или текста. |
perspective |
Предоставьте перспективу для элементов 3D-позиционирования. |
perspective-origin |
Определите положение, из которого пользователь видит элемент с 3D-позиционированием. |
place-content |
Укажите значения свойств align-content и justify-content для флекс-макета и макета сетки. |
place-items |
Укажите значения свойств align-items и justify-items для макета сетки. |
place-self |
Укажите значения свойств align-self и justify-self для макета сетки. |
pointer-events |
Определите, реагирует ли элемент на события мыши. |
position |
Определите тип метода позиционирования элементов (статический, относительный, абсолютный или фиксированный). |
@property |
Определите пользовательские CSS-атрибуты в таблице стилей без выполнения JavaScript. |
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-decoration-thickness |
Определяет толщину декоративной линии. |
text-emphasis |
Краткие имена следующих свойств:
|
text-emphasis-color |
Определяет цвет маркера подчеркивания. |
text-emphasis-position |
Определяет положение маркера подчеркивания. |
text-emphasis-style |
Определяет стиль маркера подчеркивания. |
text-indent |
Определяет отступ первой строки текстового блока (text-block). |
text-justify |
Определяет метод выравнивания, используемый при text-align: "justify". |
text-orientation |
Определяет направление символов в строке. |
text-overflow |
Определяет, что происходит, когда текст выливается за пределы содержащего элемента. |
text-shadow |
Добавляет тень текста. |
text-transform |
Контролирует форматирование текста в верхнем регистре. |
text-underline-offset |
Определяет расстояние до текста с подчеркиванием. |
text-underline-position |
Определяет положение текста с подчеркиванием. |
top |
Определяет верхнее положение элемента. |
transform |
При应用到 элементу применяет 2D или 3D преобразование. |
transform-origin |
Позволяет изменить положение преобразованного элемента. |
transform-style |
Определяет, как渲染 вложенные элементы в 3D пространстве. |
transition |
Краткая форма всех свойств transition-*. |
transition-delay |
Определяет, когда должен начинаться эффект перехода. |
transition-duration |
Определяет количество секунд или миллисекунд, необходимых для завершения эффекта перехода. |
transition-property |
Определяет имя CSS свойства, соответствующего эффекту перехода. |
transition-timing-function |
Определяет кривую скорости эффекта перехода. |
translate |
Определяет положение элемента. |