marquee-style …… マーキー効果のスタイルを指定する
広告
marquee-styleプロパティは、マーキー効果のスタイルを指定する際に使用します。
■値
- scroll
- スクロール表示（初期値）
- slide
- スライド表示（スクロールインして、それ以上のコンテンツが無くなれば止まる）
- alternate
- 往復スクロール表示（bounce というキーワードに変更される可能性がある）
■初期値・適用対象・値の継承
- 初期値
- scroll
- 適用対象
- 置換されていないブロックレベル要素、および、置換されていないインラインブロック要素
- 値の継承
- しない
■使用例
スタイルシート部分は外部ファイル（sample.css）に記述。
div.sample1 {marquee-style: scroll;}
div.sample2 {marquee-style: slide;}
div.sample3 {marquee-style: alternate;}
HTMLソース
<div class="sample1"> marquee-style: scroll; を指定 </div> <div class="sample2"> marquee-style: slide; を指定 </div> <div class="sample3"> marquee-style: alternate; を指定 </div>
↓↓↓
ブラウザ上の表示
marquee-style: scroll; を指定
marquee-style: slide; を指定
marquee-style: alternate; を指定
広告