Кроссбраузерный разделитель hr
<hr> - является самозакрывающимся элементом, то есть который не имеет закрывающего тега. Благодаря чему элемент
<hr> виден в браузере.Растояние от элемента до окружаещего текста зависит от того, в каком браузере отображается сайт.
Хотите ли Вы избавится от штриховки, которую показывают некоторые браузеры? Возможно ли, чтоб элемент
<hr> стал кроссбраузерным, то есть отображался одинаково во всех современных браузерах?
Одна из проблем кроссбраузерного отображения элемента
<hr> заключается в том, что IE отображает
<hr> тем цветом, который установлен для свойства
color, а Mozilla (Netscape) и Opera при отображении используют цвет, заданый в качестве фоновой заливки для
<hr>.
Чтоб от этого избавиться, нужно установить свойство цвета текста и заливки для
<hr> одинакового цвета.
А для одинакового отображения толщины разделителя
<hr> нужно установить значение границы в ноль, а высоту разделителя установить такой, какая Вам необходима.
.hr {
color:000000;
background:000000;
border:0;
height:1px;
}
Добавление отступов для разделителя <hr>
Если Вы хотите определить дополнительные отступы от текста для разделителя, используйте свойство
margin .hr {
color:000000;
background:000000;
border:0;
height:1px;
margin:1em 0 2em;
}
Добавить комментарий
