<hr> - HTML-елемент тематичного розриву

HTML-елемент <hr> представляє собою тематичний розрив між елементами рівня абзацу. Історично це відображалося як горизонтальна лінія, звідси і назва (horizontal rule).

Елемент <hr> використовується для позначення зміни теми в тексті, наприклад, переходу до нової сцени в оповіданні або нової теми в розділі. Він є семантичним елементом, і його не слід використовувати виключно для декоративних цілей.

Для створення візуальних ліній-роздільників краще використовувати CSS, наприклад, властивість border-bottom для елемента.

HTML
<hr>

Атрибути

Цей тег може мати глобальні атрибути.

align

Визначає вирівнювання лінії. Цей атрибут є застарілим, використовуйте CSS.

color

Визначає колір лінії. Цей атрибут є застарілим, використовуйте CSS.

noshade

Вказує, що лінія не повинна мати тіні. Цей атрибут є застарілим, використовуйте CSS.

size

Визначає висоту (товщину) лінії. Цей атрибут є застарілим, використовуйте CSS.

width

Визначає ширину лінії. Цей атрибут є застарілим, використовуйте CSS.

Технічне резюме

Категорія контенту

Потоковий контент.

Дозволений вміст

Немає, це пустий елемент.

Пропуск тегів

Повинен мати початковий тег і не повинен мати кінцевого тегу.

Дозволені батьківські елементи

Будь-який елемент, що приймає потоковий контент.

Роль ARIA

separator

DOM інтерфейс

HTMLHRElement

Приклади використання

Результат
<p>Це перший абзац тексту, який розповідає про одну тему.</p>
<hr>
<p>Це другий абзац, і тут починається обговорення зовсім іншої теми.</p>

Стилі за замовчуванням

CSS
hr {
  display: block;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  border-style: inset;
  border-width: 1px;
}

Підтримка браузерів

<hr>
align
color
hr_in_select
noshade
size
width

Останнє оновлення: