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 |
Определяет способ заполнения колонок (равномерно или нет). |
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-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 |
Указывает на комбинаторные операции, используемые между текущей маской и маской, находящейся под ней. |
mask-image |
Указывает на изображение, используемое в качестве маски элемента. |
mask-mode |
Указывает, обрабатывается ли изображение маски как маска яркости или alpha-маски. |
mask-origin |
Указывает на исходное положение изображения маски (относительно области маски). |
mask-position |
Устанавливает начальное положение изображения маски (относительно области маски). |
mask-repeat |
Указывает на способ повторения маски. |
mask-size |
Указывает на SVG. mask-type |
Элемент обрабатывается как маска яркости или alpha-маска. |
max-height |
Устанавливает максимальную высоту элемента. |
max-width |
Устанавливает максимальную ширину элемента. |
@media |
Устанавливает стили для различных типов носителей, устройств и размеров. |
Устанавливает максимальный размер элемента в блоковом направлении. |
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 |
Устанавливает минимальное количество строк, которые должны оставаться в нижней части страницы при pagination. |
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 для flexbox и сеточной разметки. |
place-items |
Указать значения свойств align-items и justify-items для сеточной разметки. |
place-self |
Указать значения свойств align-self и justify-self для сеточной разметки. |
pointer-events |
Определить, реагирует ли элемент на события мыши. |
position |
Определить тип метода позиционирования элемента (статический, относительный, абсолютный или фиксированный). |
@property |
Прямо в таблице стилей определить пользовательские CSS-атрибуты, без выполнения JavaScript. |
scale |
Установите размер элемента с помощью масштабирования или уменьшения. |
@scope |
Позволяет выбрать элементы в определенном DOM-дереве и точно позиционировать их, не используя слишком конкретные селекторы. |
scroll-behavior |
Определяет, будет ли рамка прокрутки двигаться平滑но, а не прыгать. |
scroll-margin |
Установите внешнюю границу между положением привязки и контейнером. |
scroll-margin-block |
Установите внешнюю границу между положением привязки в направлении блока и контейнером. |
scroll-margin-block-end |
Установите внешнюю границу между положением привязки в направлении блока и концом контейнера. |
scroll-margin-block-start |
Установите внешнюю границу между положением привязки в направлении блока и началом контейнера. |
scroll-margin-bottom |
Установите внешнюю границу между положением привязки снизу и контейнером. |
scroll-margin-inline |
Установите внешнюю границу между положением привязки в направлении строки и контейнером. |
scroll-margin-inline-end |
Установите внешнюю границу между положением привязки в направлении строки и концом контейнера. |
scroll-margin-inline-start |
Установите внешнюю границу между положением привязки в направлении строки и началом контейнера. |
scroll-margin-left |
Установите внешнюю границу между положением привязки слева и контейнером. |
scroll-margin-right |
Установите внешнюю границу между положением привязки справа и контейнером. |
scroll-margin-top |
Установите внешнюю границу между положением привязки сверху и контейнером. |
scroll-padding |
Расстояние от контейнера до положения привязки ребенка. |
scroll-padding-block |
Расстояние от контейнера в направлении блока до положения привязки ребенка. |
scroll-padding-block-end |
Расстояние от конца контейнера в направлении блока до положения привязки ребенка. |
scroll-padding-block-start |
Расстояние от начала контейнера в направлении блока до положения привязки ребенка. |
scroll-padding-bottom |
Расстояние от дна контейнера до положения привязки ребенка. |
scroll-padding-inline |
Расстояние от контейнера в направлении строки до положения привязки ребенка. |
scroll-padding-inline-end |
Расстояние от конца контейнера в направлении строки до положения привязки ребенка. |
scroll-padding-inline-start |
Расстояние от начала контейнера в направлении строки до положения привязки ребенка. |
scroll-padding-left |
Определяет расстояние от левого края контейнера до места吸附а подэлемента. |
scroll-padding-right |
Определяет расстояние от правого края контейнера до места吸附а подэлемента. |
scroll-padding-top |
Определяет расстояние от верха контейнера до места吸附а подэлемента. |
scroll-snap-align |
Определяет положение элемента при остановке прокрутки пользователем. |
scroll-snap-stop |
Определяет поведение прокрутки после быстрого скольжения на трекпаде или сенсорном экране. |
scroll-snap-type |
Определяет поведение吸附ения при прокрутке. |
scrollbar-color |
Определяет цвет полосы прокрутки. |
shape-outside |
Определяет форму окружения инлайнового содержимого. |
@starting-style |
Определяет начальный стиль элемента перед первым обновлением стиля. |
@supports |
Используется для проверки, поддерживает ли браузер определенную возможность CSS. |
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 |
Определяет положение элемента. |