Тег Hr – горизонтальная линия

Создает горизонтаьную линию. Для данной линии можно задать ширину, толщину, цвет и выравнивание.

Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

Так же возможно отключение трехмерного эффекта, которое создается по умолчанию.

Оформление линии по стилю Chrome (CSS):

 hr { padding:0;background-color:#9B9B9B;border-bottom:1px solid #F4F4F4;border-top: 1px solid #9A9A9A;}


Атрибут align следует заменить на css стиль.

Синтаксис
<hr>
Атрибуты
  • align - выравнивание
    [center / left / right = по центру / по левому краю / по правому краю.]
  • color - задает цвет
  • noshade - отключение трехмерных эффектов
  • size - толщина линии
  • width - ширина линии в процентах или пикселах
Поддержка браузерами:
ChromeFirefoxIESafariOpera
всевсевсевсевсе
Спецификации:
HTML 4.1HTML 5xHTML 1xHTML 1.1

Пример:
Просто линия
<hr>
Цвет, ширина, выравнивание
<hr align=right width=50 color=red>
Толщина линии
<hr size=10>
Отключение трехмерных эффектов
<hr noshade>
Аналог оформления линии в CSS
<hr style="padding:0;background-color:#9B9B9B;border-bottom:1px solid #F4F4F4;border-top: 1px solid #9A9A9A;">

Скриншот:

Возврат к списку