Атрибут hspace тега <marquee>

Описание

Атрибут hspace для тега <marquee> задавал горизонтальные отступы (поля) вокруг содержимого бегущей строки. Этот атрибут является устаревшим и не соответствует современным стандартам веб-разработки.

Пример использования (устаревший):
<marquee hspace="20"> Текст с горизонтальными отступами </marquee>

Современная альтернатива с CSS:

<style> .modern-marquee { margin: 0 20px; /* Аналог hspace="20" */ padding: 10px; animation: scroll 10s linear infinite; } </style> <div class="modern-marquee"> Современная реализация с CSS </div>

Сравнение подходов:

Аспект hspace (устаревший) margin/padding (CSS)
Синтаксис HTML-атрибут CSS-свойство
Гибкость Только горизонтальные отступы Полный контроль над всеми сторонами
Единицы измерения Только пиксели Любые единицы (px, em, rem, %)

Рекомендации по замене:

  • Используйте margin для внешних отступов
  • Применяйте padding для внутренних отступов
  • Для адаптивного дизайна используйте относительные единицы
  • Сочетайте с медиазапросами для разных устройств

Пример с адаптивными отступами:

<style> .responsive-marquee { margin: 0 2vw; /* Относительно ширины viewport */ padding: 1rem; /* Относительно корневого шрифта */ } @media (max-width: 600px) { .responsive-marquee { margin: 0 5px; } } </style> <div class="modern-marquee responsive-marquee"> Адаптивные отступы </div>

Ограничения устаревшего подхода:

  • Нет поддержки адаптивного дизайна
  • Ограниченный контроль (только горизонтальные отступы)
  • Не работает с современными CSS-свойствами
  • Удален из спецификации HTML5

Примечание: Для сложных макетов с анимацией рекомендуется использовать современные CSS-техники, такие как Flexbox или Grid, в сочетании с CSS-анимациями или JavaScript-библиотеками для плавных переходов.