Этот раздел содержит полный список стандартных свойств, относящихся к последним спецификациям CSS3. Все свойства сгруппированы по категориям.

Свойства Animation

CвойствоОписание
animationОпределяет анимацию на основе ключевых кадров @keyframes
animation-delayОпределяет, когда анимация начнется
animation-directionОпределяет, должна ли анимация воспроизводиться в обратном порядке при чередовании или нет
animation-durationОпределяет количество секунд или миллисекунд, которое анимация должна занять для завершения одного цикла
animation-fill-modeОпределяет, как CSS-анимация должна применять стили к своей цели до и после ее выполнения
animation-iteration-countОпределяет, сколько раз цикл анимации должен быть воспроизведен перед остановкой
animation-nameЗадает имя анимации, определенной @keyframes, которая должна применяться к выбранному элементу
animation-play-stateОпределяет, запущена ли анимация или приостановлена
animation-timing-functionОпределяет, как CSS-анимация должна развиваться в течение каждого цикла

Свойства Background

CвойствоОписание
backgroundУстанавливает различные свойства фона в одном объявлении
background-attachmentОпределяет, будет ли фоновое изображение прокручиваться вместе с документом или останется фиксированным в области просмотра
background-clipОпределяет область на которую будет распространяться фон элемента
background-colorУстанавливает цвет фона элемента
background-imageОпределяет фоновое изображение элемента
background-originОпределяет область позиционирования фонового изображения
background-positionУстанавливает начальную позицию фонового элемента
background-repeatОпределяет, будет ли фоновое изображение повторяться по горизонтали и вертикали, чтобы заполнить все доступное пространство
background-sizeУстанавливает размер фонового изображения

Свойства Border

CвойствоОписание
borderУстанавливает ширину, стиль и цвет для всех четырех сторон границы элемента
border-bottomУстанавливает ширину, стиль и цвет нижней границы элемента
border-bottom-colorУстанавливает цвет нижней границы элемента
border-bottom-left-radiusОпределяет форму нижнего левого угла элемента
border-bottom-right-radiusОпределяет форму нижнего правого угла элемента
border-bottom-styleУстанавливает стиль нижней границы элемента
border-bottom-widthУстанавливает ширину нижней границы элемента
border-colorУстанавливает цвет границы на всех четырех сторонах элемента
border-imageОпределяет, как изображение будет использоваться вместо стилей границ
border-image-outsetОпределяет величину, на которую область изображения границы выходит за границы рамки
border-image-repeatОпределяет, должна ли граница изображения повторяться, округляться или растягиваться
border-image-sliceОпределяет внутренние смещения границы изображения
border-image-sourceОпределяет местоположение изображения, которое будет использоваться в качестве границы border
border-image-widthОпределяет ширину границы изображения
border-leftУстанавливает ширину, стиль и цвет левой границы элемента
border-left-colorУстанавливает цвет левой границы элемента
border-left-styleУстанавливает стиль левой границы элемента
border-left-widthУстанавливает ширину левой границы элемента
border-radiusОпределяет форму углов элемента
border-rightУстанавливает ширину, стиль и цвет правой границы элемента
border-right-colorУстанавливает цвет правой границы элемента
border-right-styleУстанавливает стиль правой границы элемента
border-right-widthУстанавливает ширину правой границы элемента
border-styleУстанавливает стиль границы на всех четырех сторонах элемента
border-topУстанавливает ширину, стиль и цвет верхней границы элемента
border-top-colorУстанавливает цвет верхней границы элемента
border-top-left-radiusОпределяет форму верхнего левого угла элемента
border-top-right-radiusОпределяет форму верхнего правого угла элемента
border-top-styleУстанавливает стиль верхней границы элемента
border-top-widthУстанавливает ширину верхней границы элемента
border-widthУстанавливает ширину границы на всех четырех сторонах элемента

Свойства Color

CвойствоОписание
colorУстанавливает цвет текста элемента
opacityУстанавливает прозрачность элемента

Свойства для размеров

CвойствоОписание
heightУстанавливает высоту элемента
max-heightУстанавливает максимальную высоту элемента
max-widthУстанавливает максимальную ширину элемента
min-heightУстанавливает минимальную высоту элемента
min-widthУстанавливает минимальную ширину элемента
widthУстанавливает ширину элемента

Свойства для контента

