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

Описание

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

Пример использования (устаревший):
<marquee width="300"> Бегущая строка фиксированной ширины </marquee> <marquee width="50%"> Относительная ширина </marquee>

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

<style> .modern-marquee { width: 300px; /* Фиксированная ширина */ animation: scroll 10s linear infinite; } .responsive-marquee { width: 50%; /* Относительная ширина */ } </style> <div class="modern-marquee"> Фиксированная ширина с CSS </div> <div class="modern-marquee responsive-marquee"> Адаптивная ширина </div>

Сравнение возможностей:

Аспект width (устаревший) CSS width
Единицы измерения px или % px, %, em, rem, vw, vh и др.
Адаптивность Ограниченная Полная (медиазапросы)
Минимальная/максимальная ширина Нет min-width, max-width

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

  • Используйте CSS-свойство width
  • Для адаптивности применяйте относительные единицы (%, vw)
  • Сочетайте с min-width и max-width
  • Используйте медиазапросы для разных размеров экрана

Пример с адаптивной шириной:

<style> .adaptive-marquee { width: 80vw; /* 80% ширины viewport */ max-width: 800px; min-width: 300px; } @media (max-width: 600px) { .adaptive-marquee { width: 95vw; } } </style> <div class="modern-marquee adaptive-marquee"> Адаптивная бегущая строка </div>

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

  • Ограниченные возможности адаптации
  • Нет контроля минимальной/максимальной ширины
  • Плохая интеграция с современными макетами
  • Удален из спецификации HTML5

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