HTML <hr> тег

  • Предыдущая страница <hgroup>
  • Следующая страница <html>

Определение и использование

<hr> Тег определяет разделение темы на веб-странице (например, изменение темы).

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

См. также:

Руководство по HTML DOM:Объект HR

Пример

Пример 1

Использование <hr> Теги для определения изменений темы в содержании:

<h1>Основные языки Web</h1>
<p>HTML — это стандартный языковая маркировка для создания веб-страниц. HTML описывает структуру веб-страницы, состоящую из нескольких элементов......</p>
<hr>
<p>CSS — это язык, который описывает способ отображения элементов HTML на экране, бумаге или других носителях......</p>
<hr>
<p>JavaScript — это языковая программирование для HTML и Web. JavaScript может изменять содержимое и значения атрибутов HTML......</p>

Попробуйте сами

Пример 2

Выравнивание <hr> Элемент (использование CSS):

<hr style="width:50%;text-align:left;margin-left:0">

Попробуйте сами

Пример 3

Без тени <hr> (использование CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Попробуйте сами

Пример 4

Настройка <hr> Высота элемента (используя CSS):

<hr style="height:30px">

Попробуйте сами

Пример 5

Настройка <hr> Ширина элемента (используя CSS):

<hr style="width:50%">

Попробуйте сами

Глобальные свойства

<hr> Тег также поддерживает Глобальные свойства HTML.

Свойства событий

<hr> Тег также поддерживает Свойства событий в HTML.

Установки 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;
}

Попробуйте сами

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <hgroup>
  • Следующая страница <html>