超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Mozilla Color AccessUp Links SiteMap
ページ
テキスト
スクロール
ライン
イメージ
リンク
リスト
テーブル
フレーム
ボックス
フィルタ
a〜h
i〜z

 スクロール
<marquee>文字がスクロールします。</marquee>
文字がスクロールします。
 スクロールする回数を指定する
<marquee loop="3">3回スクロールすると止まります。</marquee>
3回スクロールすると止まります。
 スクロールの方法を指定する
<marquee behavior="scroll">スクロールを同じ方向に繰り返します(デフォルト)。</marquee>
スクロールを同じ方向に繰り返します(デフォルト)。
<marquee behavior="alternate">端にくると逆方向にスクロールします(往復)。</marquee>
端にくると逆方向にスクロールします(往復)。
<marquee behavior="slide">端にくると止まります。</marquee>
端にくると止まります。
 スクロールする方向を指定する
<marquee direction="left">右から左にスクロールします(デフォルト)。</marquee>
右から左にスクロールします(デフォルト)。
<marquee direction="right">左から右にスクロールします。</marquee>
左から右にスクロールします。
<marquee direction="up"> 下から上にスクロールします。 </marquee>
下から上にスクロールします。
<marquee direction="down"> 上から下にスクロールします。 </marquee>
上から下にスクロールします。
 スクロールする範囲を指定する
<marquee width="400">横幅400ピクセルの範囲でスクロールします。</marquee>
横幅400ピクセルの範囲でスクロールします。
<marquee direction="up" height="100">高さ100ピクセルの範囲でスクロールします。 </marquee>
高さ100ピクセルの範囲でスクロールします。
<marquee width="300" behavior="alternate"><img src="sample/ufo.gif" alt="UFO"></marquee>
UFO
 スクロールする範囲の周りの余白を指定する
<marquee width="300" hspace="100">横幅300ピクセルの範囲の左右に100ピクセルの余白をつけています。</marquee>
横幅300ピクセルの範囲の左右に100ピクセルの余白をつけています。
<marquee direction="up" height="100" vspace="30">高さ100ピクセルの範囲の上下に30ピクセルの余白をつけています。</marquee>
高さ100ピクセルの範囲の上下に30ピクセルの余白をつけています。
 スクロールする範囲の背景色を指定する
<marquee bgcolor="#ffc0cb" width="300">背景色をRGB値で指定。</marquee>
背景色をRGB値で指定。
<marquee bgcolor="plum" width="300">背景色をカラーネームで指定。</marquee>
背景色をカラーネームで指定。
 スクロールする時間を指定する
1000分のn秒で指定します。
値が大きいほど遅くなります。

<marquee scrolldelay="200" width="500"><img src="sample/track.gif" alt="トラック"></marquee>
トラック
<marquee scrolldelay="50" width="500"><img src="sample/ambulance.gif" alt="救急車"></marquee>
救急車
 スクロールする距離を指定する
進む距離をピクセル数で指定します。
値が大きいほど速くなります。

<marquee scrollamount="2" width="500"><img src="sample/heri.gif" alt="ヘリコプター"></marquee>
ヘリコプター
<marquee scrollamount="10" width="500"><img src="sample/airplane.gif" alt="飛行機"></marquee>
飛行機