marquee要素は自動的に文字や画像を表示域内で行って帰ってとスクロールさせるマーキーを作成します。Internet Explorer 2.0 の時に独自に採用された機能で、テキストや画像などのインライン内容だけでなく、ブロック要素自体も marquee要素の内容となったものは何でもスクロールさせることができるようです。多くの属性が定義されており、スクロールの動きをいろいろとコントロールすることができます。
marquee要素は Internet Explorer 2.0 の時に独自に採用された機能ですが、現在では Internet Explorer だけでなく、Safari を除く Netscape, Firefox, Opera などから携帯電話端末まで多くの UA が対応しており、その属性にまでほとんど全て対応しているようです。HTML の正式な仕様には定義されていない要素であるため、現在はサポートしている UA も今後の対応がどのようになるかわかりません。
独自機能のため仕様は不明ですが、表示域の左右いっぱいまでの範囲を占め、前後に改行を置くことから要素型を無理矢理区分するとブロックレベル扱いになるようです。なお、marquee要素の中に p要素や div要素のブロック要素を含めても、強制的にそのブロックボックスごとスクロールさせてしまい、ユーザー側ではそのスクロールを止めることができないので、数ある独自機能の中でも最凶クラスの機能です。
マーキーのスクロールの動き方を指定します。値には次の3つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。
Netscape, Firefox では "slide" の指定は無効です。
マーキーのスクロールする領域に16進数RGB値、またはカラーネームで背景色を指定します。Netscape では無効です。CSS の background-colorプロパティでも代替が可能です。
マーキーのスクロールさせる方向を指定します。値には次の4つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。初期値は "left" です。
Netscape は "up" と "down" に対応していません。"left" と "right" には対応しています。
マーキーのスクロールする領域の高さを指定します。Firefox では無効です。CSS の heightプロパティでも代替が可能です。
マーキーがスクロールする範囲の周辺に設ける左右の余白を整数(ピクセル数で解釈)で指定します。Netscape, Firefox, Opera では無効です。CSS の marginプロパティでも代替が可能です。
マーキーがスクロールする回数を指定する属性で、値には整数でスクロールを繰り返す回数を指定するか、"-1"、または "infinite" のキーワードを指定すると無限にスクロールを繰り返します。初期値は "-1" で、loop属性の指定がなければ、永遠にスクロールを繰り返します。
一度に動かす移動距離間を整数(ピクセル数で解釈)で指定します。テキストや画像などの内容を一度に何ピクセル動かすかの設定です。値が大きいほどスクロール速度は速くなりますが、カクカクとした動きになります。初期値は "6" です。
スクロールする内容の遅延時間をミリ秒(1/1000秒)単位の整数で指定し、数が小さいほど速くなり、数が大きいほど遅くなります。初期値は "85" です。"100" で100ミリ秒なので0.1秒おきに scrollamount属性で指定された距離を移動します。
Windows版Internet Explorer では scrolldelay属性の値が "60" 未満("1-59")の場合は、"1" でも "60" でも同じ0.06秒おきに指定の距離を移動します。"60" 未満の値を指定する場合には、truespeed属性の値に "true" を指定します。
Windows版Internet Explorer のみに有効な属性で、scrolldelay属性で指定した遅延時間に合わせて動作するかを指定します。値に "true" を指定すると、scrolldelay属性の値に合わせて正確に動きます。scrolldelay属性の値に "60" 未満の値を指定した場合に、正確な遅延時間を反映させることができます。
値に "false" を指定すると、scrolldelay属性の値に "60" 未満("1-59")の指定があっても60ミリ秒(0.06秒)おきに動作します。ただし、scrolldelay属性の値が "60" 以上であれば、0.06秒おきではなく、scrolldelay属性で指定された値が遅延時間として正確に機能します。Windows版Internet Explorer における truespeed属性の初期値は、"false" に設定されています。
マーキーがスクロールする範囲の周辺に設ける上下の余白を整数(ピクセル数で解釈)で指定します。Netscape, Firefox, Opera では無効です。Macintosh版Internet Explorer 5 では vspace属性で指定された上辺の余白が無視され、下辺の余白のみが表示に反映されます。CSS の marginプロパティでも代替が可能です。
マーキーのスクロールする領域の横幅を指定します。Firefox では無効です。CSS の widthプロパティでも代替が可能です。
marquee要素は仕様には定義されていないため、共通属性が使えるかどうかは UA に依ります。
マーキーは目を惹く効果ではありますが、読みやすさを損ない、ユーザーからしても迷惑なだけなので使用することはお奨めできません。
<marquee>デフォルトのマーキー</marquee> <marquee direction="right">左から右へスクロール</marquee> <marquee scrollamount="50">超高速スクロール</marquee> <marquee scrolldelay="200">超低速スクロール</marquee>
http://w3g.jp/xhtml/dic/marquee実績:大阪学院 入試サイト New! / 三田市民病院 / 神戸女学院大学 入試サイト / 釣りサンデー