← Архив Webclub

Спецификация CSS Level 2 (Каскадные таблицы стилей второго уровня)

Исторический материал Webclub. Восстановлена версия от 24.06.2002. Примеры относятся к программам и стандартам того времени. Сохранённый источник.

далее   содержание   свойства   указатель  


REC-CSS2-19980512

Рекомендация W3C от 12 мая 1998 г.
Данная версия:
http://www.w3.org/TR/1998/REC-CSS2-19980512
Последняя версия:
http://www.w3.org/TR/REC-CSS2
Предыдущая версия:
http://www.w3.org/TR/1998/PR-CSS2-19980324
Редакторы:
Bert Bos <bbos@w3.org>
Håkon Wium Lie <howcome@w3.org>
Chris Lilley <chris@w3.org>
Ian Jacobs <ij@w3.org>
Перевод выполнен:
Юлия Поданева (http://www.stack.ru/~julia/)
Dmitri Goryainov (Глава 16)

Аннотация

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

Язык CSS2 базируется на своем предшественнике CSS1 (см. [CSS1]), так что, за редким исключением, все таблицы стилей, допустимые в последнем, могут использоваться и в CSS2. CSS2 поддерживает таблицы стилей с учетом устройств представления, что позволяет разработчикам настраивать представление документов для визуальных браузеров, звуковых устройств, принтеров, устройств чтения по системе Брайля, портативных устройств и т.д. В данной спецификации поддерживаются позиционирование элементов содержания, загружаемые шрифты, форматирование таблиц, возможности интернационализации, автоматические счетчики и нумерация и некоторые свойства пользовательского интерфейса.

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

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

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

Открытая дискуссия, касающаяся характеристик языка CSS, происходит по адресу www-style@w3.org.

Имеющиеся форматы

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

HTML:
http://www.w3.org/TR/1998/REC-CSS2-19980512
текст:
http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.txt,
HTML в файле gzip:
http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.tgz,
HTML в файле zip (это файл '.zip', а не '.exe'):
http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.zip,
PostScript в файле gzip:
http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.ps.gz,
PDF:
http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.pdf.

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

Существующие переводы

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

Список опечаток

Список ошибок и опечаток, обнаруженных в этой спецификации, находится по адресу: http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html. Об ошибках, обнаруженных в этом документе, сообщайте по адресу: css2-editors@w3.org.

Краткое содержание

  • 1 О спецификации CSS2
  • 2 Введение в CSS2
  • 3 Конформность: требования и рекомендации
  • 4 Синтаксис CSS2 и основные типы данных
  • 5 Селекторы
  • 6 Присвоение значений свойствам, каскады и наследование
  • 7 Типы устройств
  • 8 Модель представления документа в виде блоков
  • 9 Модель визуального форматирования
  • 10 Подробное описание модели визуального форматирования
  • 11 Визуальные эффекты
  • 12 Генерируемое содержимое, автоматическая нумерация и списки
  • 13 Устройства с постраничной разбивкой
  • 14 Цвета и фон
  • 15 Fonts
  • 16 Текст
  • 17 Tables
  • 18 User interface
  • 19 Aural style sheets
  • Appendix A. A sample style sheet for HTML 4.0
  • Appendix B. Changes from CSS1
  • Appendix C. Implementation and performance notes for fonts
  • Appendix D. The grammar of CSS2
  • Appendix E. References
  • Appendix F. Property указатель
  • Appendix G. Descriptor указатель
  • Appendix H. указатель

Полное содержание

  • 1 О спецификации CSS2
    • 1.1 Ознакомление со спецификацией
    • 1.2 Структура спецификации
    • 1.3 Условные обозначения
      • 1.3.1 Элементы и атрибуты языка документа
      • 1.3.2 Определение свойств в CSS
        • Значения, принимаемые свойством
        • Начальное значение
        • Область применения
        • Наследование свойств
        • Процентное представление значения
        • Устройства, связанные со свойством
      • 1.3.3 Свойства стенографического типа
      • 1.3.4 Примеры и комментарии
      • 1.3.5 Изображения и длинные описания
    • 1.4 Благодарности
    • 1.5 Информация об авторском праве
  • 2 Введение в CSS2
    • 2.1 Краткое руководство по CSS2 для HTML-документов
    • 2.2 Краткое руководство по CSS2 для XML-документов
    • 2.3 Модель обработки в CSS2
      • 2.3.1 Область представления
      • 2.3.2 Модель адресации в CSS2
    • 2.4 Принципы разработки таблиц CSS
  • 3 Конформность: требования и рекомендации
    • 3.1 Определения
    • 3.2 Конформность
    • 3.3 Сбои
    • 3.4 Тип содержимого "text/css"
  • 4 Синтаксис CSS2 и основные типы данных
    • 4.1 Синтаксис
      • 4.1.1 Маркирование
      • 4.1.2 Ключевые слова
      • 4.1.3 Символы и регистр
      • 4.1.4 Выражения
      • 4.1.5 Правила at
      • 4.1.6 Блоки
      • 4.1.7 Наборы правил, блоки объявлений и селекторы
      • 4.1.8 Объявления и свойства
      • 4.1.9 Комментарии
    • 4.2 Правила обработки ошибок, возникающих на этапе синтаксического анализа
    • 4.3 Значения
      • 4.3.1 Целые и вещественные числа
      • 4.3.2 Единицы измерения длины
      • 4.3.3 Процентные соотношения
      • 4.3.4 URL + URN = URI
      • 4.3.5 Счетчики
      • 4.3.6 Цвета
      • 4.3.7 Углы
      • 4.3.8 Время
      • 4.3.9 Частота
      • 4.3.10 Строки
    • 4.4 Представление документов, в которых используются CSS
      • 4.4.1 Ссылки на символы, отсутствующие в системе кодировки
  • 5 Селекторы
    • 5.1 Сопоставление шаблонов
    • 5.2 Синтаксис селекторов
      • 5.2.1 Группировка
    • 5.3 Универсальный селектор
    • 5.4 Селекторы типов
    • 5.5 Селекторы потомков
    • 5.6 Селекторы дочерних элементов
    • 5.7 Селекторы сестринских элементов
    • 5.8 Селекторы атрибутов
      • 5.8.1 Соответствие атрибутам и значениям атрибутов
      • 5.8.2 Значения атрибутов, используемые в DTD по умолчанию
      • 5.8.3 Селекторы классов
    • 5.9 ID-селекторы
    • 5.10 Псевдоэлементы и псевдоклассы
    • 5.11 Псевдоклассы
      • 5.11.1 Псевдокласс :first-child
      • 5.11.2 Псевдоклассы ссылок :link и :visited
      • 5.11.3 Динамические псевдоклассы: :hover, :active и :focus
      • 5.11.4 Псевдокласс :lang
    • 5.12 Псевдоэлементы
      • 5.12.1 Псевдоэлемент :first-line
      • 5.12.2 Псевдоэлемент :first-letter
      • 5.12.3 Псевдоэлементы :before и :after
  • 6 Присвоение значений свойствам, каскады и наследование
    • 6.1 Заданные, вычисляемые и фактические значения
      • 6.1.1 Заданные значения
      • 6.1.2 Вычисляемые значения
      • 6.1.3 Фактические значения
    • 6.2 Наследование
      • 6.2.1 Значение 'inherit'
    • 6.3 Правило @import
    • 6.4 Каскад
      • 6.4.1 Порядок каскадирования
      • 6.4.2 Правило !important
      • 6.4.3 Вычисление специфичности селектора
      • 6.4.4 Приоритеты оформительских рекомендаций, не принадлежащих CSS
  • 7 Типы устройств
    • 7.1 Ознакомление с типами устройств
    • 7.2 Построение аппаратно-зависимых таблиц стилей
      • 7.2.1 Правило @media
    • 7.3 Распознаваемые типы устройств
      • 7.3.1 Группы устройств
  • 8 Модель представления документа в виде блоков
    • 8.1 Размеры блока
    • 8.2 Примеры полей, отступов и границ
    • 8.3 Свойства полей: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' и 'margin'
      • 8.3.1 Перекрывающиеся поля
    • 8.4 Свойства отступов: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left' и 'padding'
    • 8.5 Свойства границы
      • 8.5.1 Ширина границы: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width' и 'border-width'
      • 8.5.2 Цвет границы: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color' и 'border-color'
      • 8.5.3 Стиль границы: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style' и 'border-style'
      • 8.5.4 Стенографические свойства границы: 'border-top', 'border-bottom', 'border-right', 'border-left' и 'border'
  • 9 Модель визуального форматирования
  • 10 Подробное описание модели визуального форматирования
    • 10.1 Определение "контейнера"
    • 10.2 Ширина содержимого: свойство 'width'
    • 10.3 Определение значений ширины и полей
      • 10.3.1 Незамещаемые элементы строкового уровня
      • 10.3.2 Замещаемые элементы строкового уровня
      • 10.3.3 Незамещаемые элементы уровня блока в нормальном потоке
      • 10.3.4 Замещаемые элементы уровня блока в нормальном потоке
      • 10.3.5 Незамещаемые перемещаемые элементы
      • 10.3.6 Замещаемые перемещаемые элементы
      • 10.3.7 Незамещаемые абсолютно позиционируемые элементы
      • 10.3.8 Замещаемые абсолютно позиционируемые элементы
    • 10.4 Минимальное и максимальное значения ширины: 'min-width' и 'max-width'
    • 10.5 Высота содержимого: свойство 'height'
    • 10.6 Определение значений высоты и полей
      • 10.6.1 Незамещаемые элементы строкового уровня
      • 10.6.2 Замещаемые элементы строкового уровня, замещаемые элементы уровня блока в нормальном потоке и замещаемые перемещаемые элементы
      • 10.6.3 Незамещаемые элементы уровня блока в нормальном потоке и незамещаемые перемещаемые элементы
      • 10.6.4 Незамещаемые абсолютно позиционируемые элементы
      • 10.6.5 Замещаемые абсолютно позиционируемые элементы
    • 10.7 Минимальное и максимальное значения высоты: 'min-height' и 'max-height'
    • 10.8 Определение высоты строки: свойства 'line-height' и 'vertical-align'
      • 10.8.1 Интерлиньяж и половинный интерлиньяж
  • 11 Визуальные эффекты
    • 11.1 Переполнение и усечение
      • 11.1.1 Переполнение: свойство 'overflow'
      • 11.1.2 Усечение: свойство 'clip'
    • 11.2 Видимость: свойство 'visibility'
  • 12 Генерируемое содержимое, автоматическая нумерация и списки
    • 12.1 Псевдоэлементы :before и :after
    • 12.2 Свойство 'content'
    • 12.3 Взаимодействие псевдоэлементов :before и :after с элементами 'compact' и 'run-in'
    • 12.4 Кавычки
      • 12.4.1 Определение кавычек с помощью свойства 'quotes'
      • 12.4.2 Вставка кавычек с помощью свойства 'content'
    • 12.5 Автоматическая нумерация и счетчики
      • 12.5.1 Вложенные счетчики и область действия
      • 12.5.2 Стили счетчиков
      • 12.5.3 Счетчики в элементах со свойством 'display: none'
    • 12.6 Маркеры и списки
      • 12.6.1 Маркеры: свойство 'marker-offset'
      • 12.6.2 Списки: свойства 'list-style-type', 'list-style-image', 'list-style-position' и 'list-style'
  • 13 Устройства с постраничной разбивкой
    • 13.1 Ознакомление с системами постраничного представления документа
    • 13.2 Страничные блоки: правило @page
      • 13.2.1 Поля страницы
      • 13.2.2 Размер страницы: свойство 'size'
        • Отображение страничных блоков, не вмещающихся на листе
        • Позиционирование страничного блока на листе
      • 13.2.3 Метки обрезки: свойство 'marks'
      • 13.2.4 Левые, правые и первая страницы
      • 13.2.5 Содержимое за пределами страничного блока
    • 13.3 Разрывы страниц
      • 13.3.1 Разрывы до и после элементов: 'page-break-before', 'page-break-after', 'page-break-inside'
      • 13.3.2 Использование именованных страниц: 'page'
      • 13.3.3 Разрывы внутри элементов: 'orphans', 'widows'
      • 13.3.4 Допустимые разрывы страниц
      • 13.3.5 Принудительные разрывы страниц
      • 13.3.6 Наилучшие разрывы страниц
    • 13.4 Каскад в контексте описания страницы
  • 14 Цвета и фон
    • 14.1 Цвета переднего плана: свойства 'color'
    • 14.2 Фон
      • 14.2.1 Свойства фона: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position' и 'background'
    • 14.3 Гамма-коррекция
  • 15 Fonts
    • 15.1 Introduction
    • 15.2 Font specification
      • 15.2.1 Font specification свойства
      • 15.2.2 Font family: the 'font-family' property
      • 15.2.3 Font styling: the 'font-style', 'font-variant', 'font-weight' and 'font-stretch' свойства
      • 15.2.4 Font size: the 'font-size' and 'font-size-adjust' свойства
      • 15.2.5 Shorthand font property: the 'font' property
      • 15.2.6 Generic font families
        • serif
        • sans-serif
        • cursive
        • fantasy
        • monospace
    • 15.3 Font selection
      • 15.3.1 Font Descriptions and @font-face
      • 15.3.2 Descriptors for Selecting a Font: 'font-family', 'font-style', 'font-variant', 'font-weight', 'font-stretch' and 'font-size'
      • 15.3.3 Descriptors for Font Data Qualification: 'unicode-range'
      • 15.3.4 Descriptor for Numeric Values: 'units-per-em'
      • 15.3.5 Descriptor for Referencing: 'src'
      • 15.3.6 Descriptors for Matching: 'panose-1', 'stemv', 'stemh', 'slope', 'cap-height', 'x-height', 'ascent', and 'descent'
      • 15.3.7 Descriptors for Synthesis: 'widths', 'bbox' and 'definition-src'
      • 15.3.8 Descriptors for Alignment: 'baseline', 'centerline', 'mathline', and 'topline'
      • 15.3.9 Examples
    • 15.4 Font Characteristics
      • 15.4.1 Introducing Font Characteristics
      • 15.4.2 Full font name
      • 15.4.3 Coordinate units on the em square
      • 15.4.4 Central Baseline
      • 15.4.5 Font Encoding
      • 15.4.6 Font family name
      • 15.4.7 Glyph widths
      • 15.4.8 Horizontal stem width
      • 15.4.9 Height of uppercase glyphs
      • 15.4.10 Height of lowercase glyphs
      • 15.4.11 Lower Baseline
      • 15.4.12 Mathematical Baseline
      • 15.4.13 Maximal bounding box
      • 15.4.14 Maximum unaccented height
      • 15.4.15 Maximum unaccented depth
      • 15.4.16 Panose-1 number
      • 15.4.17 Range of ISO 10646 characters
      • 15.4.18 Top Baseline
      • 15.4.19 Vertical stem width
      • 15.4.20 Vertical stroke angle
    • 15.5 Font matching algorithm
      • 15.5.1 Mapping font weight values to font names
      • 15.5.2 Examples of font matching
  • 16 Текст
    • 16.1 Отступ (сдвиг): свойство 'text-indent'
    • 16.2 Выравнивание: свойство 'text-align'
    • 16.3 Оформление текста
      • 16.3.1 Подчеркивание, черта над тектом, закеркивание и мигание: свойство 'text-decoration'
      • 16.3.2 Тень текста: свойство 'text-shadow'
    • 16.4 Межбуквенные интервалы и интервалы между словами: свойства 'letter-spacing' и 'word-spacing'
    • 16.5 Преобразование регистра букв: свойство 'text-transform'
    • 16.6 Пустые символы: свойство 'white-space'
  • 17 Tables
    • 17.1 Introduction to tables
    • 17.2 The CSS table model
      • 17.2.1 Anonymous table objects
    • 17.3 Column selectors
    • 17.4 Tables in the visual formatting model
      • 17.4.1 Caption position and alignment
    • 17.5 Visual layout of table содержание
      • 17.5.1 Table layers and transparency
      • 17.5.2 Table width algorithms: the 'table-layout' property
        • Fixed table layout
        • Automatic table layout
      • 17.5.3 Table height algorithms
      • 17.5.4 Horizontal alignment in a column
      • 17.5.5 Dynamic row and column effects
    • 17.6 Borders
      • 17.6.1 The separated borders model
        • Borders around empty cells: the 'empty-cells' property
      • 17.6.2 The collapsing border model
        • Border conflict resolution
      • 17.6.3 Border styles
    • 17.7 Audio rendering of tables
      • 17.7.1 Speaking headers: the 'speak-header' property
  • 18 User interface
    • 18.1 Cursors: the 'cursor' property
    • 18.2 User preferences for colors
    • 18.3 User preferences for fonts
    • 18.4 Dynamic outlines: the 'outline' property
      • 18.4.1 Outlines and the focus
    • 18.5 Magnification
  • 19 Aural style sheets
    • 19.1 Introduction to aural style sheets
    • 19.2 Volume properties: 'volume'
    • 19.3 Speaking properties: 'speak'
    • 19.4 Pause properties: 'pause-before', 'pause-after', and 'pause'
    • 19.5 Cue properties: 'cue-before', 'cue-after', and 'cue'
    • 19.6 Mixing properties: 'play-during'
    • 19.7 Spatial properties: 'azimuth' and 'elevation'
    • 19.8 Voice characteristic properties: 'speech-rate', 'voice-family', 'pitch', 'pitch-range', 'stress', and 'richness'
    • 19.9 Speech properties: 'speak-punctuation' and 'speak-numeral'
  • Appendix A. A sample style sheet for HTML 4.0
  • Appendix B. Changes from CSS1
    • B.1 New functionality
    • B.2 Updated descriptions
    • B.3 Semantic changes from CSS1
  • Appendix C. Implementation and performance notes for fonts
    • C.1 Glossary of font terms
    • C.2 Font retrieval
    • C.3 Meaning of the Panose Digits
    • C.4 Deducing Unicode Ranges for TrueType
    • C.5 Automatic descriptor generation
  • Appendix D. The grammar of CSS2
    • D.1 Grammar
    • D.2 Lexical scanner
    • D.3 Comparison of tokenization in CSS2 and CSS1
  • Appendix E. References
    • E.1 Normative references
    • E.2 Informative references
  • Appendix F. Property указатель
  • Appendix G. Descriptor указатель
  • Appendix H. указатель

Copyright  ©  1998 W3C (MIT, INRIA, Keio ), все права защищены.


далее   содержание   свойства   указатель