Атрибут cellpadding до HTML тега <table>

9 червня 2022 р.120

Зміст

Визначає відстань між кордоном комірки та її вмістом. Цей атрибут додає порожній простір до комірки, збільшуючи цим її розміри. Без тексту cellpadding у таблиці «налипає» на рамку, знижуючи цим його сприйняття. Додавання ж cellpadding дозволяє покращити читабельність тексту. За відсутності меж особливого значення цей атрибут не має, але може допомогти, коли потрібно встановити порожній проміжок між осередками. "field field-name-field-html-syntax field-type-text-long field-label-above">

Синтаксис

<table cellpadding="<число>">...</table>

Значення

Будь-яке ціле значення в пікселях або відсотках.

Значення за замовчуванням

Приклад

<!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>
<head>
<meta charset="utf-8">
<title>padding</title> <style> td { border: 1px solid #333; padding: 5px; }
</style>
</head>
<body> <table> <tr> <td> ...
</td>
</tr>
</table>
</body>
</html>

Браузери


3	12	1	3.5	1	1


1	1	6	1

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, з якої елемент підтримується.