| Главная » Все материалы сайта » Справочник CSS-3 » Таблицы |
caption-side | Свойство CSS
caption-side
Краткая информация
Версии CSS
ОписаниеОпределяет положение заголовка таблицы, который задается с помощью тега <caption>, относительно самой таблицы. Свойство caption-side выводит заголовок до или после таблицы, а выравнивание текста по правому или левому краю устанавливается через свойство text-align. Свойство применимо ко всем элементам находящимся внутри тега <caption>, а так же к элементам у которых значение display прописано как table-caption, создано в версии CSS2 но проходит валидацию согласно версии CSS3. Браузер Firefox также поддерживает расположение заголовка слева или справа от таблицы, но эти значения не входят в спецификацию CSS. СинтаксисCSS2.1 caption-side: top | bottom
CSS3 caption-side: top | bottom | left | right
Значения
Пример применения свойства<!DOCTYPE html>
<html lang="ru"> <head> <title>Свойство caption-side</title> <style type="text/css"> <!-- caption.top { caption-side:top; padding-bottom:10px; font-size:20px; text-decoration:blink; } caption.bottom { caption-side:bottom; padding-top:10px; font-size:20px; text-decoration:blink; } table { border-collapse:separate; border-spacing:20px 10px; width:400px; color:white; background:#252525; } td { border:5px double red; color:white; background:blue; text-align:center; font-size:20px; } --> </style> </head> <body> <table> <caption class="top">Устанавливаем заголовок в верхней части</caption> <tr> <td>♣</td> <td>♠</td> <td>♥</td> <td>♦</td> </tr> </table> <br> <table> <caption class="bottom">Устанавливаем заголовок в нижней части</caption> <tr> <td>♣</td> <td>♠</td> <td>♥</td> <td>♦</td> </tr> </table> </body> </html> Объектная модель [window.]document.getElementById("elementID").style.captionSide
Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/
| |||||||||||||||||||||||||||||||
Поделись ссылкой на эту страницу с друзьями:
| |||||||||||||||||||||||||||||||
| Просмотров: 624 | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||
