CAPTION-SIDE
Краткая информация
ОписаниеЗадает положение заголовка таблицы, который устанавливается используя тег <CAPTION>, относительно самой таблицы. Свойство caption-side выводит заголовок до или после таблицы, а выравнивание текста по правому или левому краю устанавливается через атрибут text-align. Браузер Firefox также поддерживает расположение заголовка слева или справа от таблицы, но эти значения не входят в спецификацию CSS. Синтаксисcaption-side: top | bottom
Аргументы
Пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Расположение заголовка</title> <style type="text/css"> table { width: 350px; /* Ширина таблицы */ border-collapse: collapse; /* Убираем двойную рамку между ячейками */ } td { border: 1px solid green; /* Параметры границы */ padding: 5px; /* Поля в ячейке */ } caption { caption-side: bottom; /* Заголовок под таблицей */ } </style> </head> <body> <table> <caption>Расклад карт</caption> <tr> <td> </td> <td>♠</td> <td>♣</td> <td>♥</td> <td>♦</td> </tr> <tr> <td>Чебурашка</td> <td>6</td> <td>3</td> <td>1</td> <td>3</td> </tr> <tr> <td>Крокодил Гена </td> <td>1</td> <td>5</td> <td>5</td> <td>2</td> </tr> <tr> <td>Шапокляк</td> <td>3</td> <td>4</td> <td>6</td> <td>0</td> </tr> <tr> <td>Крыса Лариса </td> <td>3</td> <td>1</td> <td>1</td> <td>8</td> </tr> </table> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 278
| Теги: |
Всего комментариев: 0 | |