border атрибут

Поддержи проект!!!

Что такое атрибут border!? Где используется атрибут border!? Примеры использования. Насколько я знаю, то атрибут "border" есть у двух тегов - это img и table - не путать со свойством border.

Об атрибуте border

1. Что такое атрибут border
2. Использование атрибута border для тега img
3. Использование атрибута 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


Давайте применим атрибут border с толщиной рамки равной "3"

<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>


Результат использования атрибута border для тега table

Первая ячейка

Вторая ячейка

Если вы обратили внимание, что у border="1" обводка состоит из двух линий.

Чтобы от них избавиться придется использовать css, "прописываем border-collapse":

style

Добавим class - example

<style>

table.example {

border-collapse: collapse;

}

</style>

Html :

<table border="1" class="example">

<tr>

<td>Первая ячейка</td>

<td>Вторая ячейка</td>

</tr>

</table>

Результат:

Первая ячейка

Вторая ячейка

---

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

Теги:
атрибут borderатрибут border htmlзначением атрибута border может бытьчто определяет атрибут border у элемента tableзамените атрибут border на css свойство borderатрибуты border в cssв тэге table атрибут border выполняет функцию