CвойствоОписание
contentВставляет сгенерированный контент
quotesОпределяет кавычки для встроенных цитат
counter-resetСоздает или сбрасывает один или несколько счетчиков
counter-incrementУвеличивает одно или несколько значений счетчика

Свойства для выравниваний

CвойствоОписание
align-contentОпределяет выравнивание flex-элементов внутри flex-контейнера
align-itemsОпределяет выравнивание по умолчанию для элементов во flex-контейнере
align-selfОпределяет выравнивание для выбранных элементов во flex-контейнере
flexОпределяет компоненты flex-элемента
flex-basisОпределяет начальный основной размер flex-элемента
flex-directionОпределяет направление flex-элементов
flex-flowСокращенное свойство для flex-direction и flex-wrap
flex-growОпределяет, как flex-элемент будет расти относительно других элементов внутри flex-контейнера
flex-shrinkОпределяет, как flex-элемент будет сжиматься относительно других элементов внутри flex-контейнера
flex-wrapОпределяет, должны ли flex-элементы оборачиваться или нет
justify-contentОпределяет, как flex-элементы выравниваются вдоль горизонтальной оси Y flex-контейнера и auto margins
orderУказывает порядок, в котором flex-элементы отображаются и размещаются во flex-контейнере.

Свойства Font

CвойствоОписание
fontОпределяет множество свойств шрифта в одном объявлении
font-familyОпределяет список шрифтов для элемента
font-sizeОпределяет размер шрифта для текста
font-size-adjustСохраняет читаемость текста при возникновении сбоя в шрифтах
font-stretchУстанавливает нормальное, сжатое или расширенное начертание шрифта, буквы в тексте при этом уплотняются или расширяются
font-styleОпределяет стиль шрифта для текста
font-variantУстанавливает вариацию семейства шрифтов
font-weightУстанавливает толщину шрифта

Свойства List

CвойствоОписание
list-styleОпределяет стиль отображения для списка и элементов списка
list-style-imageОпределяет изображение, которое будет использоваться в качестве маркера элемента списка
list-style-positionОпределяет положение маркера элемента списка
list-style-typeОпределяет стиль маркера для элемента списка

Свойства Margin

CвойствоОписание
marginУстанавливает внешний отступ у элемента
margin-bottomУстанавливает нижний внешний отступ у элемента
margin-leftУстанавливает левый внешний отступ у элемента
margin-rightУстанавливает правый внешний отступ у элемента
margin-topУстанавливает верхний внешний отступ у элемента

Свойства Columns

CвойствоОписание
column-countОпределяет количество столбцов в элементе
column-fillУказывает, как поток содержимого влияет на длину столбцов в элементе с несколькими столбцами
column-gapОпределяет зазор между столбцами в элементе из нескольких столбцов
column-ruleОпределяет свойства для пространства между столбцами column
column-rule-colorУстанавливает цвет пространства между столбцами в многоколоночном макете
column-rule-styleУстанавливает стиль пространства между столбцами в многостолбцовой компоновке
column-rule-widthУстанавливает ширину пространства между столбцами в многостолбцовой компоновке
column-spanУказывает, сколько столбцов элемент охватывает в многостолбцовой компоновке
column-widthОпределяет оптимальную ширину столбцов в элементе из нескольких столбцов
columnsСокращенное свойство для установки свойств column-width и column-count

Свойства Outline

CвойствоОписание
outlineУстанавливает ширину, стиль и цвет для всех четырех сторон контура элемента
outline-colorУстанавливает цвет контура
outline-offsetУстанавливает расстояние между контуром и границей элемента
outline-styleУстанавливает стиль для контура
outline-widthУстанавливает ширину контура

Свойства Padding

CвойствоОписание
paddingУстанавливает внутренний отступ у элемента
padding-bottomУстанавливает нижний внутренний отступ у элемента
padding-leftУстанавливает левый внутренний отступ у элемента
padding-rightУстанавливает правый внутренний отступ у элемента
padding-topУстанавливает верхний внутренний отступ у элемента
CвойствоОписание
page-break-afterВставляет разрывы страниц после элемента
page-break-beforeВставляет разрывы страниц перед элементом
page-break-insideВставляет разрывы страниц внутри элемента

Свойства Table

