Справочник CSS

!

• !important

A

• align-content
• align-items
• align-self
• all
• animation
• animation-delay
• animation-direction
• animation-duration
• animation-iteration-count
• animation-fill-mode
• animation-name
• animation-play-state
• animation-timing-function

B

• backface-visibility
• background
• background-attachment
• background-blend-mode
• 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-image
• 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-kerning
• font-size
• font-stretch
• font-style
• font-variant
• font-weight

H, I, J

• height
• hyphens
• image-rendering
• 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
• mix-blend-mode

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, S

• quotes
• resize
• right
• scroll-behavior

T

• tab-size
• table-layout
• text-align
• text-align-last
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-style
• text-indent
• text-overflow
• text-shadow
• text-transform
• top
• transform
• transform-origin
• transform-style
• transition
• transition-delay
• transition-duration
• transition-property
• transition-timing-function

U, V

• unicode-bidi
• user-select
• vertical-align
• visibility

W

• white-space
• widows
• width
• word-break
• word-spacing
• word-wrap
• writing-mode

Z

• z-index
• zoom

@-правила

• @charset
• @document
• @font-face
• @import
• @keyframes
• @media
• @page
• @supports
• @viewport

Селекторы и их комбинации

• A
• #id
• .class
• .class1.class2
• *
• A   B
• A > B
• A + B
• A ~ B
• [attr]
• [attr='value']
• [attr^='value']
• [attr$='value']
• [attr*='value']
• [attr~='value']
• [attr|='value']

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

• :active
• :blank
• :checked
• :default
• :disabled
• :empty
• :enabled
• :first-child
• :first-of-type
• :focus
• :focus-within
• :fullscreen
• :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
• :placeholder-shown
• :read-only
• :read-write
• :required
• :root
• :target
• :valid
• :visited

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

• ::after
• ::backdrop
• ::before
• ::first-letter
• ::first-line
• ::placeholder
• ::selection

Вендорные свойства, псевдоклассы, псевдоэлементы

Эти свойства работают только в определённых браузерах. Префикс -moz- для Firefox, -ms- для Internet Explorer, -webkit- для Chrome и Safari, -o- для Opera.

• -moz-orient
• -ms-interpolation-mode
• ::-ms-browse
• ::-ms-check
• ::-ms-clear
• ::-ms-expand
• ::-ms-fill
• ::-ms-fill-lower
• ::-ms-fill-upper
• ::-ms-reveal
• ::-ms-thumb
• ::-ms-ticks-after
• ::-ms-ticks-before
• ::-ms-tooltip
• ::-ms-track
• ::-ms-value

Значения свойств

• currentColor
• inherit
• initial
• unset
• Адрес
• Время
• Медиа-запросы
• Проценты
• Размер
• Строка
• Угол
• Фильтр
• Цвет
• Число

Функции

• attr()
• blur()
• brightness()
• calc()
• contrast()
• drop-shadow()
• grayscale()
• hue-rotate()
• invert()
• linear-gradient()
• opacity()
• perspective()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()
• rotate()
• rotateX()
• rotateY()
• rotateZ()
• saturate()
• sepia()
• scale()
• scaleX()
• scaleY()
• scaleZ()
• skew()
• skewX()
• skewY()
• translate()
• translateX()
• translateY()
• translateZ()
• var()

Анимация

Список свойств, к которым применима анимация.