Положение и выравнивание заголовка

Положение и выравнивание заголовка

Первым в данном разделе рассмотрим свойство caption-side. Оно определяет положение поля заголовка относительно поля таблицы. Вот список его значений, указывающих, что поле заголовка располагается:

• top – над полем таблицы;

• bottom – ниже поля таблицы;

• left – слева от поля таблицы;

• right – справа от поля таблицы.

Заголовки, расположенные ниже или выше элемента TABLE, форматируются подобно элементам блока, находящимся ниже или выше таблицы, с тем исключением, что они:

• наследуют наследуемые свойства таблицы;

• не считаются блоками для элементов compact или run-in, которые могут предшествовать таблице.

Заголовок, находящийся ниже или выше поля таблицы, действует как блок для вычисления ширины; она вычисляется относительно ширины содержащего блока таблицы.

Для заголовка, располагающегося в правой или левой части поля таблицы, значение свойства width, отличное от auto, явным образом устанавливает ширину, в то время как значение auto предписывает браузеру выбрать ширину самому. Значение, выбранное браузером автоматически, может колебаться от «самого узкого блока» до «одной строки», поэтому рекомендуется не указывать значение auto для установки ширины левого и правого заголовка.

Для выравнивания содержимого заголовка по горизонтали внутри поля заголовка используйте свойство text-align. Для вертикального выравнивания левого и правого блока заголовка относительно блока таблицы используйте свойство vertical-align. В этом случае смысл имеют только значения top, middle и bottom. Все другие значения данного свойства будут трактоваться браузером как top.

Чтобы лучше разобраться с данным свойством, рассмотрим пример.

caption {

caption-side: bottom;

width: auto;

text-align: left

}

В этом примере свойство caption-side определяет расположение заголовка под таблицей. Заголовок может иметь ширину родительского элемента таблицы, а текст заголовка будет выровнен по левому краю.

Теперь рассмотрим более сложный пример.

body {

margin-left: 8em

}

table {

margin-left: auto;

margin-right: auto

}

caption {

caption-side: left;

margin-left: -8em;

width: 8em;

text-align: right;

vertical-align: bottom

}

В этом примере показан способ помещения заголовка в левое поле. Таблица выровнена по центру за счет задания для левого и правого полей значения auto, а весь блок с таблицей и заголовком сдвинут в левое поле на расстояние, равное ширине заголовка.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

ТЕМА НОМЕРА: Осадное положение

Из книги Журнал «Компьютерра» № 35 от 26 сентября 2006 года автора Журнал «Компьютерра»

ТЕМА НОМЕРА: Осадное положение Авторы: Андрей Васильков, Бойцев, ОлегЕсли бы участие человека в войнах можно было бы исключить, идеалы хиппи были бы воплощены в жизнь еще много столетий назад. Однако, несмотря на все ухищрения технического прогресса, победу в войне за свою


Создание и изменение заголовка

Из книги Microsoft Office автора Леонтьев Виталий Петрович

Создание и изменение заголовка У вас есть красивая таблица и самый обычный заголовок. Конечно, начертание, размер и цвет шрифта вы можете изменить при помощи известных по Word операций. А как выровнять заголовок относительно самой таблицы? Кнопки выравнивания по краям,


8.2.4.3.1 Общее положение

Из книги Информационная технология ПРОЦЕСС СОЗДАНИЯ ДОКУМЕНТАЦИИ ПОЛЬЗОВАТЕЛЯ ПРОГРАММНОГО СРЕДСТВА автора Автор неизвестен


Замена заголовка

Из книги Тонкости реестра Windows Vista. Трюки и эффекты автора Клименко Роман Александрович

Замена заголовка Возможности реестра позволяют изменить стандартный заголовок окна Почта Windows (версии 5.0 и 6.0) на произвольный. Для этого в разделе реестра HKEY_CURRENT_USERSoftwareMicrosoftWindows Mail необходимо создать строковый параметр WindowTitle, значением которого будет требуемый текст. В


§ 4.3 Заполнение заголовка книги

Из книги Создание электронных книг в формате FictionBook 2.1: практическое руководство [Release 1.01 от 28.II.2010 г.] автора Кондратович Михаил Иосифович