CвойствоОписание
border-collapseУказывает, связаны ли границы ячейки таблицы или разделены
border-spacingУстанавливает интервал между границами соседних ячеек таблицы
caption-sideУказывает положение заголовка таблицы
empty-cellsПоказывает или скрывает границы и фон пустых ячеек таблицы
table-layoutОпределяет алгоритм рендеринга таблицы

Свойства Text

CвойствоОписание
directionОпределяет направление текста
unicode-bidiОбрабатывает двунаправленные текст в документе - ltr и rtl
tab-sizeОпределяет длину символа табуляции
text-alignУстанавливает горизонтальное выравнивание встроенного содержимого
text-align-lastУказывает, как выравнивается последняя строка блока или строка непосредственно перед принудительным разрывом строки
text-decorationОпределяет декорацию добавляемую для текста
text-decoration-colorОпределяет цвет text-decoration-line
text-decoration-lineОпределяет, какая линия декорации добавляется к элементу
text-decoration-styleОпределяет стиль линий указанных свойством text-decoration-line
text-indentДелает отступ в первой строке текста
text-justifyОпределяет метод выравнивания, который нужно использовать, когда для свойства text-align установлено justify
text-overflowОпределяет, как текстовое содержимое будет отображаться при переполнении контейнера
text-shadowПрименяет одну или несколько теней к текстовому содержимому элемента
text-transformПреобразует регистр текста
line-heightУстанавливает высоту межстрочного интервала в блочном элементе
vertical-alignУстанавливает вертикальное положение элемента относительно текущей базовой линии текста
letter-spacingУстанавливает дополнительный интервал между буквами
word-spacingУстанавливает интервал между словами
white-spaceОпределяет, как обрабатывается пустое пространство внутри элемента
word-breakОпределяет, как разбивать строки в словах
word-wrapУказывает, следует ли разбивать слова, когда содержимое выходит за границы его контейнера

Свойства Transform

CвойствоОписание
backface-visibilityОпределяет, видна ли «обратная» сторона трансформированного элемента
perspectiveОпределяет перспективу просмотра всех дочерних элементов объекта
perspective-originОпределяет координаты начальной точки от которой высчитывается свойство perspective
transformПрименяет 2D или 3D преобразование к элементу
transform-originУстанавливает координаты точки X, Y, Z, относительно которой будет происходить трансформация элемента
transform-styleОпределяет, как расположены элементы в 3D-пространстве

Свойства Transitions

CвойствоОписание
transitionОпределяет переход между двумя состояниями элемента
transition-delayОпределяет время через которое начнется эффект перехода
transition-durationУстанавливает длительность эффекта перехода
transition-propertyЗадает имена CSS-свойств, к которым должен применяться эффект перехода
transition-timing-functionОпределяет кривую скорости эффекта перехода

Свойства для визуального форматирования

CвойствоОписание
displayОпределяет, как элемент отображается на экране при взаимодействии с другими элементами
positionОпределяет, как позиционируется элемент
topЗадает смещение или отступ от верхнего края элемента
rightЗадает смещение или отступ от правого края элемента
bottomЗадает смещение или отступ от нижнего края элемента
leftЗадает смещение или отступ от левого края элемента
floatУказывает, должен ли блок обтекаться слева или справа
clearОпределяет, какие стороны элемента запрещены для обтекания
z-indexОпределяет порядок наложения для позиционированных элементов
overflowОпределяет поведение блока, когда содержимое переполняет область контейнера
overflow-xОпределяет поведение блока, когда содержимое переполняет область контейнера по оси X
overflow-yОпределяет поведение блока, когда содержимое переполняет область контейнера по оси Y
resizeУказывает, может ли пользователь изменять размер элемента
clipОпределяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано
visibilityУказывает, является ли элемент видимым
cursorУстанавливает курсор
box-shadowПрименяет один или несколько эффектов тени к элементу
box-sizingИзменяет стандартную блочную модель CSS

Правила

CвойствоОписание
CSS-правило @charsetОпределяет кодировку символов внешней таблицы стилей
CSS-правило @font-faceПозволяет использовать загружаемые веб-шрифты
CSS-правило @importИмпортирует внешнюю таблицу стилей
CSS-правило @keyframesУказывает значения для свойств анимации в различных точках во время анимации
CSS-правило @mediaУстанавливает типы мультимедиа для набора правил в таблице стилей
CSS-правило @pageОпределяет размеры, ориентацию и поля страницы для печати