Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

border атрибут

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

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

Об атрибуте border

  1. Что такое атрибут border
  2. Использование атрибута border для тега img
  3. Использование атрибута border для тега table
  1. Что такое атрибут border

    Некоторые теги в html могут использовать атрибут border

    Валидация атрибута border

    Данный атрибут считается устаревшим, хотя исполняется браузерами, валидный код получается только при использовании переходного <!DOCTYPE>.

    Синтаксис атрибута border для тега img

    <img border="толщина рамки">

    Синтаксис атрибута border для тега table

    <table border="толщина рамки"></table>

    Значение по умолчанию атрибута border

    У атрибута border значение по умолчанию равно "0"

    Значение толщины рамки атрибута border

    Значение для атрибута border - любое положительное число в пикселях, без указания "px".

    Пример атрибута border

    <img border="1">

  2. Использование атрибута 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

    logo dwweb.ru

    Давайте применим атрибут border с толщиной рамки равной "3"
    <img border="3" src="//dwweb.ru/___dwweb.ru/__template/images/new_logo.png" alt="logo dwweb.ru">
    Результат: logo dwweb.ru

  3. Использование атрибута 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>

    Результат:
    Первая ячейка Вторая ячейка


Вас может еще заинтересовать список тем : #HTML | #HTML_ATTRIBUTE |
Последняя дата редактирования : 2020-11-25 17:31
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Прохожий :
02/01/2021 10:44
Здравствуйте Марат!Спасибо Вам, за оперативность и развернутый ответ с примерами. И ОГРОМНОЕ спасибо, что…
подробнее.
Марат :
01/01/2021 03:30
И вас с Новым годом!Посмотрите …
подробнее.
Прохожий :
31/12/2020 03:58
А как проверить, чекнут ли чекбокс программно, то есть - другим скриптом, а не мышкой?Вот тут…
подробнее.
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.