Определяет расстояние между границей ячейки и её содержимым. Этот атрибут добавляет пустое пространство к ячейке, увеличивая тем самым её размеры. Без cellpadding текст в таблице «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот атрибут не имеет, но может помочь, когда требуется установить пустой промежуток между ячеек.
Данный атрибут устарел, взамен используйте стили.
Синтаксис
<table cellpadding="<число>">...</table>
Значения
Любое целое значение в пикселях или процентах.
Значение по умолчанию
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=utf-8">
<title>TABLE, атрибут cellpadding</title>
</head>
<body>
<table cellpadding="7" border="2" width="100%">
<tr>
<td> … </td>
</tr>
</table>
</body>
</html>
Примечание
В CSS вместо атрибута cellpadding используйте стилевое свойство padding, добавляя его к селектору td или th.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>padding</title>
<style>
table {
width: 100%;
}
td {
border: 1px solid #333;
padding: 5px;
}
</style>
</head>
<body>
<table>
<tr>
<td> … </td>
</tr>
</table>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.