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

       

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

Введение
Статус этого документа
Доступные форматы
Доступные языки
Ошибки и Опечатки
Как читать эту спецификацию
Как организована эта спецификация
Язык документа: элементы и атрибуты
Определения свойств CSS

Значение/Value
Начальное/Initial
Применяется к/ Applies to
Наследуется/Inherited
Процентные значения/Percentage values
Группы носителей/Media groups
Сокращённые формы свойств
Замечания и примеры
Изображения и полные описания
Благодарности

Авторские права
Краткое пособие CSS2 для HTML
Краткое пособие CSS2 для XML
Модель процесса CSS2
Канва
Модель адресации CSS2
Принципы дизайна CSS

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

Определения
Соответствие
Ошибочные условия

Тип содержимого text/css
Полное описание диаграммы примера дерева документа
Синтаксис
Лексический разбор
Представление документа CSS
Мнемоники символов, не представленных в кодировке символов
Ключевые слова

Символы и регистр
Операторы
At-правила (at-rules)
Блоки
Наборы правил, блоки объявлений и селекторы
Объявления и свойства
Комментарии
Правила обработки ошибок грамматического разбора
Целые и вещественные числа
Размеры

Процентные значения
URL + URN = URI
Счётчики
Цвета
Угловые значения
Время
Частоты
Строки

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

Блоки символов для подстановки
Синтаксис селектора
Группирование
Универсальный селектор
Соответствие
Селекторы потомков

Селекторы дочерних элементов
Смежные селекторы-родственники
Селекторы атрибутов
Совпадение атрибутов и их значений
Значения по умолчанию для атрибутов в ОТД
Селекторы класса
Селекторы ID
Псевдоэлементы и псевдоклассы
Псевдокласс :first-child
Псевдоклассы гиперссылки: :link и :visited

Динамические псевдоклассы: :hover, :active и :focus
Псевдокласс языка :lang
Псевдоэлемент :first-line
Псевдоэлемент :first-letter
Псевдоэлементы :before и :after
Специфицированные, вычисленные и текущие значения

Специфицированные значения
Вычисленные значения
Реальные значения
Наследование
Значение 'inherit'
Правило @import
Каскад
Порядок каскадирования
Правила !important
Вычисление специфики селектора

Старшинство не-CSS подсказок

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

Введение
Спецификация таблиц стилей, зависимых от типа носителя
Правило @media
Распознаваемые типы носителя
Группы носителей
Размеры бокса
Пример полей, заполнения и рамок
Свойства поля: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' и 'margin'
Сжатие полей
Свойства заполнения: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left' и 'padding'
Свойства рамки
Ширина рамки: 'border-top-width'
Цвет рамки: 'border-top-color'

Стиль рамки: 'border-top-style'
Сокращённые свойства рамок: 'border-top', 'border-bottom', 'border-right', 'border-left' и 'border'
Введение
Порт просмотра
Содержащие блоки
Сравнение нормального расположения, поплавков и абсолютного позиционирования
Нормальное расположение
Относительное позиционирование

Обтекание бокса
Абсолютное позиционирование
Слои
Спецификация уровня в пакете слоёв: свойство 'z-index'
Направление текста: свойства 'direction' и 'unicode-bidi'
Управление генерацией боксов
Элементы уровня блока и боксы блока
Анонимные боксы блока

Инлайн-элементы и инлайн-боксы
Анонимные инлайн-боксы
Боксы compact/компактные
Втягивающиеся боксы (run-in)
Свойство 'display'
Схемы позиционирования
Выбор схемы позиционирования: свойство 'position'
Позиционирование и заполнение в боксе: 'top', 'right', 'bottom', 'left'
Нормальное расположение
Контекст форматирования блока

Контекст инлайн-форматирования
Поплавки/Floats
Позиционирование поплавка: свойство 'float'
Управление положением после поплавка: свойство 'clear'
Фиксированное позиционирование
Соотношение между 'display', 'position' и 'float'

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

Определение "содержащего блока"
Ширина содержимого: свойство 'width'
Вычисление ширины и полей
Инлайн, незамещаемые элементы
Инлайн, замещаемые элементы
Уровень блока, незамещаемые элементы при нормальном всплывании
Уровень блока, замещаемые элементы при нормальном всплывании
Всплывание, незамещаемые элементы

Всплывание, замещаемые элементы
Абсолютное позиционирование, незамещаемые элементы
Абсолютно позиционированные замещаемые элементы
Минимальная и максимальная ширина: 'min-width' и 'max-width'
Высота содержимого: свойство 'height'
Вычисление высоты и полей
Инлайн, замещаемые элементы уровня
Абсолютно позиционированные незамещаемые элементы

Минимальная и максимальная высота: 'min-height' и 'max-height'
Подсчёт высоты строк: свойства 'line-height' и 'vertical-align'
Габариты и полугабариты
Сжатие: свойство 'clip'
Видимость: свойство 'visibility'
Полное описание примера несжимаемого 'overflow'
Полное описание примера сжимаемого 'overflow'
Полное описание сжатия областей

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

Псевдоэлементы :before и :after

Свойство 'content'
Взаимодействие :before и :after с элементами 'compact' и 'run-in'
Знаки кавычек
Спецификация кавычек свойством 'quotes'
Вставка кавычек с применением свойства 'content'
Вложение счётчиков и область видимости
Стили счётчиков

