Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Tags/ HTML тег hr | назначение, синтаксис, атрибуты, примеры

Тег hr

Последнее обновление: 23.02.2009

Тег <hr> (англ. horizontal rule — горизонтальная линия) отображается в виде горизонтальной линии.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<hr/>
Атрибуты


align выраванивание линии в родительском контейнере

  • left — по левому краю
  • center — по центру (по умолчанию)
  • right — по правому краю

Не рекомендуется в спецификации HTML 4.01!

class определяет имя используемого класса
color задает цвет линии.
Отсутствует в спецификации HTML 4.01!
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет язык отображаемого документа
noshade флаг. Отменяет трехмерный эффект отображения линии.
Не рекомендуется в спецификации HTML 4.01!
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
size толщина линии.
Не рекомендуется в спецификации HTML 4.01!
style задает встроенную таблицу стилей
title всплывающая подсказка
width ширина линии.
Не рекомендуется в спецификации HTML 4.01!
Пример

Различные варианты применения параметров тега:


<hr/>
<hr
noshade="noshade"/>
<hr
width="50%"/>
<hr
width="80%" size="5"/>
<hr
color="#ff0000" size="5"/>
<hr
width="50%" align="left"/>
Рекомендации по использованию
  • должен быть закрыт слешем: (<hr/>)
  • обязательных атрибутов нет
  • элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)
  • для оформления не рекомендуем использовать атрибуты, вместо них использовать таблицы стилей
  • каждый браузер отображает тег <hr /> по разному, rак заставить все браузеры отображать <hr/> одинаково можно прочитать в статье Кроссбраузерный <hr />
Твой код:

Результат: