В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 21-06-2024! ×
Меню :
html (147)



Blog (1435)
php (335)
js (246)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
ruweb.net (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
foto (22)
atom (20)
php file (20)
forum (19)
database (19)
input (18)
svg (18)
info (17)
hosting (17)
php date (17)
mysql (17)
board (16)
html book (16)
php time (15)
color (15)
js url (14)
js time (14)
js events (14)
img (14)
знак (13)
osclass (13)
select (13)
lingvo (13)
notepad (13)
htaccess (13)
keyboard (12)
table (12)
php path (12)
php img (12)
dw block (12)
download (12)
jsphp (11)
form (11)
icon (11)
js delete (10)
mouse (10)
yandex (10)
keyframes (10)
chart (9)
vs code (9)
ftp (9)
dosite (9)
hover (9)
browser (8)
php post (7)
comment (7)
php url (7)
php get (6)
list (6)
click (6)
iframe (6)
adminka (6)
canvas (6)
heading (5)
js id (5)
tag a (5)
mb (5)
year (5)
reg.ru (5)
js math (5)
value (5)
games (4)
base64 (4)
js hash (4)
ssl (4)
day (4)
xml (4)
scandir (4)
php var (4)
week (4)
pages (4)
console (4)
month (4)
task (4)
vk (4)
bbcode (4)
symbols (4)
js form (4)
submit (4)
нок (4)
куб (3)
line (3)
js post (3)
money (3)
https (3)
numbers (3)
jquery post (3)
captcha (3)
domen (3)
ucoz (3)
js img (3)
padding (3)
video (2)
youtube (2)
seo (2)
js vars (2)
sitemap (2)
tag hr (2)
google (2)
prompt (2)
рся (2)
typeof (2)
qr code (2)
arrows (2)
counter (2)
height (2)
details (2)
smile (1)
scroll (1)
rutube (1)
archive (1)
windows (1)
speed (1)
cursor (1)
нод (1)
jino (1)

Атрибут border

Что такое атрибут 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

    Для того, чтобы посмотреть результаты добавления атрибута в теге img вам понадобится:

    Тег img + атрибут src и вас получится что-то типа:

    <img src="https://dwweb.ru/__img/__dates/logo.png">

    Давайте данный код выведем прямо здесь, как видим... никакого обрамления вокруг картинки нет...:

    Теперь давайте добавим в наш тег атрибут border равный "1".

    <img border="1" src="https://dwweb.ru/__img/__dates/logo.png">

    Поступим аналогично выведем данный тег с атрибутом border прямо здесь:

    Второй пример использования атрибута border для тега img

    Изменим значение в атрибуте border с "1" на "3"

    <img border="3" src="https://dwweb.ru/__img/__dates/logo.png">

    Пример использования атрибута border со значением "3"

    Как видим... у картинки обрамление , ширина изменилась - она стала толще!

    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>

    Результат:
    Первая ячейка Вторая ячейка
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
атрибут border атрибут border html значением атрибута border может быть что определяет атрибут border у элемента table замените атрибут border на css свойство border атрибуты border в css в тэге table атрибут border выполняет функцию
На сайте сейчас :
Ещё : Игра "пятнашки"
Угадай страну по флагу
dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.017519 секунд. Подробнее