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: 
The contents 'bounce'. Scrolls the contents to the end and then in the opposite direction.
Takes the value of this property from the computed style of the parent element.
Does not scroll the contents.
Starts to scroll the contents to the end and starts over.
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:
        .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;
    <marquee class="myMarquee scroll">
        scoll marquee<br />
        scoll marquee<br />
        scoll marquee

    <marquee class="myMarquee slide">
        slide marquee<br />
        slide marquee<br />
        slide marquee
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content