САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

CSS Справочники

CSS Справочник CSS Поддержка CSS Селекторы CSS Функции CSS Звук CSS Веб шрифты CSS Анимации CSS Длины CSS Конвертер px-em CSS Цвета CSS Значение цвета CSS по умолчанию CSS Символы

CSS Свойства

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source 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-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-shadow box-sizing caption-side caret-color @charset clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-kerning font-size font-size-adjust font-stretch font-style font-variant font-weight grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-gap grid-column-start grid-gap grid-row grid-row-end grid-row-gap grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens @import isolation justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width mix-blend-mode object-fit object-position opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin pointer-events position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi user-select vertical-align visibility white-space width word-break word-spacing word-wrap z-index



CSS Справочник свойств


CSS Свойства

A

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 Задает кривую скорости анимации

B

backface-visibility Определяет, должна ли задняя грань элемента быть видимой при обращении к пользователю
background Сокращенное свойство для всех свойств background-*
background-attachment Задает, будет ли фоновое изображение прокручиваться вместе с остальной частью страницы или будет фиксироваться
background-blend-mode Задает режим наложения каждого фонового слоя (цвет/изображение)
background-clip Определяет, как далеко фон (цвет или картинка) должна распространяться в элемент
background-color Задает цвет фона элемента
background-image Задает одно или несколько фоновых изображений для элемента
background-origin Указывает исходное положение фонового изображения
background-position Определяет положение фонового изображения
background-repeat Устанавливается, если/как, фоновое изображение будет повторяться
background-size Определяет размер фоновых изображений
border Сокращенное свойство для свойств border-width, border-style и border-color
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-image Сокращенное свойство для всех свойств border-image-*
border-image-outset Задает величину, на которую область изображения границы выходит за пределы границы бокса
border-image-repeat Указывает, следует ли повторять, округлять или растягивать изображение границы
border-image-slice Определяет, как разрезать изображение границы
border-image-source Указывает путь к изображению, которое будет использоваться в качестве границы
border-image-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-style Задает стиль четырех границ
border-top Сокращенное свойство для свойств border-top-width, border-top-style and 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 Задает поведение фон и границы к элементу page-break, или для элеметов in-line, в line-break.
box-shadow Присоединяет одну или несколько теней к элементу
box-sizing Определяет, как вычисляются ширина и высота элемента: они включают в себя отступы и границы, или нет
break-after Задает поведение разрыва страницы, столбца или области после созданного бокса
break-before Указывает поведение разрыва страницы, столбца или области перед созданным бокса
break-inside Указывает поведение разрыва страницы, столбца или области внутри созданного бокса

C

caption-side Задает размещение заголовка таблицы
caret-color Задает цвет курсора (символ) во входных данных, текстовых областях или редактируемом элементе
@charset Указывает кодировку символов, используемую в таблице стилей
clear Определяет, на каких сторонах элемента плавающие элементы не могут плавать
clip Клипы абсолютно расположенный элемент
color Задает цвет текста
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
content Используется с псевдо-элементами: before и: after для вставки генерированного содержимого
counter-increment Увеличивает или уменьшает значение одного или нескольких счетчиков CSS
counter-reset Создает или сбрасывает один или несколько счетчиков CSS
cursor Указывает курсор мыши будет отображаться при наведении на элемент

D

direction Задает направление текста направление/записи
display Указывает, как должен отображаться определенный элемент HTML

E

empty-cells Указывает, следует ли отображать границы и фон пустых ячеек в таблице

F

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 Указывает, должен ли бокс быть плавающим
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-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 Управляет использованием альтернативных глифов для восточноазиатских скриптов (e.g японский и китайский языки)
font-variant-ligatures Управляет тем, какие лигатуры и контекстные формы используются в текстовом содержимом элементов, к которым они применяются
font-variant-numeric Управляет использованием альтернативных глифов для чисел, дробей и порядковых маркеров
font-variant-position Управляет использованием альтернативных глифов меньшего размера, расположенных в виде верхнего или нижнего индекса относительно базовой линии шрифта
font-weight Задает вес шрифта

G

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 properties
grid-template-areas Указывает, как отображать столбцы и строки, используя именованные элементы сетки
grid-template-columns Задает размер столбцов и количество столбцов в макете сетки
grid-template-rows Задает размер строк в макете сетки

H

hanging-punctuation Указывает, может ли знак пунктуации располагаться за пределами строки
height Задает высоту элемента
hyphens Задает способ разделения слов для улучшения расположения абзацев

I

image-rendering Подсказывает браузеру, какие аспекты изображения наиболее важны для сохранения при масштабировании
@import Позволяет импортировать таблицу стилей в другую таблицу стилей
isolation Определяет, должен ли элемент создавать новое содержимое стека

J

justify-content Задает выравнивание между элементами внутри гибкого контейнера, если не использовать все доступное пространство

K

@keyframes Задает код анимации

L

left Определяет левое положение расположенного элемента
letter-spacing Увеличивает или уменьшает расстояние между символами в тексте
line-break Определяет как/если ломать линии
line-height Устанавливает высоту линии
list-style Задает все свойства списка в одном объявлении
list-style-image Задает изображение в качестве маркера элемента списка
list-style-position Указывает положение маркеров элементов списка (жирные точки)
list-style-type Указывает тип маркера элемента списка

