border атрибут
Об атрибуте border
- Что такое атрибут border
- Использование атрибута border для тега img
- Использование атрибута border для тега table
Что такое атрибут border
Некоторые теги в html могут использовать атрибут borderВалидация атрибута border
Данный атрибут считается устаревшим, хотя исполняется браузерами, валидный код получается только при использовании переходного <!DOCTYPE>.
Синтаксис атрибута border для тега img
<img border="толщина рамки">
Синтаксис атрибута border для тега table
<table border="толщина рамки"></table>
Значение по умолчанию атрибута border
У атрибута border значение по умолчанию равно "0"Значение толщины рамки атрибута border
Значение для атрибута border - любое положительное число в пикселях, без указания "px".Пример атрибута border
<img border="1">
Использование атрибута border для тега img
Давайте примением атрибут border для тега img:Нам потребуется для этого тег img с адресом на картинку:
<img src="//dwweb.ru/___dwweb.ru/__template/images/new_logo.png" alt="logo dwweb.ru">
Добавим в наш тег атрибут border равный "1".
<img border="1" src="//dwweb.ru/___dwweb.ru/__template/images/new_logo.png" alt="logo dwweb.ru">
Результат применения атрибута border

<img border="3" src="//dwweb.ru/___dwweb.ru/__template/images/new_logo.png" alt="logo dwweb.ru">

Использование атрибута border для тега table
Следующим рассмотрим применение атрибута border для тега table нам понадобится тег tableВо внутрь тега table помещаем border="1"
<table border="1">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
</table>
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
</table>
Результат использования атрибута border для тега table
Первая ячейка | Вторая ячейка |
Если вы обратили внимание, что у border="1" обводка состоит из двух линий.
Чтобы от них избавиться придется использовать css, "прописываем border-collapse":
Добавим class - example
<style>
table.example {
border-collapse: collapse;
}
</style>
<table border="1" class="example">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
</table>
Первая ячейка | Вторая ячейка |
Последняя дата редактирования : 2020-11-25 17:31
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
атрибут borderатрибут border htmlзначением атрибута border может бытьчто определяет атрибут border у элемента tableзамените атрибут border на css свойство borderатрибуты border в cssв тэге table атрибут border выполняет функцию