<marquee> 文書をスクロールさせる -HTMLタグ辞典
HTMLタグ辞典 文書をスクロールさせる
トップページ 戻る コミュニティ リンク ヘルプ
ページ テキスト フォント リンク イメージ リスト フレーム テーブル フォーム 意味 補助 その他
 HTMLタグ辞典 >> テキスト >> 文書をスクロールさせる
タグ

 <marquee> 〜 </marquee>

解説

 <marquee>タグの間に挟まれた文書は、右から左にスクロールします。 Internet Explorerでのみ有効です。


 属性を設定することで、文字のスクロールや背景色等を細かく指定をすることが可能です。 属性の種類とその効果に関しては、下にまとめます。 デフォルト(属性を設定をしなかった場合)では、右から左に普通の文字が繰り返し流れます。 画面上で、4つまでしか同時に動作させることができないようです。


 5以上、1つのページに<marquee>を設定してしまった場合、ソースに記述した上から順に4つ目の<marquee>タグの間に記述された文書までが表示され、5つ目以降の<marquee>タグの間に記述された文書は、表示されなくなります。 動きのある文書・画像等を好まない訪問者もいるので、動かし過ぎには気をつけた方が良いでしょう(ユーザビリティ)。

ブラウザ

 このタグは Internet Explorer に対応しています。 

使用頻度

  (1/5)

見出し文を設定する
見出しの表示位置を指定する
段落を設定する
段落の表示位置を指定する
改行する
改行させない
文書を点滅させる
文書をスクロールさせる
文書の表示方向を指定する
特定の領域の設定をする
特定領域に共通属性を設定する
特定領域をグループ化する
特定領域の表示位置を指定する
特定領域の表示位置を中央に指定する
入力した通りに表示させる
文章を引用する(長文)
文章を引用する(短文)
上付き文字を指定する
下付き文字を指定する
横罫線を表示させる
ページの余白を設定する

属性 解説
width ピクセル、%

スクロールする横幅
(例) <marquee width="200">

height ピクセル、%

スクロールする縦幅
(例) <marquee height="200">

vspace ピクセル、%

スクロールする範囲の上下の余白
(例) <marquee vspace="200">

hspace ピクセル、%

スクロールする範囲の左右の余白
(例) <marquee hspace="200">

behavior scroll

文書が画面を横切る (特に設定しない場合と同じ)
(例) <marquee behavior="scroll">

slide

文書が画面の端まで行き停止する
(例) <marquee behavior="slide">

alternate

文書が画面の端で折り返し、行ったり来たりする
(例) <marquee behavior="alternate">

direction left

文書が左にスクロールする
(例) <marquee direction="left">

right

文書が右にスクロールする
(例) <marquee direction="right">

up

文書が上にスクロールする
(例) <marquee direction="up">

down

文書が下にスクロールする
(例) <marquee direction="down">

loop 回数

スクロールする回数
※デフォルト:無限
(例) <marquee loop="3">

scrolldelay 数値
(1/1000秒)

値が大きいと遅く、小さいと速くスクロールする
※デフォルト:85
※再描画されるまでの秒数
※60未満は無効
(例) <marquee scrolldelay="70">

scrollamount 数値
(ピクセル)

値が大きいと速く、小さいと遅くスクロールする
※デフォルト:6
※再描画されるまでに進む距離
(例) <marquee scrollamount="10">

truespeed なし

scrolldelayで60未満の数値を有効にする
(例) <marquee scrolldelay="50" truespeed>

bgcolor

文書の背景色を指定する
※色指定値(#rrggbb)か、色名(colorname)で指定
(例) <marquee bgcolor="red">

共通属性

classtitlestyleid

サンプルソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>サンプルページ</TITLE>
</HEAD>
<BODY>

<marquee>特に設定をしない場合</marquee>
<br>

<marquee height="300" direction="up">縦幅を300ピクセルに設定</marquee>
<br>
<marquee behavior="alternate" bgcolor="red">いったり来たり</marquee>
<br>
<marquee scrolldelay="10" truespeed>速度を変える</marquee>

</BODY>
</HTML>

サンプルページ
※上記のサンプルソースで記述されたHTMLファイルを、
お使いのブラウザでご覧いただけます。


関連ページ


PAGE TOP
トップページ 戻る コミュニティ リンク ヘルプ





アクセス 昨日 今日 Copyright (C) NEWCREDGE GROUP All Rights Reserved.