Спецификация CSS2

Спецификация CSS2

2-е издание, исправленное

Национальный Открытый Университет “ИНТУИТ”
2016

2

Спецификация CSS2/ - М.: Национальный Открытый Университет “ИНТУИТ”, 2016

Курс построен по спецификации, которая определяет язык каскадных таблиц стилей CSS2.
Данная спецификация поддерживает позиционирование содержимого, загружаемые шрифты,
отображение таблиц, возможности интернационализации, автоматические счётчики и нумерацию и
некоторые свойства, относящиеся к пользовательскому интерфейсу.

(c) ООО “ИНТУИТ.РУ”, 2006-2016
(c) 2006-2016

3

О спецификации CSS2

Дается общая информация о спецификации, статусе документа и его структуре.

Введение

Эта спецификация определяет Каскадные таблицы Стилей, уровень 2 (CSS2). CSS2 это язык таблиц стилей, позволяющий авторам и пользователям подключать стили
(например, шрифты, пробелы и звуковые сигналы) в структурированные документы
(например, документы HTML и приложения XML). CSS2 упрощает создание и
обслуживание Web-сайта путём разделения структуры и стиля представления
документов.

CSS2 построен на основе CSS1, и, с очень небольшими исключениями, все таблицы
стилей CSS1 остаются действующими в CSS2. CSS2 поддерживает таблицы для
конкретных носителей, так что авторы могут создавать представление своих
документов для визуальных браузеров, звуковых устройств, принтеров, брайльустройств, ручных портативных устройств и т.д. Данная спецификация поддерживает
также позиционирование содержимого, загружаемые шрифты, отображение таблиц,
возможности интернационализации, автоматические счётчики и нумерацию и
некоторые свойства, относящиеся к пользовательскому интерфейсу.

Статус этого документа

Этот документ был просмотрен Членами W3C и другими заинтересованными
сторонами и одобрен Директором как Рекомендации W3C. Это неизменяемый
документ, он может использоваться как справочный материал или цитироваться в
других документах. Задачей W3C является привлечение внимания к Рекомендациям и
этой спецификации и её широкое распространение. Это расширит функциональные
возможности Web.

Список текущих Рекомендаций W3C и другую техническую документацию можно
найти на: ссылка: http://www.w3.org/TR - http://www.w3.org/TR.

Публичная дискуссия о возможностях CSS проходит на: e-mail: www-style@w3.org.

Доступные форматы

Спецификация CSS2 доступна в следующем формате:

HTML: ссылка: http://www.w3.org/TR/1998/REC-CSS2-19980512 http://www.w3.org/TR/1998/REC-CSS2-19980512 и в других форматах на W3C.

В случае разночтений между различными формами спецификации, ссылка:
http://www.w3.org/TR/1998/REC-CSS2-19980512 - http://www.w3.org/TR/1998/RECCSS2-19980512 имеет приоритет.

4

Доступные языки

Английская версия этой спецификации является единственным нормативным
документом. Однако переводы этого документа можно найти по адресу ссылка:
http://www.w3.org/Style/css2-updates/translations.html - http://www.w3.org/Style/css2updates/translations.html.

Ошибки и Опечатки

Список ошибок и опечаток, найденных в этой спецификации (в английской версии),
находится в ссылка: http://www.w3.org/Style/css2-updates/REC-CSS2-19980512errata.html - http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html

Об ошибках, замеченных Вами в этом документе, сообщайте, пожалуйста, по адресам:
e-mail: css2-editors@w3.org и e-mail: a_pyramidin@yahoo.com (переводчик русской
версии).

Внимание!

Официальная нормативная версия этой спецификации возможна только на английском
языке и находится по адресу: ссылка: http://www.w3.org/TR/1998/REC-CSS2-19980512 http://www.w3.org/TR/1998/REC-CSS2-19980512.

Данный перевод НЕ является официальным документом W3C.

Все Авторские Права Принадлежат W3C.

Данный документ может содержать ошибки перевода и опечатки.

Как читать эту спецификацию

