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>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content