Поиск

Условные обозначения

Элементы и атрибуты языка документа

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


Определение свойств в CSS

В CSS определение каждого свойства начинается с краткой основной информации примерно следующего вида:
'имя свойства' Значение: допустимые значения и синтаксис
Начальное значение: значение, принимаемое свойством по умолчанию
Область применения: элементы, к которым применяется данное свойство
Наследование: является ли свойство наследуемым
Проценты: способ интерпретации значения свойства, заданного в процентах
Устройства: к каким группам устройств применяется это свойство

Значение

В этом поле указывается набор допустимых значений для данного свойства. Типы значений могут задаваться с помощью
ключевого слова (например, auto, disc и т.д.)
основных типов данных, заключенных в угловые скобки "<" и ">" (например, <длина>, <проценты> и т.д.). В электронной версии документа с каждым основным типом данных связана гиперссылка на его определение.
одноименного типа данных, имеющего тот же диапазон значений, что и рассматриваемое свойство (например, <'border-width'> <'background-attachment'> и т.д.). В данном случае именем типа является имя свойства (вместе с кавычками), заключенное между угловыми скобками "<" и ">" (например, <'border-width'>). В электронной версии документа с каждым таким типом данных связана гиперссылка на определение соответствующего свойства.
типа данных, имя которого не совпадает с именем свойства. В этом случае имя типа представляется между угловыми скобками "<" и ">" (например, <border-width>). Обратите внимание на различие между <border-width> и <'border-width'>; последнее определяется посредством предыдущего. Определение типа данных находится рядом с его первым упоминанием в спецификации. В электронной версии документа с каждым таким типом данных связана гиперссылка на определение соответствующего значения.

Другие слова в данных способах задания значений являются ключевыми словами, которые должны отображаться без каких либо дополнительных символов, в том числе и без кавычек (например, red). Слеш "/" и запятая "," должны также отображаться так, как указаны, без дополнительных символов.

Набор принимаемых свойством значений задается одним из следующих способов:
несколько следующих друг за другом значений. Это означает, что все они должны присутствовать в значении в указанном порядке;
одинарная черта "|" разделяет альтернативные значения, из которых свойству должно быть присвоено только одно;
двойная черта "||Q разделяет альтернативные значения, из которых свойство должно быть присвоено не менее одного в произвольном порядке;
квадратные скобки "[ ]" используются для группировки значений.

Следование значений по силе превосходит разделение с помощью двойной черты, которое, в свою очередь, сильнее разделения одинарной чертой. Таким образом, следующие две строки эквиваленты:
a b | c || d e
[ a b ] | [ c || [ d e ]]

После каждого типа значений, ключевого слова или заключенной в скобки группы слов может следовать один из перечисленных ниже модификаторов:
звездочка "*", говорящая о том, что предшествующие ей тип, слово или группа слов встречается ноль раз или более;
знак плюса "+", говорящий о том, что предшествующие ему тип, слово или группа слов встречается не менее одного раза;
знак вопроса "?", говорящий о том, что предшествующие ему тип, слово или группа слов либо присутствует, либо нет;
пара цифр в фигурных скобках "{А, B}" , говорящая о том, что предшествующие ей тип, слово или группа слов повторяется не менее А раз и не более B раз.

Следующие примеры иллюстрируют различные способы задания набора значений:
Значение: N | NW | NE
Значение: [ <длина> | thick | thin ]{1,4}
Значение: [<имя семейства> , ]* <имя семейства>
Значение: <uri>? <цвет> [ / <цвет> ]?
Значение: <uri> || <цвет>

Начальное значение

В этом поле указывается значение, принимаемое свойством по умолчанию. Если свойство унаследовано, то это значение совпадает со значением, присвоенным корневому элементу в дереве документа. Информацию о взаимодействии значений, заданных в таблице стилей, наследуемых и начальных значений можно найти в разделе о каскаде.
Область применения

В этом поле перечисляются элементы, к которым применяется данное свойство. Считается, что все элементы обладают всеми свойствами, но не для каждого элемента все свойства имеют какой-либо эффект. Например, свойство 'white-space' влияет только на элементы уровня блока.
Наследование

В этом поле указывается, наследуется ли значение свойства от родительского элемента. Информацию о взаимодействии значений, заданных в таблице стилей, наследуемых и начальных значений можно найти в разделе о каскаде.
Проценты

В этом поле указывается способ интерпретации значения, выраженного в процентах, если оно встречается в значении свойства. Если в этом поле содержится запись "N/A", то для этого свойства значения в процентах недопустимы.
Устройства

В этом поле указываются группы устройств, к которым применяется данное свойство. Согласно условий конформности агенты пользователей должны поддерживать некоторое свойство, если они поддерживают представление на устройствах типов, включенных в группы устройств, связанные с этим свойством.

Свойства стенографического типа

Некоторые свойства можно отнести к классу стенографических, т.е. позволяющих указывать значения сразу нескольких свойств одновременно.

Например, fство 'font' является стенографическим для установки свойств 'font-style', 'font-variant',
'font-weight', 'font-size', 'line-height' и 'font-family' одновременно.

Если в сокращенной форме упускаются некоторые значения, то каждому не определенному свойству присваивается его начальное значение (см. раздел о каскаде).

Следующие несколько правил:
H1 {
font-weight: bold;
font-size: 12pt;
line-height: 14pt;
font-family: Helvetica;
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}

можно записать намного короче с использованием одного стенографического свойства:
H1 { font: bold 12pt/14pt Helvetica }

В этом примере свойства 'font-variant', 'font-stretch', 'font-size-adjust' и 'font-style' принимают свои начальные значения.

Примеры и комментарии

Все примеры, демонстрирующие недопустимые операции, имеют пометку "ПРИМЕР НЕДОПУСТИМОГО ИСПОЛЬЗОВАНИЯ".

Все примеры, относящиеся к HTML, соответствуют описанию HTML 4.0 strict DTD (определенному в [HTML40]), если только в объявлении типа документа не указано другое.

Все комментарии носят ознакомительный характер.

В исходном HTML-файле используется разметка примеров и комментариев для того, чтобы в спецификации и агентами пользователей CSS1 они обрабатывались особо.

Изображения и длинные описания

Большинство изображений в электронной версии данного документа сопровождаются "длинными описаниями". Ссылка на длинное описание обозначается значком "[D]" справа от изображения.

Изображения и длинные описания носят исключительно информативный характер.