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

-webkit-marquee-increment property

Browser support:
Specifies the distance between each step of the scrolling marquee in pixels.
JavaScript page for this property: webkitMarqueeIncrement. You can find other example(s) there.

Possible values:

 One of the following values: 
distance in length
The distance between successive displays of the contents in the marquee object in length units. For the supported length units, see the length page.
distance in percentage
The distance is the specified percentage of the width of the object.
Takes the value of this property from the computed style of the parent element.
Same as '36px'.
Same as '6px'.
Same as '1px'.
Default: medium.

Example HTML code 1:

This example illustrates the use of the -webkit-marquee-increment property:
        #myMarquee {
            border: 1px dotted #000000;
            width: 200px;
            height: 60px;
            text-align: right;
            -webkit-marquee-direction: forwards;
            -webkit-marquee-increment: 1px;
            -webkit-marquee-repetition: infinite;
            -webkit-marquee-speed: fast;
            -webkit-marquee-style: scroll;
    <marquee id="myMarquee">
        first line<br />
        second line<br />
        third line
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content