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

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


Последняя дата редактирования : 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 выполняет функцию

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.
Виталий :
24/03/2021 06:05
Не стоит обижаться, люди могут не понимать что ошибка не критична. Может быть до конца не изучали…
подробнее.
Марат :
23/03/2021 02:09
Спасибо, за сообщение! В архив попал вариант, который был на тестировании и там остались некоторые…
подробнее.