https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

マーキータグと文字を並べる

マーキータグにwidthの属性を追加するとマーキータグと文字を並べる事が 可能です。ブラウザ上では文字とスクロール文字が改行されずに一直線上に 表示されます。

【ブラウザ表示】

通常だとこのように改行されてしまいます。

width属性を指定したので同じ行の並んだ文字にぶつかります。

左の文章が右の文章から出て行くように見えます。

左へ出ます中点右へ向かいます。


ソース

<p>
<marquee>通常だと</marquee>このように改行されてしまいます。
</p>
<p>
<marquee width="200" direction="right">
width属性を指定したので
</marquee>
同じ行の並んだ文字にぶつかります。
</p>
<p>
<marquee width="300" direction="left">左の文章が</marquee>右の文章から出て行くように見えます。
</p>
<p>
<marquee width="150" direction="left">左へ出ます</marquee>中点<marquee width="300" direction="right">右へ向かいます。</marquee>
</p>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

文字や画像をスクロールする
属性を組み合わせる

HTMLタグ一覧のページに戻る