<hr>: The Thematic Break (Horizontal Rule) element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTML <hr> элемент служит для тематического разделения абзацев.Рисует горизонтальную прямую

Интерактивный пример

Historically, this has been presented as a horizontal rule or line. While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms, so if you wish to draw a horizontal line, you should do so using appropriate CSS.

Content categories Flow content.
Permitted content None, it is an empty element.
Tag omission It must have start tag, but must not have an end tag.
Permitted parents Any element that accepts flow content.
Implicit ARIA role separator
Permitted ARIA roles presentation or none
DOM interface HTMLHRElement

Attributes

This element's attributes include the global attributes.

align Устарело

Задаёт правило выравнивания.По умолчанию значение выставлено как left

color Не стандартно

Задаёт цвет линии

noshade Устарело

Sets the rule to have no shading.

size Устарело

Устанавливает высоту в px

width Устарело

Задаёт длину линии в px либо в %

Example

HTML

html
<p>
  Это первый параграф текста Это первый параграф текста Это первый параграф
  текста Это первый параграф текста
</p>

<hr />

<p>
  Это второй параграф текста Это второй параграф текста Это второй параграф
  текста Это второй параграф текста
</p>

Result

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

Specification
HTML Standard
# the-hr-element

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

BCD tables only load in the browser

Смотрите также