廃止
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.
概要
<marquee> 要素はテキストがスクロールする領域を挿入します。
属性
behavior- marquee 要素内でのテキストのスクロール方法を
scroll、slide、alternateの内の何れかのキーワードで指定します。指定を省略した場合は、初期値のscrollが適用されます。 bgcolor- 背景色を、色名もしくは HEX カラーコードで指定します。
direction- marquee 要素内でのテキストのスクロール方向を
left、right、up、downの内の何れかのキーワードで指定します。初期値はleftです。 height- スクロール範囲の高さを、ピクセル値かパーセント値で指定します。
hspace- 水平方向のマージンを指定します。
loop- テキストのスクロール回数を指定します。初期値は −1 であり、これはスクロール回数を制限せず、恒久的にスクロールを続ける指定です。
scrollamount- インターバル内での、テキストの移動ピクセル数を指定します。初期値は 6 です。
scrolldelay- スクロール動作のインターバルをミリ秒で指定します。初期値は 85 です。
truespeed属性が指定されていない場合は 60 が最下限であり、これ以下の値は 60 として解釈されます。 truespeed- デフォルトでは、
scrolldelayで 60 を下回る値は無視します。truespeedを指定すると、それらの値が無視されません。 vspace- 垂直方向のマージンをピクセル値かパーセント値で指定します。
width- スクロール範囲の幅をピクセル値かパーセント値で指定します。
イベントハンドラ
onbounce- スクロール範囲の終端に達した時に発火するイベントハンドラ。behavior 属性の値に
alternateが指定されている場合のみ発火します。 onfinish- loop 属性で指定された回数のループが終了した時に発火するイベントハンドラ。loop 属性に 1 以上の値が指定されている場合にのみ発火します。
onstart- marquee がスクロールを開始した時に発火するイベントハンドラです。
メソッド
- start
- marquee のスクロールの開始
- stop
- marquee のスクロールの停止
例
<marquee>This text will scroll from right to left</marquee>
<marquee direction="up">This text will scroll from bottom to top</marquee>
<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
<marquee behavior="alternate">
This text will bounce
</marquee>
</marquee>
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard The definition of '<marquee>' in that specification. |
Living Standard | CSS の方が望ましいため廃止しましたが、後方互換性のため期待する動作を定義しています。 |
| HTML5 The definition of '<marquee>' in that specification. |
勧告 | CSS の方が望ましいため廃止しましたが、後方互換性のため期待する動作を定義しています。 |
注意
- marquee 要素は元々、IE による独自実装です。
- marquee 要素は HTML 及び XHTML の仕様上では無効となっています。検証以外の目的でこのタグを使用しないで下さい。
- marquee 要素は Mozilla (Firefox) では XBL バインディング で実装されています。
/layout/style/xbl-marquee/xbl-marquee.xmlを参照して下さい。
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 1.0 | 1.0 (1.7 or earlier) | 2.0 | 7.2 | 1.2 |
truespeed 属性 |
未サポート | 3.0 (1.9) | 4.0 | 未サポート | 未サポート |
hspace / vspace 属性 |
? | 3.0 (1.9) | ? | ? | ? |
loop 属性 |
? | 3.0 (1.9) | ? | ? | ? |
| 機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | ? | 1.0 (1.0) | ? | ? | ? |
truespeed 属性 |
? | 1.0 (1.0) | ? | ? | ? |
hspace/vspace 属性 |
? | 1.0 (1.0) | ? | ? | ? |
loop 属性 |
? | 1.0 (1.0) | ? | ? | ? |
関連情報
- 同等の機能を持つ CSS プロパティ「marquee」の仕様: CSS Marquee Module Level 3