ホーム>HTMLリファレンス(アルファベット検索)><marquee>タグ
<marquee>…文字や画像をスクロールさせる
使用タグ
|
<marquee 属性="属性値">〜</marquee> |
開始タグと 終了タグ |
両方必須 |
内容となる 要素 |
ブロック要素、インライン要素、テキスト
|
|
|
解説
<marquee>タグはインライン要素でこれを使えば、左右や上下に自動的にスクロールする文字や画像(マーキー)を表示することができます。
※Internet Explorer の独自の要素ですが現在では Opera、Fire Foxでも対応しています 。
|
属性と働き
属性 |
働き |
指定できる値 |
behavior="動作" |
マーキーの動作を指定できます |
スクロールの動作をscroll(一方向にスクロール)、slide(端まで)、alternate(端から端までを往復)のいずれかで指定します。省略時の値はscrollです。 |
direction="移動する方向" |
マーキーの移動する方向を指定できます |
「left」右から左(指定しない場合は左に移動)
「right」左から右
「down」上から下
「up」下から上 |
loop="繰り返しの数" |
マーキーの繰り返す回数を指定できます |
繰り返す回数を指定 「0」、「-1」だと永久に繰り返す |
scrollamount="距離" |
マーキーの一度に動かす距離を指定できます |
動かす距離をピクセルを表す整数で指定 |
scrolldelay="時間" |
マーキーの動かす遅延時間を指定できます |
遅延時間をミリ秒単位で指定します
例:値を「1000」と指定すると1秒おきに動きます
|
truespeed="trueまたはfalse" |
scrolldelay で指定した時間で正確に動きます。この属性が無い場合は 60ミリ秒単おきに動きます。 |
「true」(正確に動かす)「false」(60ミリ秒おきに動作) |
bgcolor="背景色" |
マーキーの背景色を指定できます |
色名やカラーコード(16進数)などを指定する |
width="長さ" |
マーキーを表示する幅を指定できます |
ピクセルを表す整数、またはパーセンテージ |
height="長さ" |
マーキーを表示する高さを指定できます |
ピクセルを表す整数、またはパーセンテージ |
hspace="ピクセル数" |
左右の余白の幅を指定できます |
ピクセルを表す整数 |
vspace="ピクセル数" |
上下の余白の長さを指定できます |
ピクセルを表す整数 |
使用例
記述例
<marquee>普通に</marquee>
<marquee behavior="slide">端で停止</marquee>
<marquee behavior="scroll">一方向</marquee>
<marquee behavior="alternate">往復</marquee>
<marquee direction="right">左から右へ</marquee>
<marquee width="50%">幅50%に指定</marquee>
<marquee bgcolor="#ffaa00">背景色指定</marquee>
<marquee scrolldelay="1000">ゆーっくり</marquee>
<marquee scrollamount="50">早!!</marquee> |
|
[ブラウザでの表示例]
ブラウザ |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他