Атрибут height до HTML тега <td>

9 червня 2022 р.95

Зміст

Браузер сам встановлює висоту таблиці та її осередків виходячи з їхнього вмісту . Однак при використанні атрибуту height висота комірок буде змінена. Тут можливі два варіанти. Якщо значення height менше, ніж вміст комірки, цей атрибут буде проігноровано. У випадку, коли встановлена висота комірки, що перевищує її вміст, додається порожній простір по вертикалі. name-field-html-syntax field-type-text-long field-label-above">

Синтаксис

<td height="<значення>">...</td></code>

Значення

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

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

Висота обчислюється на основі вмісту осередку.

Приклад

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TD, атрибут height</title>
</head>
<body> <table cellpadding="10" bgcolor="#ffcc00" align="center" width="100%"> <tr> <td height="50">Комірка 1</td>
</tr>
</table>
</body>
</html>

Примітка

Щоб задати висоту осередків використовуйте стильове властивість height, додаючи його до селектора td.

<!DOCTYPE html> ;
<html>
<head>
<meta charset="utf-8">
<title>Висота</title> <style> td { border: 1px solid red; height: 40px; }
</style>
</head>
<body> <table> <tr> <td> ...
</td>
</tr>
</table>
</body>
</html>

Браузери


3	12	1	3.5	1	1


1	1	6	1

Браузери

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

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

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