Согласно стандарту CSS2 броузер должен помещать содержимое, сгенерированное в соответствии с таблицами стилей, до или после обычного HTML/XHTML содержимого элемента, в результате чего сгенерированное содержимое становится составной частью содержимого элемента. Этот подход неприемлем для нумерованных списков, где номер должен появляться отдельно от содержимого пункта списка. Чтобы добиться этого, добавьте в генерируемое содержимое свойство display и установите его в специальное значение marker. Чтобы сделать наш пример с вложенными нумерованными списками безупречным, установим следующие правила: читать далее
В счетчиках мало пользы, если вы не показываете их значения в своих документах. Вывод значений не происходит автоматически. Чтобы в документе появился счетчик, вызовите функции counter() и counters(), которые являются специальными значениями свойства content.
Для функции значения counter() вы должны указать в скобках имя счетчика и при желании спецификацию формата. Броузер выведет значение указанного счетчика в составе генерируемого содержимого в заданном формате. Форматом может быть любой списковый формат, принимаемый свойством list-style-type. читать далее
Вы можете создавать простейшие нумерованные списки в HTML и XHTML с помощью элемента <ol>. Однако чуть более сложные списки, например, вложенные нумерованные, создать в языках разметки уже нельзя. Зато стандарт CSS2 вводит понятие счетчика, значение которого может быть установлено и изменено, когда броузер выводит ваш документ. Вставьте значение счетчика с помощью специальных функций, известных свойству content, и измените формат и внешний вид счетчика с помощью других CSS2-свойств. читать далее
Кавычки вставляются с помощью значений open-quote и close-quote свойства content, а их внешний вид определяется свойством quotes.
В качестве значения этого свойства следует указать одну или несколько пар строк. Первая пара определяет открывающие и закрывающие кавычки самого внешнего уровня цитирования в вашем документе. Следующая пара определяет следующий уровень и т. д. Если уровень цитирования превысит указанное количество параметров, броузер выберет пару для самого внешнего уровня. Заметим, что, хотя во многих языках для обозначения цитат используются односимвольные открывающие и закрывающие кавычки, вы можете для этой цели указать строки произвольной длины. читать далее
Свойство content принимает широкий набор значений, от простых строк до автоматических счетчиков. Вы можете включить в состав свойства content любое количество этих значений, разделив их запятыми. Броузер конкатенирует их, формируя одно значение, которое затем вставляет в документ.
Простейшим значением свойства content является строка в кавычках. В такую строку нельзя включать разметку HTML или XHTML. Для генерирования специального текста следует пользоваться escape-последовательностями (например, \A генерирует перевод строки). читать далее
Псевдоэлементы :before и :after работают аналогичным образом. Добавьте любой из них к селектору «стиль-элемент», чтобы выбрать и специфицировать смысл и свойства
генерируемого содержимого. Вообще говоря, любое содержимое, сгенерированное в пределах этих псевдоэлементов, наследует атрибуты внешности элемента родителя, так что шрифты, размер и цвета, применяемые к элементу, применяются и к его сгенерированному содержимому. Например: читать далее
Компоновка таблицы всегда представляет сложную задачу для броузера. Чтобы вывести красивую таблицу, броузер должен найти самую широкую ячейку в каждом столбце и отрегулировать ширину столбца, а затем и всей таблицы. В случае большой таблицы вывод документа может сильно замедлиться, если броузер совершает несколько проходов по таблице, пытаясь настроить все размеры.
Чтобы облегчить броузеру эту задачу, пользуйтесь свойством table-layout. Если вы установите его в значение fixed, броузер определит ширину каждого столбца по ширине соответствующей ячейки в первой строке таблицы. Если вы явно укажете ширину столбцов, установка свойства table-layout в значение fixed даже ускорит процесс вывода
таблицы, что, конечно, в интересах пользователей, просматривающих ваш документ. читать далее
Броузеры с функцией аудиовоспроизведения предлагают пользователям целый ряд способов навигации, основанных на озвучивании содержимого таблицы. Простейший подход заключается в том, чтобы броузер читал содержимое таблицы по порядку, сверху вниз и справа налево. Более сложный аудиоброузер организует содержимое таблицы
согласно заголовкам и читает информацию более понятным образом. Чтобы избежать путаницы, броузер должен в любом случае как-то сообщать пользователю, содержимое какой ячейки он читает. читать далее
Используйте свойство caption-side только с элементом <caption>. Оно принимает значения top (по умолчанию), bottom, left и right и сообщает, как расположить заголовок по отношению к таблице. Свойство caption-side предоставляет более удачный способ размещения заголовка таблицы, чем атрибут align тега <caption>, который зависит от броузера и объявлен нежелательным.
Все популярные броузеры, кроме Internet Explorer, поддерживают свойство caption-side.
Существуют две разных точки зрения на границы ячеек таблицы. Согласно первой, каждая ячейка является независимой сущностью со своими собственными границами. Вторая точка зрения сводится к тому, что соседние ячейки имеют общую границу и изменение границы одной ячейки неизбежно влияет на границу другой.
Чтобы предоставить авторам максимальный контроль, CSS2 определяет свойство border-collapse, позволяющее каждому составителю документов выбрать модель по вкусу. Значением этого свойства по умолчанию является collapse, которое заставляет соседние ячейки делить друг с другом общую границу. Альтернативным значением свойства
border-collapse является separate. Оно расширяет таблицу так, что границы каждой ячейки выводятся отдельно и отчетливо. читать далее