К содержанию

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

Удобный справочник CSS, написанный простым языком, с примерами. Есть самое нужное, а также флексы, гриды, анимация, градиенты, трансформации и все современные фишки!

Самое нужное

Свойство font-size

Свойство font-style

Свойство font-weight

Свойство line-height

Свойство font-family

Свойство font

Свойство text-indent

Свойство text-align

Переносы

Свойство white-space

Свойство word-break

Свойство overflow-wrap

Свойство overflow

Свойство overflow-x

Свойство overflow-y

Свойство tab-size

Свойство text-overflow

Свойство hyphens

Свойство line-clamp

Цвет

Свойство color

Скругление

Свойство border-radius

Свойство border-top-left-radius

Свойство border-top-right-radius

Свойство border-bottom-left-radius

Свойство border-bottom-right-radius

Рамка

Свойство outline

Свойство outline-width

Свойство outline-style

Свойство outline-color

Свойство outline-offset

Тени

Свойство text-shadow

Свойство box-shadow

Прозрачность

Свойство opacity

Свойство visibility

Градиенты

Функция linear-gradient

Функция radial-gradient

Функция repeating-linear-gradient

Функция repeating-radial-gradient

Обрезание

Свойство clip

Свойство clip-path

Свойство mask

Свойство mask-position

Свойство mask-image

Свойство mask-mode

Свойство mask-size

Свойство mask-repeat

Свойство mask-origin

Свойство mask-clip

Свойство mask-composite

Картинка границы

Свойство border-image

Свойство border-image-source

Свойство border-image-slice

Свойство border-image-repeat

Свойство border-image-outset

Свойство border-image-width

Работа с мышкой

Псевдоэлемент selection

Свойство user-select - запрет выделения текста

Свойство pointer-events

Свойство cursor

Стиль

Команда !important

Команда media

Команда supports

Команда import

Псевдокласс default

Псевдокласс fullscreen

Псевдокласс in-range

Псевдокласс indeterminate

Псевдокласс invalid

Псевдокласс optional

Псевдокласс out-of-range

Псевдокласс placeholder-shown

Псевдокласс read-only

Псевдокласс read-write

Псевдокласс required

Псевдокласс valid

Свойство caret-color

Псевдокласс focus-within

Свойство scroll-behavior

Списки

Свойство list-style-type

Свойство list-style-position

Свойство list-style-image

Свойство list-style

Таблицы

Свойство border-collapse

Свойство border-spacing

Свойство empty-cells

Свойство table-layout

Ссылки

Псевдокласс link

Псевдокласс visited

Псевдокласс hover

Псевдокласс active

Формы

Псевдокласс focus

Псевдоэлемент placeholder

Псевдокласс checked

Псевдокласс disabled

Псевдокласс enabled

Размеры

Свойство width

Свойство height

Свойство min-width

Свойство max-width

Свойство min-height

Свойство max-height

Отступы

Свойство margin

Свойство margin-top

Свойство margin-bottom

Свойство margin-left

Свойство margin-right

Свойство padding

Свойство padding-top

Свойство padding-bottom

Свойство padding-left

Свойство padding-right

Свойство padding-block-end

Свойство padding-block-start

Свойство padding-inline-end

Свойство padding-inline-start

Разное

Свойство box-sizing

Свойство display

Свойство resize

Свойство aspect-ratio

Свойство object-fit

Вычисления

Функция calc

Функция clamp

Функция min

Функция max

Единицы размеров

Единица px

Единица em

Единица rem

Единица %

Единица fr

Единица vw

Единица vh для размеров в CSS

Единица vmax

Единица vmin

Флексы

Свойство flex-direction

Свойство justify-content

Свойство align-items

Свойство flex-wrap

Свойство flex-flow

Свойство align-self

Свойство order

Свойство flex-basis

Свойство flex-grow

Свойство flex-shrink

Свойство flex

Позиционирование

Свойство position

Свойство z-index

Псевдоэлемент backdrop

Свойство bottom

Свойство top

Свойство left

Свойство right

Свойство caption-side

Обтекание

Свойство float

Свойство clear

Свойство shape-outside

Свойство shape-margin

Колонки

Свойство column-count

Свойство column-rule

Свойство column-width

Свойство column-span

Свойство columns

Отрицание

Псевдокласс not

По позиции

Псевдокласс first-child

Псевдокласс last-child

Псевдокласс nth-child

Псевдокласс nth-last-child

Псевдокласс only-child

По типу и позиции

Псевдокласс first-of-type

Псевдокласс last-of-type

Псевдокласс nth-of-type

Псевдокласс nth-last-of-type

Псевдокласс only-of-type

Разное

Псевдокласс empty

Псевдокласс lang

Псевдокласс target

Часть текста

Псевдоэлемент first-letter

Псевдоэлемент first-line

Плавные переходы

Свойство transition-duration

Свойство transition-delay

Свойство transition-property

Свойство transition-timing-function

Свойство transition

Анимация

Команда @keyframes

Свойство animation-name

Свойство animation-duration

Свойство animation-delay

Свойство animation-timing-function

Свойство animation-iteration-count

Свойство animation-direction

Свойство animation-fill-mode

Свойство animation-play-state

Свойство animation

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

Свойство transform

Свойство transform-origin

Поворот

Функция rotate

Функция rotateX

Функция rotateY

Функция rotateZ

Функция rotate3d

Масштабирование

Функция scale

Функция scaleX

Функция scaleY

Скос

Функция skew

Функция skewX

Функция skewY

Сдвиг

Функция translate

Функция translateX

Функция translateY

Вставка текста

Псевдоэлемент after

Псевдоэлемент before

Свойство content

Функция attr

Счетчики

Свойство counter-increment

Свойство counter-reset

Селекторы

Контекстный селектор в CSS

Дочерний селектор в CSS

Соседний селектор в CSS

Родственный селектор в CSS

Универсальный селектор в CSS

Селекторы

Селектор по имени атрибута

Селектор по значению атрибута

Селектор по началу значения атрибута

Селектор по концу значения атрибута

Селектор атрибута по тексту

Селектор по одному из значений атрибута

Селектор атрибута по дефису в значении