Довідник CSS

Використовуйте цей Довідник CSS для орієнтування в алфавітному покажчику усіх стандартних властивостей CSS, псевдокласів, псевдоелементів, типів даних, функційних записів і директив. Крім того, можна переглянути ключові концепції CSS та список селекторів, упорядкований за типами. Крім того, включений стислий Довідник DOM-CSS / CSSOM.

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

Синтаксис стилістичних правил

style-rule ::=
    selectors-list {
      properties-list
    }

Де :

selectors-list ::=
    selector[:pseudo-class] [::pseudo-element]
    [, selectors-list]

properties-list ::=
    [property : value] [; properties-list]

Дивіться покажчик селекторів, псевдокласів і псевдоелементів нижче. Синтаксис кожного заданого значення залежить від типу даних, визначеного для кожної вказаної властивості.

Приклади стилістичних правил

strong {
  color: red;
}

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

Знайомство з синтаксисом селекторів початкового рівня – шукайте в нашому посібнику з селекторів CSS. Майте на увазі, що будь-яка синтаксична помилка у визначенні правила робить недійсним усе правило. Недійсні правила ігноруються браузерами. Зверніть увагу на те, що визначення правил CSS цілком засновані на тексті (ASCII), натомість DOM-CSS / CSSOM (система управління правилами) заснована на об'єктах.

Синтаксис директив

Оскільки структура директив широко відрізняється, шукайте синтаксис конкретних директив на сторінці Директива.

Покажчик

[!NOTE] Цей покажчик не включає ексклюзивні для SVG атрибути відображення, котрі можна використовувати як властивості CSS на елементах SVG.

[!NOTE] Імена властивостей у цьому покажчику не містять імен JavaScript, котрі відрізняються від стандартних імен CSS.

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

resolution#x

Z

Інші

Селектори

Далі – різні селектори, що дають стилям змогу бути умовними на основі різних можливостей елементів у DOM.

Базові селектори

Базові селектори – фундаментальні селектори; це найбазовіші селектори, котрі часто поєднуються для створення інших, складніших селекторів.

Групування селекторів

Список селекторів A, B: Вибираються як елементи A, так і елементи B. Це підхід до групування, що вибирає декілька елементів збігу.

Комбінатори

Комбінатори – селектори, що встановлюють взаємини між двома чи більше простими селекторами, як то "A є дочірнім щодо B", чи "A поруч з B", утворюючи складний селектор.

Комбінатор наступної сестри A + B: Задає, що як елементи, обрані A, так і елементи, вибрані B, мають один батьківський елемент і що елемент, вибраний B, стоїть безпосередньо після елемента, вибраного A, по горизонталі.
Комбінатор пізніших сестер A ~ B: Задає, що як елементи, обрані A, так і елементи, вибрані B, поділяють один батьківський елемент і що елемент, вибраний A, стоїть до, але не обов'язково безпосередньо до, елемента, вибраного B.
Дочірній комбінатор A > B: Задає, що елемент, вибраний B, є безпосереднім нащадком елемента, вибраного A.
Комбінатор нащадків A B: Задає, що елемент, вибраний B, є нащадком елемента, вибраного A, але не обов'язково безпосереднім.
Колонковий комбінатор A || B: Задає, що елемент, вибраний B, розташований в колонці таблиці, заданій A. Елементи, що простягаються на кілька колонок, вважаються членами всіх таких колонок.