Справочник CSS
- !
- A
- B
- C
- D, E
- F
- H, I, J
- L
- M
- O
- P
- Q, R, S
- T
- U, V
- W
- Z
- @
- Селекторы
- Псевдоклассы
- Псевдоэлементы
- Значения
- Функции
- Единицы
{{getTitleByKey(key)}}
@-правила
Селекторы и их комбинации
- 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']
Псевдоклассы
- :any-link
- :active
- :autofill
- :blank
- :buffering
- :checked
- :default
- :defined
- :disabled
- :dir()
- :empty
- :enabled
- :first
- :first-child
- :first-of-type
- :focus
- :focus-visible
- :focus-within
- :fullscreen
- :has
- :hover
- :in-range
- :indeterminate
- :invalid
- :is()
- :lang()
- :last-child
- :last-of-type
- :local-link
- :left
- :link
- :muted
- :not()
- :nth-child()
- :nth-last-child()
- :nth-last-of-type()
- :nth-of-type()
- :only-child
- :only-of-type
- :optional
- :out-of-range
- :paused
- :picture-in-picture
- :placeholder-shown
- :playing
- :read-only
- :read-write
- :required
- :right
- :root
- :seeking
- :stalled
- :target
- :user-invalid
- :user-valid
- :valid
- :visited
- :volume-locked
Псевдоэлементы
- ::after
- ::backdrop
- ::before
- ::first-letter
- ::first-line
- ::grammar-error
- ::marker
- ::placeholder
- ::selection
- ::spelling-error
Вендорные свойства, псевдоклассы, псевдоэлементы
Эти свойства работают только в определённых браузерах. Префикс -moz- для Firefox, -ms- для Internet Explorer, -webkit- для Chrome и Safari.
- -moz-orient
- -ms-interpolation-mode
- :-moz-meter-optimum
- :-moz-meter-sub-optimum
- :-moz-meter-sub-sub-optimum
- ::-moz-color-swatch
- ::-moz-focus-inner
- ::-moz-list-bullet
- ::-moz-list-number
- ::-moz-meter-bar
- ::-moz-progress-bar
- ::-moz-range-progress
- ::-moz-range-thumb
- ::-moz-range-track
- ::-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
- ::-webkit-color-swatch
- ::-webkit-meter-bar
- ::-webkit-meter-optimum-value
- ::-webkit-meter-suboptimum-value
- ::-webkit-meter-even-less-good-value
- ::-webkit-progress-bar
- ::-webkit-progress-value
- ::-webkit-scrollbar
- ::-webkit-scrollbar-thumb
- ::-webkit-search-cancel-button
- ::-webkit-search-results-button
- ::-webkit-slider-runnable-track
- ::-webkit-slider-thumb
Значения свойств
- currentColor
- inherit
- initial
- unset
- Адрес
- Время
- Медиа-запросы
- Проценты
- Размер
- Строка
- Угол
- Фильтр
- Цвет
- Число
Функции
- abs()
- acos()
- attr()
- blur()
- brightness()
- calc()
- clamp()
- contrast()
- cos()
- drop-shadow()
- grayscale()
- hsl()
- hue-rotate()
- hwb()
- hypot()
- inset()
- invert()
- linear-gradient()
- log()
- max()
- min()
- mod()
- opacity()
- perspective()
- pow()
- radial-gradient()
- rect()
- rem()
- repeating-linear-gradient()
- repeating-radial-gradient()
- rgb()
- rgba()
- rotate()
- rotateX()
- rotateY()
- rotateZ()
- saturate()
- scale()
- scaleX()
- scaleY()
- scaleZ()
- sepia()
- sign()
- sin()
- skew()
- skewX()
- skewY()
- sqrt()
- steps()
- tan()
- translate()
- translateX()
- translateY()
- translateZ()
- var()
- xywh()