Атрибут width тега <hr>
Описание
Атрибут width задаёт ширину горизонтальной линии <hr> в пикселях или процентах. Этот атрибут устарел в HTML5 и не рекомендуется к использованию.
<hr width="50%"> <!-- Ширина 50% от родителя -->
<hr width="200"> <!-- Ширина 200 пикселей -->
<hr width="300" align="left"> <!-- Ширина 300px с выравниванием -->
Форматы значений:
| Формат | Пример | Описание |
|---|---|---|
| Проценты | width="80%" |
Относительно ширины родительского элемента |
| Пиксели | width="300" |
Абсолютное значение в пикселях |
Современная альтернатива на CSS:
<style>
.half-width {
width: 50%;
margin: 1em auto; /* Центрирование */
}
.fixed-width {
width: 200px;
margin-left: 0; /* Выравнивание по левому краю */
}
</style>
<hr class="half-width">
<hr class="fixed-width">
Полный пример современной стилизации:
<style>
.custom-hr {
width: 75%;
height: 3px;
border: none;
background: linear-gradient(to right, transparent, #3498db, transparent);
margin: 2rem auto;
}
</style>
<hr class="custom-hr">
Рекомендации:
- Не используйте атрибут
widthв новых проектах - Для контроля ширины применяйте CSS-свойство
width - Комбинируйте с
marginдля выравнивания - Для адаптивного дизайна используйте относительные единицы (%)
- Учитывайте отзывчивость на мобильных устройствах
Особенности работы:
- В HTML5 атрибут
widthсчитается устаревшим - Без указания ширины линия занимает 100% ширины контейнера
- Для центрирования нужно явно задавать margins
- В CSS можно использовать любые единицы измерения (vw, rem и др.)
Примечание: Хотя атрибут width может работать в некоторых браузерах для обратной совместимости, современные стандарты веб-разработки требуют использования CSS для управления размерами и расположением элементов.