Данная спецификация написана в расчёте на читателей двух типов: CSS-авторов и
CSS-разработчиков. Мы надеемся, что эта спецификация снабдит авторов средствами,
необходимыми для создания эффективных, привлекательных и доступных документов
без излишнего углубления в детали реализации CSS. Разработчики к тому же смогут
найти всё необходимое для создания соответствующих пользовательских агентов (ПА).

Спецификация начинается общим представлением CSS и постепенно всё более
углубляется в технические подробности и специфику. Для быстрого доступа к
информации служат общие и специализированные оглавления в начале каждого
раздела и индексы - в электронном и печатном виде.

Спецификация создана в расчёте на два типа представления: электронное и печатное.
Хотя эти два типа, без сомнения, похожи, читатели могут заметить и некоторые
отличия. Например, ссылки не будут работать в печатной версии (естественно), а
номера страниц будут отсутствовать в электронной версии. В случае возникновения

5

противоречий, электронная версия должна считаться определяющей.

Как организована эта спецификация

Эта спецификация содержит следующие разделы:

Раздел 2: Введение в CSS2

Введение содержит краткий учебник по CSS2 и обсуждение принципов дизайна вне
CSS2.

Раздел 3 - 20: Справочник-учебник CSS2

Основу составляет справочник языка CSS2. Этот справочник определяет, что может
входить в таблицы стилей CSS2 (синтаксис, свойства, значения свойств) и как ПА
обязаны интерпретировать эти таблицы стилей, чтобы претендовать на соответствие.

Приложения:

Содержат образцы таблиц стилей для HTML 4.0, изменения относительно CSS1,
замечания по реализации и выполнению, грамматике CSS2, список нормативных и
информативных ссылок и три индекса: Свойства, Дескрипторы и Общий индекс.

Соглашения

Язык документа: элементы и атрибуты

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

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

Каждое определение свойства CSS начинается общей ключевой информацией:

‘property-name’

Значение: действительные значения & синтаксис

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

Применяется: к соответствующим элементам

6

Наследуется: если свойство наследуется

Процентное: интерпретация процентных значений

Носитель: к каким группам носителей применяется свойство

Значение/Value

Определяет набор действительных значений свойства. Типы значений могут
обозначаться по-разному:

1. ключевые слова (например, auto, disc и т.д.);
2. базовые типы данных, вводимые между символами “<” и “>” (например, <length>,

<percentage> и т.д.). В электронной версии документа каждый объект базового
типа данных связан со своим определением;

3. типы, имеющие те же диапазоны значений, что и свойство, имеющее то же имя

(например, <‘border-width’>, <’background-attachment‘> и т.д.). В данном случае
имя типа является именем свойства (заключённым в кавычки) между символами
“<” и “>” (например, <‘border-width’>). В электронной версии документа каждый
объект такого типа не-терминала ссылается на соответствующее определение
свойства;

4. не-терминалы, не использующие имя свойства. В данном случае имя не-терминала

выводится между символами “<” и “>”, например, <border-width>. Заметьте
разницу между <border-width> и <‘border-width’>; последнее определено в
терминах предыдущего. Определение не-терминала размещается поблизости от
его первого вхождения в данной спецификации. В электронной версии документа
каждый объект этого типа ссылается на соответствующее определение значения.

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

Значения должны быть организованы так:

Несколько соседних слов означают, что все они должны появляться в указанном
порядке.
Вертикальная линия (|) разделяет две или более альтернативы: только одна из них
должна быть записана.
Двойная вертикальная черта (||) разделяет две или более опции: одна или более из
них должны быть записаны в любом порядке.
Скобки ([ ]) служат для группирования.

Соседство является более строгим, чем двойная вертикальная черта, а двойная
вертикальная черта - строже, чем одинарная. Таким образом, следующие строки
эквивалентны:

a b   |   c || d e

7

  [ a b ] | [ c || [ d e ]]

За каждым типом, ключевым словом или группой в скобках может следовать один из
модификаторов:

Звёздочка (*) - означает, что предыдущий тип, слово или группа появляется ноль
или более раз.
Плюс (+) - означает, что предыдущий тип, слово или группа появляется один или
более раз.
Знак вопроса (?) - означает, что предыдущий тип, слово или группа являются
необязательными.
Пара чисел в фигурных скобках ({A,B}) - означает, что предыдущий тип, слово
или группа появляется не менее А и не более В раз.

