Атрибут vlink тега <body> — колір відвіданих посилань
Атрибут vlink задає колір відвіданих посилань в документі.
Загальний опис
автор: NagarD
Синтаксис
<body vlink="color_name|hex_number|rgb_number">Атрибут vlink може отримувати 3 значень:
-
color_name -
Визначає колір посилання за назвою кольору (наприклад, "red").
автор: с3с -
hex_number -
Визначає колір посилання за НЕХ кодом (наприклад, "#ff0000").
автор: с3с -
hex_number -
Визначає колір посилання за RGB кодом (наприклад, "RGB (255.0.0)").
автор: с3с
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута vlink теґа <body>
<body vlink="green">
<p>Приклад використання атрибуту vlink</p>
<a href="#1">Посилання на документ1</a><br /><br />
<a href="#2">Посилання на документ2</a><br /><br />
<a href="#3">Посилання на документ3</a>Найпростіший приклад використання HTML атрибута vlink теґа <body>
<body id="b" onload="func(this.vling)">
<p>Приклад використання атрибуту vlink</p>
<a href="#1">Посилання на документ1</a><br /><br />
<a href="#2">Посилання на документ2</a><br /><br />
<a href="#3">Посилання на документ3</a><br><br>
<input type="color" name="" id="a1"><br><br>
<input type="button" onclick="func()" value="Змінити колір">Перша пара посилань пофарбована атрибутами link, vlink і alink на <body>. Друга має правило CSS — і воно перебиває атрибути, тому колір інший, а на наведення й натискання ще й змінюється. Відвіданим у цій рамці посилання не стане: це стан браузера, а не сторінки.
HTML
<!doctype html>
<html lang="uk">
<head><meta charset="utf-8"></head>
<body link="green" vlink="purple" alink="red">
<p>Кольори задано атрибутами <code>link</code>, <code>vlink</code>, <code>alink</code> на <code><body></code>:</p>
<p><a href="#r1">Перше посилання</a> · <a href="#r1">Друге посилання</a></p>
<p>Ті самі посилання, але для них є правило CSS. Атрибут йому програв:</p>
<p class="css"><a href="#r1">Третє посилання</a> · <a href="#r1">Четверте посилання</a></p>
<p id="r1" class="note">Наведіть курсор на посилання другої групи й затисніть кнопку миші — побачите <code>:hover</code> та <code>:active</code>.</p>
</body>
</html>CSS
body { font: 16px/1.6 system-ui, sans-serif; margin: 12px; background: #fff; color: #111; }
.note { border-left: 3px solid #c00; padding-left: 10px; color: #444; }
.css a:link { color: #0b57d0; }
.css a:visited { color: #7b1fa2; }
.css a:hover { color: #b3261e; }
.css a:active { color: #e8710a; }Різниця між HTML 4.01 та HTML5
Атрибут vlink для тега <body> не підтримується у HTML5. Користуйтесь для цього CSS.
Коментарі
Коментарів ще немає — будьте першим!