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

You are here: Reference > CSS > properties > browser specific extensions > -moz-padding-start

-moz-padding-start property | -webkit-padding-start property

Browser support:

-moz-padding-start:

-webkit-padding-start:

Specifies the space between an element's left or right border and its contents, depending on the writing direction.

If the writing direction is set to left-to-right, use the padding-left property, else use the padding-right property for cross-browser compatibility.

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

Possible values:

One of the following values:

inherit

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

space in non-negative length

The space in length units. For the supported length units, see the length page.

space in non-negative percentage

The space is the specified percentage of the width of the parent element.

Default: 0.

Example HTML code 1:

This example illustrates the use of the -moz-padding-start and the -webkit-padding-start properties:

<head>
    <style>
        .ltr {
            direction: ltr;
            border: 2px solid red;
            -moz-padding-start : 20px;
            -webkit-padding-start : 20px;
        }
        .rtl {
            direction: rtl;
            border: 2px solid red;
            -moz-padding-start : 20px;
            -webkit-padding-start : 20px;
        }
    </style>
</head>
<body>
    <a class="ltr">padding-start: 20px (ltr)</a>
    <br /><br />
    <a class="rtl">padding-start: 20px (rtl)</a>
</body>