In order to access this site you need to enable JavaScript!

You are here: Reference > CSS > properties > browser specific extensions > -webkit-marquee-style

-webkit-marquee-style property

Browser support:

Specifies the style of scrolling in a marquee element.

To get similar functionality in all commonly used browsers, use the behavior attribute instead.

JavaScript page for this property: webkitMarqueeStyle. You can find other example(s) there.

Possible values:

One of the following values:

alternate

The contents 'bounce'. Scrolls the contents to the end and then in the opposite direction.

inherit

Takes the value of this property from the computed style of the parent element.

none

Does not scroll the contents.

scroll

Starts to scroll the contents to the end and starts over.

slide

Starts to scroll the contents to the end and stops.

Default: scroll.

Example HTML code 1:

This example illustrates the use of the -webkit-marquee-style property:

<head>
    <style>
        .myMarquee {
            border: 1px dotted #000000;
            width: 200px;
            height: 60px;
            text-align: right;
            -webkit-marquee-direction: forwards;
            -webkit-marquee-increment: 6px;
            -webkit-marquee-repetition: infinite;
            -webkit-marquee-speed: fast;
        }

        .scroll {
            -webkit-marquee-style: scroll;
        }

        .slide {
            -webkit-marquee-style: slide;
        }
    </style>
</head>
<body>
    <marquee class="myMarquee scroll">
        scoll marquee<br />
        scoll marquee<br />
        scoll marquee
    </marquee>

    <marquee class="myMarquee slide">
        slide marquee<br />
        slide marquee<br />
        slide marquee
    </marquee>
</body>