Атрибут cellpadding

Последнее обновление: 04.12.2009

HTML атрибут cellpadding является одним из важных атрибутов таблиц, который позволяет установить расстояние между границей ячейки и ее содержимым. Это очень полезно при создании таблиц с большим объемом информации, которые должны выглядеть профессионально.

Применение атрибута cellpadding позволяет сделать вашу таблицу более читабельной и удобной для взгляда. Без данного атрибута таблица может выглядеть неряшливо и неинформативно, что может отразиться на вашем бизнесе.

Чтобы установить значение атрибута cellpadding, необходимо добавить его в тег таблицы и указать значение в пикселях. Например, если вы хотите установить расстояние между границей ячейки и содержимым в 10 пикселей, вам нужно добавить атрибут cellpadding=»10″ в тег таблицы.

cellpadding и сellspacing
Тип значения целое число (в пикселях)
Значение по умолчанию 0
Применим к: table
Аналог в CSS padding, но применять это свойство нужно не к самой таблице (<table>), а к ее ячейкам (<th> и <td>)

Пример


<table cellpadding="5" border="2" width="100%">

Не забывайте, что использование атрибута cellpadding не работает на ячейки, у которых установлены атрибуты border=»0″ и cellspacing=»0″. Поэтому, убедитесь, что у вас нет этих атрибутов, если вы хотите использовать атрибут cellpadding.

В целом, использование атрибута cellpadding поможет вашей таблице выглядеть более профессионально и визуально привлекательно. Обязательно учтите данный атрибут при создании таблиц, для того чтобы убедиться, что ваш сайт будет выглядеть лучше и лучше работать для вас и ваших пользователей.

Заметки

Хоть данный атрибут cellpadding проходит валидацию (Strict 1.0), лучше использовать CSS свойство padding, чтобы оставлять более чистый HTML код для программистов и поисковых систем.