最終更新日 2021年6月6日

marquee-directionプロパティ

marquee-directionは、マーキーのスクロール方向を指定するプロパティです。

値には、「forward」と「reverse」のいずれかのキーワードを指定します。初期値は「forward」です。

マーキーのスクロール方向は、要素に指定されているdirectionとoverflow-styleの値に影響されます。

CSS3での変更点

・marquee-directionは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
forward	overflowと同じ	あり

値	説明
forward	マーキーの向きが水平の場合は「左から右」、垂直の場合は「上から下」に、コンテンツをスクロールします。（初期値）
reverse	マーキーの向きが水平の場合は「右から左」、垂直の場合は「下から上」に、コンテンツをスクロールします。

サンプルコード

marquee-direction: forward;
marquee-direction: reverse;

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。