HTML Тег <hr>
Приклад
Використовуйте тег <hr> для визначення тематичних змін у вмісті:
<h1>Основні мови Інтернету</h1>
<p>HTML є стандартною мовою розмітки для створення вебсторінок. HTML описує структуру вебсторінки та складається з ряду елементів. Елементи HTML повідомляють браузеру, як відображати вміст.</p>
<hr>
<p>CSS — це мова, яка описує, як елементи HTML мають відображатися на екрані, папері чи в інших носіях. CSS заощаджує багато роботи, оскільки він може керувати макетом кількох веб-сторінок одночасно.</p>
<hr>
<p>JavaScript — це мова програмування HTML і Web. JavaScript може змінювати вміст HTML і значення атрибутів. JavaScript може змінити CSS. JavaScript може приховувати та показувати елементи HTML тощо.</p>
Спробуйте самі »
Більше прикладів "Спробуйте самі" далі.
Визначення та використання
Тег <hr> визначає тематичну розрив на сторінці HTML (наприклад, зміна теми).
Елемент <hr> найчастіше відображається як горизонтальна лінія, яка використовується для розділення вмісту (або визначення зміни) на сторінці HTML.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <hr> | Так | Так | Так | Так | Так |
Глобальні атрибути
Тег <hr> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <hr> також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Вирівнювання елемента <hr> (за допомогою CSS):
<hr style="width:50%;text-align:left;margin-left:0">
Спробуйте самі »
Приклад
Незатінений <hr> (за допомогою CSS):
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
Спробуйте самі »
Приклад
Встановити висоту елемента <hr> (за допомогою CSS):
<hr style="height:30px">
Спробуйте самі »
Пов’язані сторінки
HTML DOM довідник: Об’єкт HR
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <hr> з наступними значеннями за замовчуванням:
Приклад
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
Спробуйте самі »