M

margin Устанавливает все свойства полей в одном объявлении
margin-bottom Устанавливает нижнее поле элемента
margin-left Задает левое поле элемента
margin-right Задает правое поле элемента
margin-top Задает верхнее поле элемента
max-height Задает максимальную высоту элемента
max-width Задает максимальную ширину элемента
@media Устанавливает правила стиля для различных типов/устройств/размеров носителей
min-height Задает минимальную высоту элемента
min-width Задает минимальную ширину элемента
mix-blend-mode Указывает, как содержимое элемента должно сочетаться с его прямым родительским фоном

O

object-fit Определяет как содержание замененного элемента должно быть приспособлено к боксу установленной своими используемыми высотой и шириной
object-position Задает выравнивание заменяемого элемента внутри его бокса
opacity Задает уровень непрозрачности для элемента
order Устанавливает порядок гибкого элемента относительно остальных
orphans Задает минимальное количество строк, которое должно оставаться в нижней части страницы при разрыве страницы внутри элемента
outline Сокращенное свойство для свойств outline-width, outline-style, и outline-color
outline-color Задает цвет контура
outline-offset Смещает контур и рисует его за границей
outline-style Задает стиль контура
outline-width Задает ширину контура
overflow
Указывает, что происходит, если содержимое переполняет бокс элемента
overflow-wrap Указывает, может ли браузер прерывать строки в словах, чтобы предотвратить переполнение (если строка слишком длинная, чтобы соответствовать содержащему ее блоку)
overflow-x Указывает, следует ли обрезать левый/правый края содержимого, если оно переполняет область содержимого элемента
overflow-y Указывает, следует ли обрезать верхний/нижний края содержимого, если оно переполняет область содержимого элемента

P

padding Сокращенное свойство для свойств padding-*
padding-bottom Устанавливает нижней отступ элемента
padding-left Задает отступ слева для элемента
padding-right Задает правый отступ элемента
padding-top Задает отступ сверху элемента
page-break-after Задает поведение разрыва страницы после элемента
page-break-before Задает поведение разрыва страницы перед элементом
page-break-inside Задает поведение разрыва страницы внутри элемента
perspective Дает 3D-позиционированному элементу некоторую перспективу
perspective-origin Определяет, в какой позиции пользователь смотрит на 3D-позиционированный элемент
pointer-events Определяет, реагирует ли элемент на события указателя
position Указывает тип метода позиционирования, используемого для элемента (статический, относительный, абсолютный или фиксированный)

Q

quotes Задает тип кавычек для внедренных предложений

R

resize Определяет, если (и как) элемент изменяется пользователем
right Определяет правое положение расположенного элемента

T

tab-size Задает ширину символа табуляции
table-layout Определяет алгоритм, используемый для компоновки ячеек, строк и столбцов таблицы
text-align Задает выравнивание текста по горизонтали
text-align-last Описывает выравнивание последней строки блока или строки непосредственно перед принудительным разрывом строки при выравнивании текста "justify"
text-combine-upright Указывает сочетание нескольких символов в один символ
text-decoration Задает украшение, добавляемое к тексту
text-decoration-color Задает цвет оформления текста
text-decoration-line Определяет тип линии в тексте украшений
text-decoration-style Задает стиль линии в оформлении текста
text-indent Задает отступ первой строки в текстовом блоке
text-justify Указывает метод выравнивания, используемый при выравнивании текста "justify"
text-orientation Определяет ориентацию текста в строке
text-overflow Указывает, что должно произойти, когда текст переполняет содержащий элемент
text-shadow Добавляет тень к тексту
text-transform Управляет капитализацией текста
text-underline-position Задает положение подчеркивания, заданного с помощью свойства text-decoration
top Определяет верхнее положение расположенного элемента
transform Применяется 2D-или 3D-преобразования к элементу
transform-origin Позволяет изменять положение преобразованных элементов
transform-style Задает способ отображения вложенных элементов в 3D-пространстве
transition Сокращенное свойство для всех свойств transition-*
transition-delay Указывает, когда начнется эффект перехода
transition-duration Указывает, сколько секунд или миллисекунд требуется для завершения эффекта перехода
transition-property Задает имя свойства CSS эффект перехода для
transition-timing-function Определяет кривую скорости эффекта перехода

U

unicode-bidi Используется вместе с свойством direction для установки или возврата переопределения текста для поддержки нескольких языков в одном документе
user-select Указывает, можно ли выбрать текст элемента

V

vertical-align Задает вертикальное выравнивание элемента
visibility Указывает, является ли элемент видимым

W

white-space Задает способ обработки пробелов внутри элемента
widows Задает минимальное количество строк, которое должно оставаться в верхней части страницы при разрыве страницы внутри элемента
width Задает ширину элемента
word-break Указывает, как слова должны ломаться при достижении конца строки
word-spacing Увеличивает или уменьшает расстояние между словами в тексте
word-wrap Позволяет длинные, нерушимые слова, которые будут разбиты и перенесены на следующую строку
writing-mode Указывает, должны ли строки текста уложены горизонтально или вертикально

Z

z-index Задает порядок расположения элементов в стеке