Тег 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 — ширина линии в процентах или пикселах
Поддержка браузерами:
Chrome Firefox IE Safari Opera
все все все все все
Спецификации:
HTML 4.1 HTML 5 xHTML 1 xHTML 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;">

Скриншот:



comments powered by Disqus

Популярное