CSS3 Pre-Reference



marquee-style

マーキーのスタイル

試す




コード

#containe p {
    marquee-style: scroll;
    -webkit-marquee-style: scroll;

    marquee-play-count: infinite;
    -webkit-marquee-repetition: infinite;
}

サンプル

※サポートしていないブラウザでは動作しません。

この要素がマーキーします。

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
3.0~
Opera
まだ
InternetExplorer
まだ

パラメータ

scroll | slide | alternate
初期値 scroll
適用 overflowプロパティと同じ要素
継承 しない
レベル 3
%の解釈 -
適用メディア Visual
参考文献 CSS Marquee Module Level 3#6. The ‘marquee-style’ property

解説

マーキーのスタイルを指定します。

CSS3になって、ずっと独自拡張だった<marquee>の代替案としてCSSのスタイルが導入されました。

scroll
反対側の端までスクロールします。表示が見えなくなるまでスクロールします。
slide
反対側の端までスクロールし終わったら、そこで停止します。ボックスの反対側の端がそろうまでスクロールします。
alternate
一度反対の端まで行って、戻ってきます。

トラックバック

投稿されたコメント