§ 4.3 Заполнение заголовка книги Перед тем, как приступить к набору или редактированию текста книги необходимо заполнить описание книги — Description.Это описание нужно, в первую очередь, для корректной работы библиотечного софта, но может быть интересно и читателю.Режим


6.17 Пример заголовка IP

Из книги TCP/IP Архитектура, протоколы, реализация (включая IP версии 6 и IP Security) автора Фейт Сидни М


12.16.1 Секция заголовка

Из книги Справочник по PHP автора

12.16.1 Секция заголовка Секция заголовка содержит поля, представленные в таблице 12.2.Таблица 12.2 Поля заголовка сообщения DNS Поле Описание ID Идентификатор Служит для согласования запроса и ответа. Parameters Параметры: Запрос или ответ. Обычный или обратный


22.6 Формат заголовка IPv6

Из книги Этюды для программистов [неполностью, главы 1–24] автора Уэзерелл Чарлз

22.6 Формат заголовка IPv6 Основной заголовок очень прост (см. рис. 22.2) и имеет немного полей: Version Версия. Равна 6 для IP следующего поколения. Priority Приоритет. Дифференцирует конкретное взаимодействие из общего трафика или определяет последовательность отбрасывания во время


22.7.1 Использование заголовка Routing

Из книги Firebird РУКОВОДСТВО РАЗРАБОТЧИКА БАЗ ДАННЫХ автора Борри Хелен

22.7.1 Использование заголовка Routing Заголовок Routing выполняет очень важную функцию в версии 6. В комбинации с несколькоадресной рассылкой его можно применять для управления путем следования пакета на основе предварительных предположений или для указания


Положение указателя текущей позиции

Из книги Цифровая фотография. Трюки и эффекты автора Гурский Юрий Анатольевич

Положение указателя текущей позиции feofУказатель конца файла.Синтаксис:int feof(int $f)Возвращает true, если достигнут конец файла (то есть если указатель файла установлен за концом файла).Пример:$f=fopen("myfile.txt","r");while(!feof($f)){ $str=fgets($f); // Обрабатываем очередную строку


19. Пиковое положение, или Статистика пасьянсов

Из книги автора

19. Пиковое положение, или Статистика пасьянсов У каждого программиста рано или поздно наступает момент, когда работа не идет. Без каких-либо видимых причин программа прямо-таки сопротивляется всем вашим усилиям написать ее. Каждая новая попытка тут же оборачивается


Кардинальное число и положение

Из книги автора

Кардинальное число и положение Одним из терминов, который иногда можно встретить в отношении наборов, включая таблицы- является кардинальное число (cardinality, "мощность множества"). Оно описывает количество строк в наборе, который может быть таблицей или выходным набором.


Элементы заголовка

Из книги автора

Элементы заголовка Имя процедуры или триггера должно быть уникальным в базе данных.Для триггера:* ключевое слово FOR и ИМЯ таблицы идентифицируют ту таблицу, операции с которой вызывают данных триггер;* режим (ACTIVE или INACTIVE);* параметр фазы (BEFORE или AFTER) определяет, когда


Элементы заголовка

Из книги автора

Элементы заголовка Объявляйте в заголовке:* имя процедуры, которое обязательно и должно быть уникальным в базе данных, например:CREATE PROCEDURE MyProc* любые необязательные входные параметры (аргументы), требуемые в процедуре, с их типами данных. Список заключается в скобки,


Элементы заголовка

Из книги автора

Элементы заголовка Все, предшествующее предложению AS, является заголовком триггера. Заголовок должен задавать уникальное имя триггера и имя существующей подтвержденной таблицы или просмотра, кому принадлежит триггер.Именование триггеровСинтаксис требует, чтобы имя


Команды подменю Window → Arrange (Окно → Положение)

Из книги автора

Команды подменю Window ? Arrange (Окно ? Положение) Данное подменю содержит 10 команд, знание которых облегчает работу в Photoshop.• Cascade (Каскад). Размещает окна открытых изображений друг за другом. Это классический, привычный многим пользователям режим работы.• Tile (Разделить). Другой