<hr>: Элемент тематического разрыва (горизонтальная линия)

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Элемент <hr> HTML обозначает тематический разрыв между элементами уровня абзаца: например, смену сцены в рассказе или смену темы в разделе.

Попробовать

Исторически это представлялось как горизонтальная линия. Хотя в визуальных браузерах она по-прежнему может отображаться как горизонтальная линия, теперь этот элемент определен в семантических, а не в презентационных терминах, поэтому, если вы хотите нарисовать горизонтальную линию, используйте соответствующие CSS.

Атрибуты

Атрибуты этого элемента включают глобальные атрибуты.

align Устаревший Нестандартный: Устанавливает выравнивание линии на странице. Если значение не указано, используется значение по умолчанию left.
color Устаревший Нестандартный: Устанавливает цвет линии с помощью имени цвета или шестнадцатеричного значения.
noshade Устаревший Нестандартный: Устанавливает линию без затенения.
size Устаревший Нестандартный: Устанавливает высоту линии в пикселях.
width Устаревший Нестандартный: Устанавливает длину линии на странице в пикселях или процентах.

Пример

HTML

html

<p>
  This is the first paragraph of text. This is the first paragraph of text. This
  is the first paragraph of text. This is the first paragraph of text.
</p>

<hr />

<p>
  This is the second paragraph of text. This is the second paragraph of text.
  This is the second paragraph of text. This is the second paragraph of text.
</p>

Результат

Техническое описание

Категории контента	Потоковый контент.
Разрешенный контент	Никакой; это пустой элемент.
Пренебрежение тегом	Должен иметь начальный тег и не должен иметь конечный тег.
Разрешенные родительские элементы	Любой элемент, принимающий потоковый контент `<select>` элемент
Неявная роль ARIA	`separator`
Разрешенные роли ARIA	`presentation` или `none`
Интерфейс DOM	`HTMLHRElement`

Спецификации

Спецификация
Спецификация HTML # the-hr-element

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`hr`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4
`align`	1	12	1	≤12.1	≤4	18	4	≤12.1	≤3.2	1.0	4.4
`color`	33	12	1	20	10.1	33	4	20	10.3	2.0	4.4.3
`hr_in_select`	119 ["Только отображает `<hr>` визуально на странице, когда меню развернуто (стрелки внутри свёрнутого меню их не показывают).", "Не отображает `<hr>` в дереве доступности."]	119 ["Только отображает `<hr>` визуально на странице, когда меню развернуто (стрелки внутри свёрнутого меню их не показывают).", "Не отображает `<hr>` в дереве доступности."]	122 Не отображает `<hr>` в дереве доступности.	105 ["Только отображает `<hr>` визуально на странице, когда меню развернуто (стрелки внутри свёрнутого меню их не показывают).", "Не отображает `<hr>` в дереве доступности."]	17 Не отображает `<hr>` в дереве доступности.	Нет	122 Не отображает `<hr>` в дереве доступности.	Нет	17.4 Не отображает `<hr>` в дереве доступности.	Нет	Нет
`noshade`	1	12	1	≤12.1	≤4	18	4	≤12.1	≤3.2	1.0	4.4
`size`	1	12	1	≤12.1	≤4	18	4	≤12.1	≤3.2	1.0	4.4
`width`	1	12	1	≤12.1	≤4	18	4	≤12.1	≤3.2	1.0	4.4

См. также

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr