Броузеры с функцией аудиовоспроизведения предлагают пользователям целый ряд способов навигации, основанных на озвучивании содержимого таблицы. Простейший подход заключается в том, чтобы броузер читал содержимое таблицы по порядку, сверху вниз и справа налево. Более сложный аудиоброузер организует содержимое таблицы
согласно заголовкам и читает информацию более понятным образом. Чтобы избежать путаницы, броузер должен в любом случае как-то сообщать пользователю, содержимое какой ячейки он читает. читать далее
Используйте свойство caption-side только с элементом <caption>. Оно принимает значения top (по умолчанию), bottom, left и right и сообщает, как расположить заголовок по отношению к таблице. Свойство caption-side предоставляет более удачный способ размещения заголовка таблицы, чем атрибут align тега <caption>, который зависит от броузера и объявлен нежелательным.
Все популярные броузеры, кроме Internet Explorer, поддерживают свойство caption-side.
Существуют две разных точки зрения на границы ячеек таблицы. Согласно первой, каждая ячейка является независимой сущностью со своими собственными границами. Вторая точка зрения сводится к тому, что соседние ячейки имеют общую границу и изменение границы одной ячейки неизбежно влияет на границу другой.
Чтобы предоставить авторам максимальный контроль, CSS2 определяет свойство border-collapse, позволяющее каждому составителю документов выбрать модель по вкусу. Значением этого свойства по умолчанию является collapse, которое заставляет соседние ячейки делить друг с другом общую границу. Альтернативным значением свойства
border-collapse является separate. Оно расширяет таблицу так, что границы каждой ячейки выводятся отдельно и отчетливо. читать далее
Хотя можно приложить свойства списков к любому элементу, они подействуют только на те элементы, для которых свойство display имеет значение list-item. Обычно единственным тегом, удовлетворяющим такому условию, является тег <li>.
Однако это не должно оттолкнуть вас от использования подобных свойств где либо еще, особенно с тегами <ul> и <ol>. Поскольку они наследуются от родительских элементов, в которых были установлены, модифицируя свойства списков для тегов <ol> и <ul>, вы модифицируете их и для тегов <li>, содержащихся в соответствующем списке. Это значительно облегчает создание списков с определенным внешним видом. читать далее
Свойство list-style – это компактная версия для всех других характеристик стиля списков. Оно принимает любые значения, допустимые для свойств list-style-type, list-style-position и list-style-image, которые можно указывать в произвольном порядке, применяя значения,
подходящие для типа списка, на который они действуют. Вот допустимые объявления свойства list-style:
li {list-style: disc}
li {list-style: lower-roman-inside}
li {list-style:
url(http://www.site.ru/images/tiny-quat.gif) square} читать далее
Свойство list-style-type выполняет двойную задачу в том смысле, что определяет способ, которым выводятся элементы как упорядоченных, так и неупорядоченных списков броузерами, поддерживающими стили. Оно действует на элементы списков так же, как атрибут type.
Свойство list-style-type применяется к элементам неупорядоченного списка и принимает одно из четырех значений: disc, circle, square или none. Броузер помечает элемент списка одним из этих маркеров. По умолчанию для элементов самого внешнего списка принимается значение disc; броузеры изменяют применяемое по умолчанию значение
в зависимости от глубины вложения списка. читать далее
Существует два способа разместить маркер, ассоциированный с элементом списка, – внутри связанного с элементом блока или за его пределами. В соответствии с этим свойство list-style-position допускает одно из двух значений: inside или outside.
По умолчанию принимается outside, означающее, что маркер будет висеть слева от элемента примерно так:
• Это маркированный список
с маркером «outside»
Значение inside «вдвигает» маркер в элемент списка, который обтекает его примерно так же, как текст обтекает плавающее изображение:
• Это маркированный список
с маркером «inside»
Отметьте, что вторая строка текста выводится без отступа и выравнивается по левому краю маркера.
Текущие версии популярных броузеров полностью поддерживают свойство list-style-position.
Свойство list-style-image определяет изображение, которым броузер будет отмечать элемент списка. Значением этого свойства служит URL файла с изображением или ключевое слово none, принимаемое по умолчанию.
Такое изображение будет маркером, предваряющим содержимое пунктов списка. Если оно доступно, броузер отобразит его вместо любого другого иначе определенного маркера. Если изображение недоступно или пользователь отключил его автоматическую загрузку, будет применяться маркер, определенный свойством list-style-type.
Авторы могут употреблять свойство list-style-image для определения типовых маркеров своих неупорядоченных списков. Хотя допустимо использование любых изображений в качестве маркеров, мы рекомендуем применять GIF- или JPEG-изображения небольшого размера, чтобы гарантировать привлекательный вид ваших списков.
К примеру, если вы хотите употребить в качестве маркера изображение из файла mybullet.gif, хранящегося на вашем сервере, можно написать:
li {list-style-image: url(pics/mybullet.gif); list-style-type: square}
В этом случае изображение будет использовано, если броузер успешно загрузит mybullet.gif. Иначе применяется традиционный квадратный маркер.
Свойство overflow сообщает броузеру, как поступить с содержимым, переполняющим область вывода элемента. Значением этого свойства по умолчанию является visible. Оно предписывает броузеру выводить все содержимое, даже если оно не умещается в область, отведенную под элемент.
Не заботясь о последствиях, авторы веб документов обычно хотят выводить все содержимое. Однако в редких случаях элементы могут накладываться друг на друга, создавая довольно некрасивую картину. Чтобы предотвратить подобные неприятности, установите свойство overflow в значение hidden, scroll и auto.
Значение hidden заставляет броузер прятать все содержимое, выходящее за дозволенные границы, то есть делает эту часть содержимого невидимой для пользователя. Значение scroll приводит к созданию полос прокрутки, позволяющих пользователю просматривать скрытое содержимое. Правда, полосы прокрутки появятся, даже если содержимое не переполняет область элемента.
Добавление постоянных полос прокрутки гарантирует, что они не будут то исчезать, то появляться по мере того, как изменяется размер элемента в динамическом документе. Отрицательной стороной такого решения является визуальная «замусоренность» страницы, порождаемая полосами прокрутки, которые отвлекают читателя от докумен
та. Чтобы избежать всего этого, установите свойство overflow в значение auto. Когда задано значение auto, полосы прокрутки появляются только в случае необходимости. Если содержимое элемента изменяется так, что он больше не усекается, полосы прокрутки удаляются.
Подобно свойствам полей, различные свойства подложки (padding) позволяют управлять присущим ей пространством вокруг элемента, пространством между ядром элемента и его рамкой. Подложка всегда отображается с использованием цвета фона или фонового изображения. В результате определять можно только ее размеры; цвета и стиля у нее нет.
Свойства padding-left, padding-right, padding-top, padding-bottom принимают в качестве значений либо длины, либо процентные значения, указывая пространство, которое поддерживающий стили броузер должен оставить вокруг элемента. Процентные значения берутся в отношении к ширине охватывающего элемента. Подложка не может быть
отрицательной. По умолчанию подложка отсутствует.
Вот допустимые установки для ее размеров:
p {padding-left: 0.5cm}
img {padding-left: 10%}
Первый пример создает полусантиметровый отступ между содержимым тега <p> и его левой рамкой. Второй пример формирует подложку слева от тега <img> шириной в десять процентов от ширины родительского элемента.
Так же как и «скорые на руку» margin и border, можно использовать свойство padding для определения размеров подложки со всех четырех сторон, приписывая ему от одного до четырех значений. Свойство padding не поддерживает Internet Explorer, и в этом он расходится с остальными броузерами.