マーキー <MARQUEE>

HOME > HTML > マーキー <MARQUEE>


タグ 属性 サポート
<MARQUEE>
direction="*"
bgcolor="color"
heidht="n"
width="n"
behavior="*"
loop="n"
scrollamount="*"
e2〜
e2〜
e2〜
e2〜
e2〜
e2〜
e2〜
e?

■ 説明

<marquee>マーキーは、テキストやイメージを上下や左右動かす(スクロール)属性があります。Internet Explorer独自のタグでNetscapeでは使用できません。

■ 方向を指定-direction

■ 説明

<marquee>タグのdirecitonは、スクロールの方向を指定する属性があります。これを指定しない場合は右→左に移動します。

属性値(一方通行) サポート
left(右→左)
rigt(左→右)
down(上→下)
up(下→上)
e2
e2
e4
e4

■ 記述 <marquee direciton="属性値">〜</marquee>

<marquee direciton="left">文字がスクロールします。</marquee>

■ 表示結果

Netscapeでは静止して見えます。

文字がスクロールします。

■ 上下や左右に動かすには?

上下の場合

<marquee direction=up behavior=alternate>文字を記入</marquee>

左右の場合

<marquee behavior="alternate" direction="right">文字を記入<div align="left"></marquee>

■ 画像を動かすには?

<img>タグを使います。

<marquee direction=left><img src="画像のURL"></marquee>

■ 表示結果

■ 背景色を指定-bgcolor

■ 説明

<marquee>たぐの、bgcolorは、背景色を指定する属性があります。属性値には16進数やカラーネームを使います。

■ 記述 <marquee direciton="*" bgcolor="color">〜</marquee>

<marquee direciton="left" bgcolor="Red">背景色は赤色です。</marquee>

■ 表示結果

背景色は赤色です。
■ サイズを指定-heght、width

■ 説明

<marquee>タグのheightとwidthはマーキーのサイズを指定する属性があります。属性値にはページに対する%またはピクセルで指定できます。

属性値
height 高幅
width 横幅

■ 記述 <marquee direction="right" height="数値"width="数値">〜</marquee>

<marquee direction="up" height="100"width="200">
たてが100ピクセルで、<br>
よこが200ピクセルです</marquee>

■ 表示結果

サンプルは見やすくするために背景色も変えています。

たてが100ピクセルで、
よこが200ピクセルです
■ 動作を指定-behavior

■ 説明

<marquee>タグのbehaviorは、動作を指定する属性があります。これを指定しない場合は通常の動き(スクロール)になります。

属性値
side 出現方向の逆の端で、文字やイメージが停止する
scroll 通常のスクロール

■ 記述 <marquee direction="right" behavior="属性値">〜</marquee>

■ スクロールの回数を指定-loop

■ 説明

<marquee>タグのloopは、スクロールする回数を指定する属性があります。これを指定しない場合はスクロールを繰り返します。

■ 記述 <marquee direction="right" loop="*">〜</marquee>

スクロールを5回指定の場合

<marquee direction="right" loop="5">〜</marquee>
■ 速度を指定-marquee

■ 説明

<marquee>タグのscrollamountは、スクロールする速さを指定する属性があります。これを指定しない場合は通常の速さです。属性値は1〜指定でき数値が大きいほど早くなります。

■ 記述 <marquee scrollamount="*">〜</marquee>

<marquee scrollamount="20">早くなります。</marquee>

■ 表示結果

早くなります。

[HOME]