Руководство по CSS

Данный справочник по CSS перечисляет все стандартные свойства, псевдоклассы и псевдоэлементы, @-правила, единицы измерения и селекторы CSS в алфавитном порядке. Справочник позволит вам быстро найти подробную информацию о каждом из них. Он не только перечисляет свойства CSS 1 и CSS 2.1, но является и справочником по CSS3 со ссылками на описание каждого стандартизированного или уже стабилизированного свойства CSS3. Также включает в себя краткое руководство DOM-CSS / CSSOM.

Заметьте, что определения CSS-правил полностью (ASCII) текста-ориентированы, в то время как определения правил DOM-CSS / CSSOM объектно-ориентированы.

Смотрите также Mozilla CSS Extensions для Gecko-специфичных свойств с префиксом -moz; и WebKit CSS Extensions для WebKit-специфичных свойств. Смотрите Обзор CSS-префиксов для разных браузеров от Peter Beverloo для всех свойств с префиксами.

Базовый синтаксис правил

Имейте в виду, что любая синтаксическая ошибка в задании правил сделает некорректным всё правило.

Стили

selectorlist { property: value; [more property:value; pairs] }

...где selectorlist: selector[:pseudo-class] [::pseudo-element] [, more selectorlists]

Смотрите списки селекторов, псевдоэлементов и псевдоклассов ниже.

Примеры

css

strong {
  color: red;
}
div.menu-bar li:hover > ul {
  display: block;
}

Больше о примерах: #1, #2

@-правила

Так как у них есть много различных структурных форматов, смотрите нужный синтаксис @-правил.

Справочный указатель

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

quotes

R

S

T

U

V

W

X

Y

Z

Селекторы

Базовые селекторы
- По тегу elementname
- По классу .classname
- По ID #idname
- Универсальные * ns|* *|*
- По атрибутам [attr=value]
Комбинационные
- смежный селектор A + B
- следующего элемента A ~ B
- дочерних элементов A > B
- потомков A B
Псевдоэлементы (больше информации)
- ::after
- ::before
- ::first-letter
- ::first-line
- ::selection
- ::backdrop
- ::placeholder Экспериментальная возможность
- ::marker Экспериментальная возможность
- ::spelling-error Экспериментальная возможность
- ::grammar-error Экспериментальная возможность
Псевдоклассы (больше информации)

Полный список селекторов в спецификации Selectors Level 3.

document . styleSheets
styleSheets[x] . cssRules
cssRules[x] . cssText (селекторы и стили)
cssRules[x] . selectorText
elem . style
elem . style . cssText (только стили)
elem . className
elem . classList

важные методы:

Help improve MDN

Learn how to contribute

This page was last modified on ⁨14 дек. 2025 г.⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content