HTML-атрибуты для горизонтальных линий

HTML-атрибуты для горизонтальных линий


align - Горизонтальное положение элемента
noshade - Отключение объемного эффекта тени для горизонтальной линии
size - Толщина элемента в пикселах
width - Размер элемента в пикселах по горизонтали

Примеры

<hr align="left">
<hr align="center">
<hr noshade>
<hr size="10">
<hr width="50">
<hr width="33%">



Далее, чтобы сделать вид горизонтальной линии более утонченным, уменьшите ее толщину. По умолчанию толщина линии в Internet Explorer составляет 2 пиксела и 3 пиксела в Netscape. Задавая значение атрибута size равным 1, вы не только стандартизуете вид элемента в браузерах, но и повышаете эффективность линии. Более тонкая линия лучше выглядит; вряд ли требуется, чтобы горизонтальная линия привлекала к себе слишком большое внимание. Таким образом:
<hr noshade size="1">

К тому же стандартная горизонтальная линия слишком длинна. По умолчанию она простирается на всю ширину страницы или ширину элемента контейнера, в котором находится, как, например, в ячейке таблицы или в разделе каскадных таблиц стилей div. Укороченные горизонтальные линии лучше подходят для большинства случаев. Они вводят дополнительное пустое пространство в макет страницы, что помогает создать более «воздушный» дизайн. Некоторые дизайнеры предпочитают задать точные значения в пикселах для ширины горизонтальной линии, подобно следующему примеру:
<hr noshade size="1" width="200">

Точная величина зависит от ширины области, которую занимает горизонтальная линия. Если работа ведется с макетом фиксированной ширины, тогда, вероятно, такой способ задания размера будет представлять наилучший вариант. Однако если макет отличается плавающими размерами, которые зависят от размера окна браузера, горизонтальная линия фиксированной ширины может не подойти. Она будет выглядеть нормально в развернутом окне браузера, но может смотреться слишком большой в неразвернутом полностью окне браузера.

Чтобы устранить эту проблему, задайте плавающие размеры и для горизонтальной линии, указав ее ширину в процентах:
<hr noshade size="1 " width="20%">

При значении в 20% ширина линии масштабируется до 20% ширины области, которую она занимает. Таким образом, если горизонтальная линия находится в ячейке таблицы шириной 600 пикселов, то ее ширина будет равна 120 пикселам или 20% от 600. По умолчанию браузер центрирует горизонтальные линии — это незаметно, поскольку данный элемент автоматически простирается на всю ширину. Центрирование становится заметным при укорачивании ширины линии. Можете оставить ее центрирование, но многие дизайнеры предпочитают располагать линию слева или справа:
<hr noshade size="1" width="20%" align="left">

Главная | Служба поддержки | Поиск по сайту | Карта сайта | RSS | Наверх
Copyright © 2009-2012 Regac.Ru All rights reserved.
30 пар носков