Следующий пример иллюстрирует различные значения типов:

Value\Значение: N | NW | NE
Value: [ <length> | thick | thin ]{1,4}
Value: [<family-name> , ]* <family-name>
Value: <uri>? <color> [ / <color> ]?
Value: <uri> || <color>

Начальное/Initial

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

Применяется к/ Applies to

Перечисляет элементы, к которым применяется данное свойство. Предполагается, что
все элементы имеют все свойства, но некоторые свойства не имеют действия на
представление элементов определённых типов. Например, ‘white-space‘ действует
только на элементы уровня блока (block-level elements).

Наследуется/Inherited

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

Процентные значения/Percentage values

8

Указывает, как должны интерпретироваться процентные значения, если они
появляются в значении свойства. Если появляется “N/A”, это значит, что свойство не
принимает процентных значений.

Группы носителей/Media groups

Обозначает группы носителей, к которым свойство применяется. Условия соответствия
определяют, что ПА обязаны поддерживать это свойство, если они поддерживают
представление в типах носителя, включённых в эти группы носителей.

Сокращённые формы свойств

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

Например, свойство ‘font’ является сокращением для одновременной установки ‘fontstyle’, ‘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’ получают
свои начальные значения.

Замечания и примеры

Все примеры, иллюстрирующие неправильное использование, явно помечены “НЕПРАВИЛЬНОЕ ИСПОЛЬЗОВАНИЕ”.

9

Все примеры HTML соответствуют Строгому Определению Типа Документа HTML
4.0/Strict DTD, (определённом в [HTML40]), если иное не указано в объявлении типа
документа.

Все примечания являются исключительно информативными.

Примеры и примечания промаркированы в коде HTML, чтобы ПА данной и CSS1
спецификаций представляли их особым образом.

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

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

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

Благодарности

Данная спецификация является продуктом работы W3C Working Group над Cascading
Style Sheets (Каскадными Таблицами Стилей) и Formatting Properties (Свойствами
Форматирования).

Помимо редакторов данной спецификации, членами Working Group являются:

Brad Chase (Bitstream), Chris Wilson (Microsoft), Daniel Glazman (Electricite de France),
Dave Raggett (W3C/HP), Ed Tecot (Microsoft), Jared Sorensen (Novell), Lauren Wood
(SoftQuad), Laurie Anna Kaplan (Microsoft), Mike Wexler (Adobe), Murray Maloney (Grif),
Powell Smith (IBM), Robert Stevahn (HP), Steve Byrne (JavaSoft), Steven Pemberton
(CWI), Thom Phillabaum (Netscape), Douglas Rand (Silicon Graphics), Robert Pernett
(Lotus), Dwayne Dicks (SoftQuad) и Sho Kuwamoto (Macromedia).

Мы благодарим их всех.

Свой вклад внесли приглашённые эксперты Working Group: George Kersher, Glenn
Rippel (Bitstream), Jeff Veen (HotWired), Markku T. Hakkinen (The Productivity Works),
Martin Durst (W3C, до этого - Universitat Zurich), Roy Platon (RAL), Todd Fahrner
(Verso), Tim Boland (NIST), Eric Meyer (Case Western Reserve University) и Vincent Quint
(W3C).

Раздел Web Fonts разрабатывали Brad Chase (Bitstream), David Meltzer (Microsoft
Typography) и Steve Zilles (Adobe).

Следующие сотрудники в разной степени участвовали в разработке разделов,
относящихся к шрифтам: Alex Beamon (Apple), Ashok Saxena (Adobe), Ben Bauermeister
(HP), Dave Raggett (W3C/HP), David Opstad (Apple), David Goldsmith (Apple), Ed Tecot
(Microsoft), Erik van Blokland (LettError), Francois Yergeau (Alis), Gavin Nicol (Inso),
Herbert van Zijl (Elsevier), Liam Quin, Misha Wolf (Reuters), Paul Haeberli (SGI) и,

10