CSS3 Pre-Reference



overflow-style

マーキーの方向

試す




コード

#containe p {
    overflow: -webkit-marquee;

    overflow-style: auto;
    -webkit-marquee-direction: auto;

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

サンプル

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

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

コメントする


対応ブラウザ

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

パラメータ

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

解説

マーキーの上下・左右の方向を指定します。

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

WebKit系(Chrome、Safariほか)は対応はしていますが、このプロパティではなく、”overflow:-webkit-marquee;”と”-webkit-marquee-direction”を併用する必要があります。

auto
ブラウザのデフォルトです。
marquee-line
横方向にマーキーします。
marquee-block
縦方向にマーキーします。

トラックバック

投稿されたコメント