Информационные технологииStfw.Ru 🔍

Каким стилевым атрибутом заменить параметр cellpadding тега TABLE?

🕛 22.01.2009, 23:44
Параметр cellpadding тега
<TABLE>
отвечает за поля вокруг содержимого ячеек. За счет полей текст в ячейке не «налипает» на рамку и создается пустое пространство, добавляющее комфорт для чтения.
При большом количестве таблиц на сайте, их параметры удобнее вынести в стили, чтобы централизованно управлять оформлением таблиц. Заменой cellpadding выступает стилевой атрибут padding, который должен добавляться к селектору TD (пример 1).

Пример 1. Поля в таблице

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!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: 300px; /* Ширина таблицы */ } TD { padding: 10px; /* Поля в ячейках */ } </style> </head> <body> <table border="1"> <tr> <td>Ячейка 1</td> <td>Ячейка 2</td> </tr> </table> </body>
</html>
Учтите, что применение padding к ячейкам отменяет действие параметра cellpadding, поэтому включать его уже нет необходимости.

Все рецепты HTML и CSS   Теги:

Читать IT-новости в Telegram
Информационные технологии
Мы в соцсетях ✉