Справочник CSS

Наш справочник по каскадным таблицам стилей CSS содержит свойства, которые по возможности являются стандартными в CSS3. Свойства отсортированы по алфавиту и по категориям. После перехода на страницу справочника с описанием требуемого свойства, вы сможете посмотреть его синтаксис, описание, список допустимых значений, а также ряд примеров использования данного css-свойства. Кроме того, внизу страницы обычно располагаются ссылки на документацию по данному свойству на официальном сайте W3C и страницу справочника CSS на официальном сайте Mozilla Firefox.

Чтобы посмотреть результат выполнения исходного кода примера во фрейме кодового блока, используйте кнопку «Результат».

Свойства CSS по алфавиту:

CSS по категориям:

Справочные статьи

• Цветовые модели, использующиеся в CSS
• Единицы измерения, использующиеся в CSS
• Таблица кодовых обозначений языков мира
• Таблицы названий цветов, использующихся в HTML и CSS
• Таблицы шрифтов для использования в HTML и CSS
• Абсолютный и относительный путь в веб-программировании
• Наследование, каскадирование и приоритетность стилей CSS

!,A

!important 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

B

backface-visibility background background-attachment background-clip background-color background-image background-origin background-position background-position-x background-position-y 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-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-shadow box-sizing

C

caption-side 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

D,E

direction

display

empty-cells

F

filter flex flex-basis flex-direction flex-flow

flex-grow flex-shrink flex-wrap float font

font-family font-size font-style font-variant font-weight

H,J

height

justify-content

L

left letter-spacing 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 min-height min-width

O

object-fit opacity order orphans

outline outline-color outline-offset outline-style

outline-width overflow overflow-x overflow-y

P

padding padding-bottom padding-left padding-right

padding-top page-break-after page-break-before page-break-inside

perspective perspective-origin pointer-events position

Q,R

quotes

resize

right

T

table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style

text-indent text_shadow text-transform top transform transform-origin transform-style

transition transition-delay transition-duration transition-property transition-timing-function

U,V

unicode-bidi

vertical-align

visibility

W,Z

white-space widows width

word-break word-spacing word-wrap

writing-mode z-index

Фон, цвет

background background-attachment background-clip background-color background-image

background-origin background-position background-position-x background-position-y background-repeat

background-size color filter

Границы и тени

border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-color 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 box-shadow outline outline-color outline-offset outline-style outline-width

Размеры

box-sizing height max-height

max-width min-height min-width

width

Отступы

margin margin-bottom margin-left margin-right

margin-top padding padding-bottom padding-left

padding-right padding-top

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

bottom clip left

position right top

z-index

Шрифты

font font-family

font-size font-style

font-variant font-weight

Текст

direction letter-spacing line-height text-align text-align-last text-decoration

text-decoration-color text-decoration-line text-decoration-style text-indent text_shadow text-transform

unicode-bidi white-space word-break word-spacing word-wrap writing-mode

Контент

content counter-increment

counter-reset quotes

Печать

orphans page-break-after

page-break-before page-break-inside

widows

Колонки

column-count column-fill column-gap column-rule

column-rule-color column-rule-style column-rule-width column-span

column-width columns

Списки

list-style list-style-image

list-style-position list-style-type

Таблицы

border-collapse border-spacing

caption-side empty-cells

table-layout

Форматирование

all clear cursor display float

object-fit opacity overflow overflow-x overflow-y

pointer-events resize vertical-align visibility

Флексы

align-content align-items align-self flex

flex-basis flex-direction flex-flow flex-grow

flex-shrink flex-wrap justify-content order

Анимация

animation animation-delay animation-direction animation-duration animation-fill-mode

animation-iteration-count animation-name animation-play-state animation-timing-function transition

transition-delay transition-duration transition-property transition-timing-function

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

perspective perspective-origin

backface-visibility transform

transform-origin transform-style

@-правила

@charset @font-face @import

@keyframes @media @page

@supports

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

:active :checked :default :disabled :empty :enabled :first-child :first-of-type :focus :focus-within :hover

:in-range :indeterminate :invalid :lang :last-child :last-of-type :link :not :nth-child :nth-last-child :nth-last-of-type

:nth-of-type :only-child :only-of-type :optional :out-of-range :required :root :target :valid :visited

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

::after ::before

::first-letter ::first-line

::placeholder ::selection

Селекторы

* E E F E>F E+F

E~F .className #idValue [attribute] [attribute="value"]

[attribute^="value"] [attribute$="value"] [attribute~="value"] [attribute*="value"]

Функции

attr() calc()

linear-gradient() radial-gradient()

repeating-linear-gradient() repeating-radial-gradient()