Створюємо біжучий рядок HTML

Поле прокручування

По ширині тег займе всю ширину батьківського елемента. А по висоті буде дорівнює контенту всередині. Щоб змінити це, необхідно використовувати два атрибути, які відповідають за висоту і ширину. Це height і width відповідно. Можна використовувати пікселі або відсотки.

Також є ще два атрибута, а саме hspace і vspace. Вони необхідні для створення порожнього простору навколо рядка, що біжить, а точніше – відступу. Відстань визначається відповідно по горизонталі і вертикалі.

Параметри руху

Крім швидкості, можна задати і інші параметри руху. За напрямком руху відповідає атрибут direction. За замовчуванням текст рухається справа наліво. Такий рух відповідає значенню right. Щоб змусити текст рухатися в протилежну сторону, достатньо вказати left, а це буде виглядати наступним чином:

Крім горизонтальної прокрутки, можна вказати і вертикальну. Для руху вмісту вгору використовуємо значення up, а для руху вниз – down.

Цікаве:  Найкраща програма для скачування сайту цілком

Для зміни характеру руху є ще два цікавих і корисних атрибута. Можна задати число прокручувань, після яких вміст зупиниться в крайньому положенні і не буде рухатися. Така властивість відповідає атрибуту loop. За замовчуванням варто значення -1. Якщо поставити 0, текст не буде рухатися зовсім. Цілі значення вище 0 запустять лічильник.

Більш об’ємним атрибутом є behavior. Він відповідає за спосіб руху контенту. За замовчуванням варто значення scroll. Він означає, що вміст буде переміщатися по заданому напрямі, а після того, як повністю зникне, і почне свій рух заново.

Якщо вмісту мало, можна задати значення атрибуту alternate. Після досягнення крайньої точки вміст почне свій рух у зворотному напрямку. І так нескінченну кількість разів, якщо не встановлено лічильник.

Останнє значення – це slide. Він дає команду вмісту дійти до кінця і зупинитися.