Назад Вперед Зміст

Синтаксис таблиці стилів

Розглянемо синтаксис на такому прикладі:

body {
    background-color: black;
    color: yellow;
}

h2 {
    color: red;
    font-size: 36pt;
}

p {
    text-align: center;
}

Кожен рядок називається правилом.

Кожне правило складається з селектора (тут теги body, h2 і p) та визначень. Визначення беруться у фігурні дужки. Якщо визначень декілька, вони записуються через крапку з комою.

Кожне визначення складається з властивості (background-color, color, font-size, text-align) та значення (black, yellow, red, 36pt, center). Значення записуються через двокрапку.

Властивості та їх можливі значення залежать від селектора і перелічуються у спеціальних таблицях.

Синтаксис стильового правила (діаграма)