О спецификации CSS2 том 2


Модель процесса CSS


Иллюстрация
Иллюстрация 1[D] Обратите внимание, что слово "flute" остаётся внутри параграфа, поскольку это содержимое инлайн-элемента INSTRUMENT.Тем не менее, текст ещё не выглядит так, как Вы могли...
Иллюстрация
Иллюстрация 2   [D] Добавление других правил в таблицу стилей позволить Вам сделать представление документа ещё более интересным....
Модель процесса CSS
Этот раздел представляет одну из возможных моделей того, как работают ПА, поддерживающие CSS. Это лишь концептуальная модель; конкретные реализации могут варьироваться. ПА в этой модели обрабатыва...
Канва
2.3.1 Канва Для всех носителей термин канва описывает "пространство, где выводится сформатированная структура". Канва бесконечна по каждому измерению, но представление обычно производитс...
Модель адресации CSS
2.3.2 Модель адресации CSS2 Селекторы и свойства CSS2 позволяют обращаться из таблиц стилей к следующим частям документа или ПАгента: Элементам дерева документа и определённым их взаимоотношениям...
Принципы дизайна CSS
CSS2, а до них - CSS1, базируются на наборе принципов дизайна: Совместимость вперёд и обратная. ПА CSS2 понимают таблицы стилей CSS1. ПА CSS1 могут читать таблицы стилей CSS2 и отбрасывать те час...
Типы носителя
7. Типы носителя Содержание 7.1 Введение 7.2 Спецификация таблиц стилей, зависимых от типа носителя 7.2.1 Правило @media 7.3 Распознаваемые типы носителя 7.3.1 Группы...
Введение
Одним из важнейших свойств таблиц стилей является то, что они специфицируют представление документа на различных носителях информации: на экране, бумаге, в речевом синтезаторе, в брайль-устройстве...
Спецификация таблиц стилей зависимых от типа носителя
В настоящее время есть два способа специфицировать зависимость от типа носителя в таблицах стилей: Специфицировать целевой носитель из таблицы стилей с помощью at-правил @media или @import. Прим...
Правило @media
7.2.1 Правило @media Правило @media специфицирует целевые типы носителя (разделённые запятыми) в наборе правил (ограниченных фигурными скобками). Конструкция @media допускает присутствие правил т...
Распознаваемые типы носителя
Тип носителяCSS именует набор свойств CSS. ПА, заявляющий о поддержке типа носителя по имени, обязан поддерживать все свойства, применимые к данному типу носителя.Имена для типов носителя в CSS от...
Группы носителей
7.3.1 Группы носителей Каждое определение свойства CSS специфицирует типы носителя, для которых свойство обязано выполняться на соответствующих ПА. Поскольку свойства обычно применяются для различ...
Приложение С Замечания по реализации и выполнению для шрифтов
Приложение С: Замечания по реализации и выполнению для шрифтов Содержание C.1 Справочник терминологии шрифтов C.2 Выбор шрифта C.3 Значения Чисел Panose C.4 Вычисление Диапазонов Uni...
C Справочник терминологии шрифтов
DocLock™ Bitstream-технология DocLock™ гарантирует, что TrueDoc PFRs могут использоваться только на том сайте, где они опубликованы. TrueDoc PFR, перемещённый на другой сайт или име...
Иллюстрация
Иллюстрация 1[D] Kerning/Кернинг Изменение расстояния между выбранными представлениями глифов, которое может быть слишком большим или слишком маленьким, чтобы получить более ровный типографски...
Иллюстрация
Иллюстрация 2   [D] Multiple Master Font/Множественный мастер-ширфт Множественный мастер-шрифт содержит два первичных шрифта, которые используются со специальными программами в...
C Выбор шрифта
C.2 Выбор шрифта Имеется множество различных форматов шрифта для использования на разных платформах. Чтобы выбрать предпочтительный формат шрифта, используется свободная дискуссия (см. [NEGOT]). В...
C Значения Чисел Panose
C.3 Значения Чисел Panose...
Иллюстрация
Иллюстрация 3 Числа Family, Serif Style и Proportion используются Windows95 для выбора и совпадений шрифтов.Значения десяти чисел и допустимые значения (в скобках) даны ниже для самого общего случ...
Иллюстрация
Иллюстрация 4 Значение Panose-2 не хранится в каком-либо известном формате шрифта, но может быть измерено....
C Вычисление Диапазонов Unicode для TrueType
C.4 Вычисление Диапазонов Unicode для TrueType Эта информация доступна в шрифте при просмотре битов 'ulUnicodeRange' в таблице 'OS/2' (если она ('OS/2') её имеет), которая (таблица) содержит битов...
C Автоматическая генерация дескриптора
C.5 Автоматическая генерация дескриптора Авторские утилиты должны позволять авторам таблиц стилей добавлять и редактировать дескрипторы шрифтов. В некоторых случаях авторские утилиты могут оказать...
Страничные носители
13. Страничные носители Содержание 13.1 Введение 13.2 Страничные боксы: правило @page 13.2.1 Поля страниц 13.2.2 Размер страницы: свойство 'size' Размещение странич...
Введение
Страничный носитель (например, бумага, плёнка, страницы , выводимые на экране компьютера и т.п.) отличается от непрерывного носителя тем, что содержимое документа разделяется на одну или более абс...
Страничные боксы правило @page
Страничный бокс это прямоугольный регион, содержащий две области: Область страницы. Включает боксы, расположенные на этой странице. Края области страницы работают как начальный содержащий бло...
Поля страницы
13.2.1 Поля страницы Свойства полей ('margin-top', 'margin-right', 'margin-bottom', 'margin-left' и 'margin') применяются внутри контекста страницы. На следующей диаграмме показаны соотношения ме...
Иллюстрация
Иллюстрация 1[D] Вычисленное значение полей бокса вверху или внизу области страницы - '0'. Контекст страницы не имеет никаких указаний о шрифте, так что единицы измерения 'em' и 'ex' не допускают...
Размер страницы свойство 'size'
13.2.2 Размер страницы: свойство 'size' 'size' Значение:<length>{1,2} | auto | portrait | landscape | inheritНачальное:auto Применяется:  к контексту страницы Наследуется:N/A П...
Размещение страничных боксов не помещающихся на листе
Размещение страничных боксов, не помещающихся на листе Если страничный бокс не вмещается в размеры целевого листа, ПА может: Повернуть страничный бокс на 90°, если это поможет разместить его. Ма...
Позиционирование страничного бокса на листе
Позиционирование страничного бокса на листе Если страничный бокс имеет размеры меньше целевых, то ПА может размещать страничный бокс в любом месте листа. Однако рекомендуется, чтобы страничный бо...
Знаки обрезки свойство 'marks'
13.2.3 Знаки обрезки: свойство 'marks' 'marks' Значение:[ crop || cross ] | none | inheritНачальное:none Применяется:к контексту страницы Наследуется:N/A Процентное:N/A Носитель:визуальный, ст...
Левая правая и первая страницы
13.2.4 Левая, правая и первая страницы При печати двухсторонних документов страничные боксы левой и правой страниц должны различаться. Это можно обозначить с помощью двух псевдоклассов CSS, которы...
Содержимое вне страничного бокса
13.2.5 Содержимое вне страничного бокса При форматировании содержимого модели страницы, часть содержимого может выйти за границы страничного бокса. Например, элемент, чьё свойство 'white-space' им...
Разрывы страниц
В данном разделе разъясняется форматирование страниц в CSS2. Пять свойств указывают, где ПА может или должен разрывать страницы и на какой странице (левой или правой) должно выводиться последующее...
Разрывы перед/после элементов 'pagebreakbefore' 'pagebreakafter' 'pagebreakinside'
13.3.1 Разрывы перед/после элементов: 'page-break-before', 'page-break-after', 'page-break-inside' 'page-break-before' Значение:auto | always | avoid | left | right | inheritНачальное:auto Примен...
Использование именованных страниц 'page'
13.3.2 Использование именованных страниц: 'page' 'page' Значение:<identifier> | auto Начальное:auto Применяется:  к элементам уровня блока Наследуется:да Процентное:N/A Носитель...
Разрывы внутри элементов 'orphans' 'widows'
13.3.3 Разрывы внутри элементов: 'orphans', 'widows' 'orphans' Значение:<integer> | inheritНачальное:2 Применяется:к элементам уровня блока Наследуется:да Процентное:N/A Носитель:визуальн...
Допустимые разрывы страниц
13.3.4 Допустимые разрывы страниц При нормальном обтекании разрывы страниц могут появляться в следующих местах: На вертикальном поле между боксами блока. Если разрыв страницы появляется здесь, выч...
Форсированные разрывы страниц
13.3.5 Форсированные разрывы страниц Разрыв страницы обязан возникнуть в (1), если среди свойств 'page-break-after' и 'page-break-before' всех элементов, генерирующих боксы у данного поля, имеется...
"Наилучшие" разрывы страниц
13.3.6 "Наилучшие" разрывы страниц CSS2 не определяет, какой из наборов допустимых разрывов страниц обязан использоваться; CSS2 не запрещает ПАгенту делать разрыв в любой возможной точке...
Каскадирование в контексте страницы
Объявления в контексте страницыподчиняются каскаду так же, как и нормальные объявления CSS2. Пример(ы): @page { margin-left: 3cm; } @page :left { margin-left: 4cm; } Из-за более высокой специф...
Индекс свойств
Индекс свойствНазваниеЗначения Начальное значениеПрименяется: (По умолчанию:ко всем)НаследуетсяПроцентное (По умолчанию: N/A)Группа носителей'azimuth'<angle> | [[ left-side | far-left | lef...
Ссылки
СсылкиСодержаниеE.1 Нормативные ссылкиE.2 Информативные ссылки...
E Нормативные ссылки
[COLORIMETRY]"Colorimetry, Second Edition", CIE Publication 15.2-1986, ISBN 3-900-734-00-3.Находится на http://www.hike.te.chiba-u.ac.jp/ikeda/CIE/publ/abst/15-2-86.html. [CSS1]"Cas...
E Информативные ссылки
[CHARSETS] Зарегистрированные значения наборов символов. Загрузите список зарегистрированных значений наборов символов с ftp://ftp.isi.edu/in-notes/iana/assignments/character-sets. [DOM]"...
Приложение А Образец таблицы стиля для HTML
Приложение А: Образец таблицы стиля для HTML 4.0Данное приложение является информативным, но не нормативным. Эта таблица стилей описывает типичное форматирование для всех элементов HTML 4.0 ([HTML...
Селекторы
5. СелекторыСодержание5.1 Блоки символов для подстановки5.2 Синтаксис селектора5.2.1 Группирование5.3 Универсальный селектор5.4 Селекторы типа5.5 Селекторы потомков5.6 Селекторы дочерних э...
Блоки символов для подстановки
5.1 Блоки символов для подстановки В CSS правила совпадения символов определяют, какое правило стиля применить к элементам дерева документа. Такие блоки символов (патэрн), называемые селекторами,...
Синтаксис селектора
5.2 Синтаксис селектора Простой селектор - селектор типа или универсальный селектор, непосредственно после которого идёт ноль или более селекторов атрибутов, селекторов ID или псевдоклассов в люб...
Группирование
5.2.1 Группирование Если несколько селекторов используют общие объявления, то они могут быть сгруппированы в список с разделением запятыми. Пример(ы): Здесь три правила с идентичными объявлениями...
Универсальный селектор
5.3  Универсальный селектор     Универсальный селектор, записываемый "*", совпадает с именем любого типа элемента. Он совпадает с любым простым элементом в дерев...
Селекторы типа
5.4 Селекторы типа Селектор типа совпадает с именем типа элемента языка документа. Селектор типа совпадает с каждым вхождением типа элемента в дереве документа. Пример(ы): Следующее правило совпад...
Селекторы потомков
5.5 Селекторы потомков Авторам может понадобиться, чтобы селекторы совпадали с элементом, который является потомком другого элемента в дереве документа (например, "Совпадать с теми элементами...
Селекторы дочерних элементов
5.6 Селекторы дочерних элементов Селектор дочерних элементов совпадает, если элемент является дочерним относительно другого элемента. Селектор дочерних элементов состоит из двух или более селекто...
Смежные селекторыродственники
5.7 Смежные селекторы-родственники Смежные селекторы-родственники имеют следующий синтаксис: E1 + E2, где E2 является субъектом селектора. Селектор совпадает, если E1 и E2 имеют одного общего пред...
Селекторы атрибутов
5.8 Селекторы атрибутов CSS2 позволяет авторам специфицировать правила, которые определяют совпадение атрибутов, определённых в документе-источнике....
Совпадение атрибутов и их значений
5.8.1 Совпадение атрибутов и их значений Селекторы атрибутов могут совпадать четырьмя способами: [att]Если элемент устанавливает атрибут "att" с каким-либо значением атрибута. [att=val]...
Значения по умолчанию для атрибутов в ОТД
5.8.2 Значения по умолчанию для атрибутов в ОТД Совпадение происходит в значениях атрибутов в дереве документа. Для языков документа, отличных от HTML, значения по умолчанию для атрибутов могут оп...
Селекторы класса
5.8.3 Селекторы класса В таблицах стилей, используемых в HTML, авторы могут употреблять точку (.) как альтернативу "~=" при совпадении с атрибутом "class". Таким образом, в HT...
Селекторы ID
5.9 Селекторы ID Языки документов могут содержать атрибуты, которые объявлены как имеющие тип ID. Особенностью атрибутов типа ID является то, что они могут иметь одно значение; независимо от языка...
Псевдоэлементы и псевдоклассы
5.10 Псевдоэлементы и псевдоклассы В CSS2 стиль обычно присоединяется к элементу на базе его позиции в дереве документа. Этой простой модели во многих случаях достаточно, но некоторые обычные сцен...
Псевдоклассы
5.11 Псевдоклассы...
Псевдокласс firstchild
5.11.1 Псевдокласс :first-child   Псевдокласс :first-child совпадает с элементом, являющимся первым дочерним элементом какого-либо другого элемента. Пример(ы):Здесь селектор совпадает с любым...
Псевдоклассы гиперссылки link и visited
5.11.2 Псевдоклассы гиперссылки: :link и :visited ПА обычно отображают непосещённые гиперссылки иначе, чем посещённые. CSS имеет псевдоклассы ':link' и ':visited' для этих случаев: Псевдокласс :l...
Динамические псевдоклассы hover active и focus
5.11.3 Динамические псевдоклассы: :hover, :active и :focus Интерактивные ПА иногда изменяют представление в ответ на действия пользователя. CSS имеет три псевдокласса для общих случаев: Псевдокла...
Псевдокласс языка lang
5.11.4 Псевдокласс языка  :lang Если язык документа специфицирует, как определяется человеческий язык, то становится возможным записывать селекторы CSS, которые совпадают с элементом, на базе...
Псевдоэлементы
5.12 Псевдоэлементы...
Псевдоэлемент firstline
5.12.1 Псевдоэлемент :first-line Псевдоэлемент :first-line применяет специальный стиль к первой форматированной строке параграфа. К примеру: P:first-line { text-transform: uppercase } Это правило...
Псевдоэлемент firstletter
5.12.2 Псевдоэлемент :first-letter Псевдоэлемент :first-letter можно использовать для "начальных заглавных" и "зависающих заглавных", которые являются распространёнными типогр...
Иллюстрация
Иллюстрация 1[D] Последовательность фиктивных тэгов такова: <P> <SPAN> <P:first-letter> T </P:first-letter>he first </SPAN> few words of an article in the Economist....
Иллюстрация
Иллюстрация 2   [D] Псевдоэлемент :first-letter совпадает только с частью элементов уровня блока. В некоторых языках могут быть специфические правила рассмотрения определённых сочет...
Псевдоэлементы before и after
5.12.3 Псевдоэлементы :before и :after Псевдоэлементы ':before' и ':after' можно использовать для вставки генерируемого содержимого до или после содержимого элемента. Они разъясняются в разделе г...
Синтаксис CSS и базовые типы данных
4. Синтаксис CSS2 и базовые типы данныхСодержание4.1 Синтаксис4.1.1 Лексический разбор4.1.2 Ключевые слова4.1.3 Символы и регистр4.1.4 Операторы4.1.5 at-правила (at-rules)4.1.6 Блоки4.1.7 Наборы...
Синтаксис
В этом разделе описывается грамматика (и правила вперёд-совместимого разбора), общие для любой версии CSS (включая CSS2). Будущие версии CSS будут придерживаться этого ядра синтаксиса, хотя и могу...
Лексический разбор
4.1.1 Лексический разбор Все уровни CSS - уровень 1, уровень 2 и любые будущие уровни - используют одно ядро синтаксиса. Это позволяет пользовательским агентам (ПА) разбирать (хотя и не полностью...
Ключевые слова
4.1.2 Ключевые слова Ключевые слова имеют форму идентификаторов. Ключевые слова обязаны не размещаться между кавычками ("..." или '...'). Таким образом, red это ключевое слово, а  &...
Символы и регистр
4.1.3 Символы и регистр Следующие правила всегда соблюдаются: Все таблицы стилей CSS нечувствительны к регистру, за исключением тех частей, которые не контролируются CSS. Например, чув...
Операторы
4.1.4 Операторы Таблица стилей любой версии CSS состоит из списка операторов(см. грамматику выше). Есть два вида операторов: at-правила и наборы правил. Вокруг операторов могут быть пробелы.В данн...
Atправила (atrules)
4.1.5 at-правила (at-rules) At-правила начинаются at-ключевым словом, символом '@', сразу после которого следует идентификатор (например, '@import', '@page').At-правило состоит из вышеназванного и...
Блоки
4.1.6 Блоки Блок начинается с левой фигурной скобки ({) и заканчивается парной правой скобкой (}). Между ними могут находиться любые символы, кроме скобок (()), квадратных скобок ([ ]) и фиг...
Наборы правил блоки объявлений и селекторы
4.1.7 Наборы правил, блоки объявлений и селекторы Набор правил (называемый также "правило") состоит из селектора с последующим блоком объявлений. Блок объявлений (называемый также в посл...
Объявления и свойства
4.1.8 Объявления и свойства Объявление может быть пустым или состоять из свойства с последующими двоеточием (:) и значением. Вокруг каждого из них могут быть пробелы.В зависимости от способа раб...
Комментарии
4.1.9 Комментарии Комментарии начинаются символом "/*" и заканчиваются символом "*/". Они могут появляться в любом месте между лексемами, и их содержимое не влияет на представл...
Правила обработки ошибок грамматического разбора
В некоторых случаях ПА обязан игнорировать часть неверной таблицы стилей. В этой спецификации игнорирует означает, что ПА разбирает неверную часть (чтобы определить её начало и конец), но действуе...
Целые и вещественные числа
4.3.1 Целые и вещественные числа Значения некоторых типов могут принимать целые (обозначенные <integer>) или реальные числа (обозначенные <number>). Реальные и целые числа специфицирую...
Размеры
4.3.2 Размеры Размеры имеют отношение к горизонтальным и вертикальным измерениям.Формат значения размера (обозначаемого в этой спецификации <length>) - это необязательный символ знака ('+' и...
Иллюстрация
Иллюстрация 1   [D] На втором рисунке область 1px на 1px закрывается одной точкой устройства с низким разрешением (экран компьютера), и та же самая область покрывается 16-ю точками...
Процентные значения
4.3.3 Процентные значения Формат процентного значения (обозначаемого в этой спецификации <percentage>) - это необязательный знак ('+' или '-', с '+' по умолчанию), сразу за которым следует...
URL + URN = URI
4.3.4 URL + URN = URI URL (Uniform Resource Locator, см. [RFC1738]и [RFC1808]), предоставляет адрес ресурса Web. Ожидается появление нового способа идентификации ресурсов, называемого URN (Uniform...
Счётчики
4.3.5 Счётчики Счётчики обозначаются идентификаторами (см. свойства 'counter-increment' и 'counter-reset'). Чтобы обратиться к значению счётчика, используется обозначение 'counter(<identifier&g...
Цвета
4.3.6 Цвета <color> это или предопределённое слово, или числовая спецификация RGB.Список названий цветов: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, si...
Угловые значения
4.3.7 Угловые значенияУгловые значения (обозначаемые в тексте <angle>) используются со звуковыми таблицами стилей.Их формат -  необязательный знак ('+' или '-', с '+' по умолчанию), сра...
Время
4.3.8 Время Временные значения (обозначаемые в тексте <time>) используются со звуковыми таблицами стилей. Их формат: <number>, сразу за которым идёт идентификатор единиц измерения врем...
Частоты
4.3.9 Частоты Значения частот (обозначаемые в тексте <frequency>) используются со звуковыми каскадными таблицами стилей. Их формат: <number>, сразу за которым идёт идентификатор единиц...
Строки
4.3.10  Строки Строки могут записываться в двойных или одинарных кавычках. Двойные кавычки не могут появляться внутри двойных кавычек, если только они не вводятся с помощью escape-последовате...
Представление документа CSS
Таблица стилей CSS это последовательность символов из Universal Character Set/Универсального Набора Символов (см. [ISO10646]). Для передачи и хранения эти символы обязаны кодироваться в кодировке...
Мнемоники символов не представленных в кодировке символов
4.4.1 Мнемоники символов, не представленных в кодировке символов Таблице стилей может понадобиться обратиться к символам, которые невозможно представить в текущей кодировке символов. Эти символы о...
Таблицы
17. ТаблицыСодержание17.1 Введение17.2 Табличная модель CSS17.2.1 Анонимные объекты таблицы17.3 Селекторы столбцов17.4 Таблицы в модели визуального форматирования17.4.1 Позиция и выравнивание заго...
Введение
17.1 Введение Таблицы представляют взаимоотношения между данными. Авторы специфицируют эти взаимоотношения на языке документа и их представление в CSS двумя способами - визуально и звуком.Авторы м...
Табличная модель CSS
Табличная модель CSS базируется на табличной модели HTML 4.0, структура таблиц которой почти параллельна визуальному представлению. В данной модели таблица состоит из необязательного заголовка и л...
Анонимные объекты таблицы
17.2.1 Анонимные объекты таблицы Языки документов, кроме HTML, могут не иметь всех элементов табличной модели CSS2. В таких случаях "отсутствующие" элементы обязаны учитываться, для тог...
Селекторы столбцов
17.3 Селекторы столбцов Ячейки таблиц могут принадлежать к двум контекстам: рядам и столбцам. Однако в документе-источнике ячейки являются потомками рядов и никогда - столбцов. Несмотря на это, не...
Таблицы в модели визуального форматирования
17.4 Таблицы в модели визуального форматирования В терминах модели визуального форматирования поведение таблицы может быть похожим на элемент уровня блока или замещаемый элемент инлайн-уровня. У т...
Иллюстрация
Иллюстрация 1[D] Диаграмма таблицы с заголовком вверху; нижнее поле заголовка сжато вместе с верхним полем таблицы....
Позиция и выравнивание заголовка
17.4.1 Позиция и выравнивание заголовка 'caption-side' Значение:top | bottom | left | right | inheritНачальное:top Применяется:  к элементам 'table-caption' Наследуется:да Процентное:...
Иллюстрация
Иллюстрация 2[D] Диаграмма показывает центрированную таблицу с заголовком, растянутую в левое поле как результат негативного значения свойства 'margin-left'....
Вид содержимого таблицы
17.5 Вид содержимого таблицы Подобно другим элементам языка таблицы, внутренние элементы таблицы генерируют прямоугольные боксы с содержимым, заполнением и рамками. Однако они не имеют полей.Визуа...
Иллюстрация
Иллюстрация 3[D] Слева - возможное представление ошибочной таблицы HTML 4.0; справа - единственно возможное форматирование такой же не-HTML таблицы....
Слои и прозрачность таблицы
17.5.1 Слои и прозрачность таблицы Для того, чтобы найти фон для каждой ячейки таблицы, различные элементы таблицы можно представить себе как состоящие из шести накладывающихся слоёв. Фон, установ...
Иллюстрация
Иллюстрация 4[D] Схема слоёв таблицы. Самый нижний слой - цельный, представляющий весь бокс таблицы. Подобно другим боксам, он может быть прозрачным.Следующий слой содержит группы столбцов. Групп...
Иллюстрация
Иллюстрация 5   [D]Таблица с тремя пустыми ячейками в нижнем ряду....
Алгоритмы ширины таблицы свойство 'tablelayout'
17.5.2 Алгоритмы ширины таблицы: свойство 'table-layout' CSS не определяет "оптимальный" вид таблицы, поскольку во многих случаях это дело вкуса. CSS не определяет ограничения того, как...
Алгоритм фиксированного вывода
Алгоритм фиксированного вывода В этом (быстром) алгоритме горизонтальный вывод таблицы не зависит от содержимого ячеек; он зависит только от ширины таблицы, ширины столбцов и от рамок и заполнени...
Автоматический вывод таблицы
Автоматический вывод таблицы В этом алгоритме (требующем обычно не более двух шагов), ширина таблицы определяется шириной её столбцов (и промежуточных рамок). Этот алгоритм отражает поведение нек...
Алгоритмы высоты таблицы
17.5.3 Алгоритмы высоты таблицы Высота таблицы задаётся свойством 'height' элемента 'table' или 'inline-table'. Значение 'auto' устанавливает, что высота является суммой высоты рядов плюс заполнен...
Иллюстрация
Иллюстрация 6   [D] Диаграмма показывает действие различных значений 'vertical-align' в ячейках таблицы. Боксы ячеек 1 и 2 выровнены по их базовым линиям. Бокс ячейки 2 имеет бoльш...
Горизонтальное выравнивание в столбце
17.5.4 Горизонтальное выравнивание в столбце Горизонтальное выравнивание содержимого ячейки в боксе ячейки специфицируется свойством 'text-align'.Если значение свойства 'text-align' для более чем...
Динамические эффекты рядов и столбцов
17.5.5 Динамические эффекты рядов и столбцов Свойство 'visibility' принимает значение 'collapse' для элементов ряда, группы рядов, столбца и группы столбцов. Это значение вызывает удаление целого...
Рамки
17.6 Рамки Имеются две различные модели установки рамок ячейки таблицы в CSS. Одна больше подходит для так называемых раздельных рамок вокруг отдельных ячеек, другая подходит для рамок, которые пр...
Модель раздельных рамок
17.6.1 Модель раздельных рамок 'border-spacing' Значение:<length> <length>? | inheritНачальное:0 Применяется:  к элементам 'table' и 'inline-table' Наследуется:да Процентн...
Иллюстрация
Иллюстрация 7[D]Таблица с 'border-spacing', установленным в значение размера. Заметьте, что у каждой ячейки имеется своя собственная рамка, а таблица также имеет отдельную рамку....
Обрамление пустых ячеек свойство 'emptycells'
Обрамление пустых ячеек: свойство 'empty-cells' 'empty-cells' Значение:show | hide | inheritНачальное:show Применяется:  к элементам 'table-cell' Наследуется:да Процентное:N/A Носит...
Модель сжимающихся рамок
17.6.2 Модель сжимающихся рамок В модели сжимающихся рамок имеется возможность специфицировать рамки, окружающие все или часть ячеек, рядов, групп рядов, столбцов и групп столбцов. Рамки для атриб...
Иллюстрация
Иллюстрация 8[D] Схема показывает размеры ширины ячеек и рамок и заполнение ячеек. Обратите внимание, что в этой модели ширина таблицы включает половину ширины рамки таблицы. Также в этой модели...
Разрешение конфликтов рамок
Разрешение конфликтов рамок В модели сжимающихся рамок, рамки каждого края каждой ячейки могут быть специфицированы свойствами рамки различных элементов, находящихся у этого края (ячеек, рядов, г...
Иллюстрация
Иллюстрация 9[D]Пример таблицы со сжимающимися рамками. Пример(ы): В следующем примере показана таблица с горизонтальными линиями между рядами. Верх рамки таблицы установлен в 'hidden', чтобы...
Иллюстрация
Иллюстрация 10   [D] Таблица с горизонтальными линиями между рядами. В этом случае того же эффекта можно достичь без установки рамки 'hidden' в TABLE: путём адресации первого ряд...
Иллюстрация
Иллюстрация 11[D] Таблица с двумя пропущенными внутренними рамками. HTML-источник: <TABLE style="border-collapse: collapse; border: solid;"> <TR><TD style="border-ri...
Стили рамок
17.6.3 Стили рамок Некоторые значения 'border-style' имеют в таблице иной смысл в сравнении с другими элементами. В следующем списке они помечены звёздочкой. noneНет рамки. *hiddenТо же, что 'none...
Звуковое представление таблиц
17.7 Звуковое представление таблицКогда таблица читается синтезатором речи, отношения между ячейками данных и заголовочными ячейками обязаны быть выражены иначе, чем отношения вертикального и гори...
Говорящие заголовки свойство 'speakheader'
17.7.1 Говорящие заголовки: свойство 'speak-header' 'speak-header' Значение:once | always | inheritНачальное:once Применяется:к элементам. имеющим информацию "шапки" таблицы Наслед...
Иллюстрация
Иллюстрация 12   [D]Изображение таблицы с заголовочными ячейками ("San Jose" и "Seattle"), которые не находятся в одном столбце или ряде с данными, к которым они...
Текст
16. ТекстСодержание16.1 Отступы: свойство 'text-indent' 16.2 Выравнивание: свойство 'text-align' 16.3 Декоративные эффекты16.3.1 Подчёркивание, надчёркивание, перечёркивание и мигание: свойст...
Отступы свойство 'textindent'
'text-indent' Значение:<length> | <percentage> | inheritНачальное:0 Применяется:к элементам уровня блока Наследуется:да Процентное:относительно ширины содержащего блока Носитель:в...
Выравнивание свойство 'textalign'
'text-align' Значение:left | right | center | justify | <string> | inheritНачальное:зависит от ПА и направления письма Применяется:  к элементам уровня блока Наследуется:да Пр...
Подчёркивание надчёркивание перечёркивание и мигание свойство 'textdecoration'
16.3.1 Подчёркивание, надчёркивание, перечёркивание и мигание: свойство 'text-decoration' 'text-decoration' Значение:none | [ underline || overline || line-through || blink ] | inheritНачальное:n...
Оттенение текста свойство 'textshadow'
16.3.2 Оттенение текста: свойство 'text-shadow' 'text-shadow' Значение:none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length>...
Иллюстрация
Иллюстрация 1[D] Примечание. Это свойство не определено в CSS1. Некоторые эффекты оттенения (такие как в последнем примере) могут делать текст невидимым в ПА, поддерживающих только CSS1....
Расстояния между буквами и словами свойства 'letterspacing' и 'wordspacing'
'letter-spacing' Значение:normal | <length> | inheritНачальное:normal Применяется:  ко всем элементам Наследуется:да Процентное:N/A Носитель:визуальный Это свойство специфициру...
Капитализация свойство 'texttransform'
'text-transform' Значение:capitalize | uppercase | lowercase | none | inheritНачальное:none Применяется:ко всем элементам Наследуется:да Процентное:N/A Носитель:визуальный Это свойство управля...
Пробел свойство 'whitespace'
'white-space' Значение:normal | pre | nowrap | inheritНачальное:normal Применяется:  к элементам уровня блока Наследуется:да Процентное:N/A Носитель:визуальный Это свойство объявляет...
Интерфейс пользователя
18. Интерфейс пользователяСодержание18.1 Курсоры: свойство 'cursor' 18.2 Предпочтительные цвета пользователя18.3 Предпочтительные шрифты пользователя18.4 Динамические контуры: свойство 'outlin...
Курсоры свойство 'cursor'
'cursor'Значение:[ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ]...
Предпочтительные цвета пользователя
В дополнение к возможности устанавливать предопределённые значения цветов для текста, фона, и т.д., CSS2 позволяет авторам специфицировать цвета таким образом, чтобы интегрировать их в графическую...
Предпочтительные шрифты пользователя
Как и с цветами, авторы могут специфицировать шрифты так, чтобы использовать системные ресурсы пользователя. См. детали в свойстве 'font'....
Динамические контуры свойство 'outline'
18.4 Динамические контуры: свойство 'outline' Иногда авторам таблиц стилей может понадобиться создать контуры вокруг визуальных объектов, таких как кнопки, активные поля формы, карты изображений...
Контуры и фокус
18.4.1 Контуры и фокус Графические интерфейсы пользователя могут использовать контуры вокруг элементов, чтобы сообщать пользователю, какой элемент страницы имеет фокус. Эти контуры дополняют рамки...
Увеличение
Рабочая группа CSS считает, что увеличение документа или его части не должно специфицироваться через таблицы стилей. ПА могут поддерживать такое увеличение разными путями (например, увеличивать из...
Модель визуального форматирования Детали
10. Модель визуального форматирования. Детали. Содержание10.1 Определение "содержащего блока"10.2 Ширина содержимого: свойство 'width' 10.3 Вычисление ширины и полей10.3.1 Инлайн,...
Определение "содержащего блока"
Позиция и размер бокса(ов) элемента иногда вычисляются относительно определённого прямоугольника, называемого содержащий блок элемента.Содержащий блок элемента определяется так: Содержащий блок (н...


Начало


Книжный магазин