Опубликовано: 25.06.2010 Последняя правка: 08.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Атрибут cellpadding

Атрибут cellpadding, тега <TABLE>, применяется для указания размеров внутренних отступов от границ ячеек до их содержимого. По умолчанию размер этих отступов равен нулю, и если границы видимы, то содержимое ячеек вплотную к ним прилегает, что бывает не всегда удобно. Если же границы ячеек не отображаются, то при помощи cellpadding можно просто увеличивать расстояния между ячейками. Причем, так как это внутренние отступы, то они будут того же цвета, что и фон ячеек — это актуально, когда фон ячеек отличатся от фона таблицы.

Ниже на рисунке показаны расположения рамки таблицы, внутренних отступов ячеек, расстояний между ячейками и их границ:

Рамка таблицы, внутренние отступы и расстояния между ячейками, а также их рамки.

Значения

Размер отступов может задаваться двумя способами.

  • 1. Любое неотрицательное число задающее размеры в пикселях. Тогда для всех четырех сторон будут установлены одинаковые размеры отступов.
  • 2. Любое неотрицательное число задающее размеры в процентах, исходя из высоты и ширины ячеек равных 100%. В этом случае горизонтальные и вертикальные отступы могут быть разные и каждый из отступов получит половину от указанного размера. Например: мы задали cellpadding= "20%". Тогда у нас будут отступы по 10% с каждой стороны исходя из размеров ячеек. Если у нас ячейки с шириной 100px и высотой 60px, то боковые отступы будут по 10px, а сверху и снизу по 6px.

В любом случае ни один из популярных браузеров не поддерживает процентные значения атрибута cellpadding. Они просто игнорируют знак процента (%) и считают значения в пикселях.

Значение по умолчанию: 2.

Синтаксис

<table cellpadding="значение">...</table>

Обязательный атрибут: нет.

Пример HTML: применение атрибута cellpadding

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег TABLE, атрибут cellpadding</title>
 </head>
 <body>
  <table border="3" cellpadding="10">
   <tr>
    <td>Размер внутренних отступов равен 10px.</td>
   </tr>
  </table>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаНетДаДа

Данный атрибут отсутствует в HTML 5, вместо него рекомендуется использовать стили (CSS).

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа
Теги по алфавиту
Теги по назначению