К содержанию

Наръчник по 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

Селектори

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

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

Селектор за начало на стойност на атрибут

Селектор за край на стойност на атрибут

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

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

Селектор за атрибут с тире в стойността