Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><marquee>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<marquee>…文字や画像をスクロールさせる

使用タグ

HTMLタグ

<marquee 属性="属性値">〜</marquee>

開始タグと
終了タグ

両方必須

内容となる
要素

ブロック要素、インライン要素、テキスト

対応ブラウザ IE6 WinFireFox WinFireFox MacIE5 macOpera

解説

<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>
↓
[ブラウザでの表示例]
ブラウザ
普通に 端で停止 一方向 往復 左から右へ 幅50%に指定 背景色指定 ゆーっくり 早!!

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system