Положення та вирівнювання заголовка

Книга: HTML, XHTML та CSS на 100%

Положення та вирівнювання заголовка

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

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

• bottom – нижче за поле таблиці;

• left – ліворуч від поля таблиці;

• right – праворуч від поля таблиці.

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

• успадковують успадковані властивості таблиці;

• не вважаються блоками елементів compact або run-in, які можуть передувати таблиці.

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

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

Для вирівнювання вмісту заголовка по горизонталі всередині поля заголовка використовуйте властивість text-align. Для вертикального вирівнювання лівого та правого блоку заголовка щодо блоку таблиці використовуйте властивість vertical-align. У цьому випадку значення мають тільки значення top, middle і bottom. Всі інші значення цієї властивості трактуватимуться браузером як top.

Щоб краще розібратися з цією властивістю, розглянемо приклад.