Атрибут noshade тега <hr> — лінія без об'ємної тіні
Атрибут noshade - являється логічним атрибутом.
Якщо він присутній, то він визначає, що горизонтальна лінія повинна бути одним суцільним кольором і не давати ефекту тіні позаду себе (noshaded).
Загальний опис
автор: NagarD
Синтаксис
<hr noshade>Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | ≤12.1 | 12 | ≤6 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута noshade теґа <hr>
<p><b>Приклад використання атрибуту <code>noshade</code>:</b><br><br>
<p>З використанням атрибуту noshade</p>
<hr noshade>
<p>Найважливіше призначення книги – зберігати знання, накопичені віками, і передати їх наступним поколінням. </p>
<br>
<p>Без використання атрибуту noshade</p>
<hr>
<p>Найважливіше призначення книги – зберігати знання, накопичені віками, і передати їх наступним поколінням. </p>Шість ліній із червоним пунктиром навколо кожної, щоб було видно справжню висоту коробки. Звичайна лінія «втоплена», з noshade — рівна; size="10" займає 12 пікселів, а той самий size разом із noshade — рівно 10. Остання пара показує, що noshade="false" теж вмикає атрибут, і сучасну заміну на стилях.
HTML
<p class="cap">Без атрибутів — «втоплена» лінія, дві рамки по 1px, разом 2px</p>
<hr>
<p class="cap">noshade — той самий розмір, але рівна суцільна смужка</p>
<hr noshade>
<p class="cap">size="10" — 10px усередині плюс дві рамки, на екрані 12px</p>
<hr size="10">
<p class="cap">size="10" noshade — рівно 10px: рамки стали по 5px, усередині нуль</p>
<hr size="10" noshade>
<p class="cap">noshade="false" — логічний атрибут, значення не важить, лінія все одно рівна</p>
<hr noshade="false">
<p class="cap">Сучасна заміна: border: 0, height: 10px, background-color</p>
<hr class="css">CSS
.cap {
margin: 20px 0 6px;
max-width: 560px;
color: #5a6472;
font-size: .92em;
}
hr {
max-width: 420px;
margin: 0;
outline: 1px dashed #d64545;
outline-offset: 4px;
}
.css {
height: 10px;
border: 0;
background-color: #2f6fd0;
}Різниця між HTML 4.01 та HTML5
Атрибут noshade тега <hr> не підтримується у HTML5. Замість цього використовуйте CSS.
Різниця між XHTML та HTML
У XHTML, атрибут minimization заборонений, а атрибут noshade повинен бути визначений як <hr noshade="noshade">.
Коментарі
Коментарів ще немає — будьте першим!