Атрибут border
Синтаксис
(X)HTML
<table border="[значение]"> ... </table>
Описание
Атрибут / параметр border (от англ. "border" ‒ «рамка, граница») задаёт ширину границы (рамки) вокруг таблицы. Начиная с HTML 5 данный атрибут применяется только для того, чтобы явно указать, что элемент таблицы не используется в качестве каркаса отдельных элементов страницы или страницы в целом.
Примечание
При отсутствии данного атрибута граница не должна отображаться.
CSS
Эквивалент: border: <ширина> <стиль> <цвет>;
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | Tables |
| 4.01 | 11.3.1 Borders and rules border = pixels [CN]... DTD: Transitional
Strict
Frameset
|
| 5.0 | 4.9.1 The table element The border attribute... |
| 5.1 | 4.9.1. The table element The border content... |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
| 1.1 | Extensible HyperText Markup Language |
Значения
Данный атрибут может принимать значение равное «1» (например, «border="1"»), пустой строке (например, «border=""») или значение может не указываться вовсе (например, «<table border>»).
Значение по умолчанию: отсутствует.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр border (Элемент table)</title>
</head>
<body>
<h1>Пример использования атрибута "border"</h1>
<h2>Таблица умножения на 3</h2>
<table border="1">
<tbody>
<tr> <td>1</td> <td>*3</td> <td>=</td> <td>3</td> </tr>
<tr> <td>2</td> <td>*3</td> <td>=</td> <td>6</td> </tr>
<tr> <td>3</td> <td>*3</td> <td>=</td> <td>9</td> </tr>
<tr> <td>4</td> <td>*3</td> <td>=</td> <td>12</td> </tr>
<tr> <td>5</td> <td>*3</td> <td>=</td> <td>15</td> </tr>
<tr> <td>6</td> <td>*3</td> <td>=</td> <td>18</td> </tr>
<tr> <td>7</td> <td>*3</td> <td>=</td> <td>21</td> </tr>
<tr> <td>8</td> <td>*3</td> <td>=</td> <td>24</td> </tr>
<tr> <td>9</td> <td>*3</td> <td>=</td> <td>27</td> </tr>
<tr> <td>10</td> <td>*3</td> <td>=</td> <td>30</td> </tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр border (Элемент table)</title>
</head>
<body>
<h1>Пример использования атрибута "border"</h1>
<h2>Таблица умножения на 3</h2>
<table border="1">
<tbody>
<tr> <td>1</td> <td>*3</td> <td>=</td> <td>3</td> </tr>
<tr> <td>2</td> <td>*3</td> <td>=</td> <td>6</td> </tr>
<tr> <td>3</td> <td>*3</td> <td>=</td> <td>9</td> </tr>
<tr> <td>4</td> <td>*3</td> <td>=</td> <td>12</td> </tr>
<tr> <td>5</td> <td>*3</td> <td>=</td> <td>15</td> </tr>
<tr> <td>6</td> <td>*3</td> <td>=</td> <td>18</td> </tr>
<tr> <td>7</td> <td>*3</td> <td>=</td> <td>21</td> </tr>
<tr> <td>8</td> <td>*3</td> <td>=</td> <td>24</td> </tr>
<tr> <td>9</td> <td>*3</td> <td>=</td> <td>27</td> </tr>
<tr> <td>10</td> <td>*3</td> <td>=</td> <td>30</td> </tr>
</tbody>
</table>
</body>
</html>
Параметр border (Элемент table)