Счётчики в элементах с 'display: none'
Маркировка и списки
Маркировка: свойство 'marker-offset'
Списки: свойства 'list-style-type', 'list-style-image', 'list-style-position' и 'list-style'
Введение

Страничные боксы: правило @page
Поля страницы
Размер страницы: свойство 'size'
Размещение страничных боксов, не помещающихся на листе
Позиционирование страничного бокса на листе
Знаки обрезки: свойство 'marks'
Содержимое вне страничного бокса
Разрывы страниц
Разрывы перед/после элементов: 'page-break-before', 'page-break-after', 'page-break-inside'

Использование именованных страниц: 'page'
Разрывы внутри элементов: 'orphans', 'widows'
Допустимые разрывы страниц
Форсированные разрывы страниц
"Наилучшие" разрывы страниц
Каскадирование в контексте страницы
Цвет переднего плана: свойство 'color'
Фон
Свойства фона: 'background-color'
Коррекция цветовой гаммы
Полное описание моделей фона

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

Введение
Полное имя шрифта
Единицы измерения em-квадрата
Центральная базовая линия/(Central Baseline)

Кодировка шрифта
Имя семейства шрифта
Ширина глифов
Ширина горизонтальной основы
Высота глифов верхнего регистра
Высота глифов нижнего регистра
Нижняя базовая линия
Математическая базовая линия
Максимальный ограничивающий бокс
Максимальная неакцентированная высота

Максимальная неакцентированная глубина
Число Panose-1
Диапазон символов ISO 10646
Верхняя базовая линия
Ширина вертикальной основы
Угол вертикального наклона
Алгоритм совпадения шрифтов
Отображение значений ширины шрифтов в имена шрифтов

Примеры совпадения шрифтов
Спецификация шрифта
Свойства спецификации шрифта
Семейство шрифтов: свойство 'font-family'
Стилизация шрифта: свойства 'font-style', 'font-variant', 'font-weight' и 'font-stretch'
Размер шрифта: свойства 'font-size' и 'font-size-adjust'
Сокращение для свойств шрифта: свойство 'font'

Общие (родовые) семейства шрифтов
Serif
Sans-serif
Cursive
Fantasy
Monospace
Выбор шрифта
Описание шрифта и @font-face
Дескрипторы для подбора шрифта

Дескрипторы для квалификации данных шрифта: 'unicode-range'
Дескриптор числовых значений: 'units-per-em'
Дескриптор для ссылки: 'src'
Дескрипторы для подбора: 'panose-1'
Дескрипторы для синтеза: 'widths', 'bbox' и 'definition-src'
Дескрипторы выравнивания: 'baseline', 'centerline', 'mathline' и 'topline'
Примеры

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

Отступы: свойство 'text-indent'
Выравнивание: свойство 'text-align'
Подчёркивание, надчёркивание, перечёркивание и мигание: свойство 'text-decoration'
Оттенение текста: свойство 'text-shadow'

Расстояния между буквами и словами: свойства 'letter-spacing' и 'word-spacing'
Капитализация: свойство 'text-transform'
Пробел: свойство 'white-space'
Полное описание примера оттенения текста

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

Введение
Модель сжимающихся рамок
Разрешение конфликтов рамок
Стили рамок
Звуковое представление таблиц
Говорящие заголовки: свойство 'speak-header'
Табличная модель CSS

Анонимные объекты таблицы
Селекторы столбцов
Таблицы в модели визуального форматирования
Позиция и выравнивание заголовка
Вид содержимого таблицы
Слои и прозрачность таблицы
Алгоритмы ширины таблицы: свойство 'table-layout'
Алгоритм фиксированного вывода
Автоматический вывод таблицы
Алгоритмы высоты таблицы

Горизонтальное выравнивание в столбце
Динамические эффекты рядов и столбцов
Рамки
Модель раздельных рамок
Обрамление пустых ячеек: свойство 'empty-cells'
Полное описание примера заголовка над таблицей
Полное описание примера рядов, разделённых горизонтальными линиями рамки
Полное описание таблицы расходов на путешествие
Полное описание примера расположения заголовка слева от таблицы
Полное описание примера вывода структурно перекрывающихся ячеек
Полное описание примера расчёта фона ячеек
Полное описание примера вычисления фона

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

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

Курсоры: свойство 'cursor'
Предпочтительные цвета пользователя
Предпочтительные шрифты пользователя
Динамические контуры: свойство 'outline'
Контуры и фокус
Увеличение
Введение
Свойства объёма звука: 'volume'
Свойства разговора: 'speak'
Свойства паузы: 'pause-before', 'pause-after' и 'pause'
Свойства реплики: 'cue-before', 'cue-after' и 'cue'
Свойства микширования: 'play-during'

Пространственные свойства: 'azimuth' и 'elevation'
Свойства характеристик голоса
Свойства речи: 'speak-punctuation' и 'speak-numeral'
Новая функциональность
Обновлённые описания
Семантические изменения по сравнению с CSS1
Справочник терминологии шрифтов

Выбор шрифта
Значения Чисел Panose
Вычисление Диапазонов Unicode для TrueType
Автоматическая генерация дескриптора
Грамматика
Лексический сканер
Сравнение лексического разбора в CSS2 и в CSS1
Определение "содержащего блока"

Содержание раздела