HTMLでスクロールするテキストの作成方法


<marquee behavior="scroll" direction="left">スクロールするテキスト</marquee>

behavior 属性を "scroll" に設定することで、テキストがスクロールします。direction 属性はスクロールの方向を指定します。

  • CSSでスクロールを実現する方法: CSSの overflow プロパティを使用して、スクロールするテキストエリアを作成することもできます。以下は使用例です。

    <style>
     .scroll-text {
       overflow: scroll;
       height: 100px;
       width: 200px;
     }
    </style>
    
    <div class="scroll-text">
     スクロールするテキスト
    </div>

    上記の例では、overflow: scroll; を使用してスクロールバーを表示し、heightwidth を調整してテキストエリアのサイズを指定しています。

  • これらはHTMLでスクロールするテキストを作成するための簡単な方法の一部です。必要に応じてこれらをカスタマイズし、デザインに合わせて調整してください。