| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Прибрати атрибут cellpadding з таблиці і замінити його стильовим властивістю.
Рішення
Атрибут cellpadding тега <table> відповідає за поля навколо вмісту осередків. За рахунок полів текст у клітинці «налипає» на рамку і створюється порожній простір, що додає комфорт для читання.
При великій кількості таблиць на сайті, їх параметри зручніше винести в стилі, щоб централізовано керувати оформленням таблиць. Заміною cellpadding виступає стильове властивість padding, яка має додаватися до селектору TD (приклад 1).
Приклад 1. Поля таблиці
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Поля в таблиці</title>
<style>
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, тому включати його вже немає необхідності. Тим більше, в HTML5 цей атрибут заборонений на користь стилів.