CSS padding-left Property


Example

Set the left padding for a <p> element:

p {
    padding-left: 2cm;
}

Try it yourself »

Definition and Usage

The padding-left property sets the left padding (space) of an element.

Note: Negative values are not allowed.

Default value: 0
Inherited: no
Animatable: yes. Read about animatable Try it
Version: CSS1
JavaScript syntax: object.style.paddingLeft="50px" Try it


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
padding-left 1.0 4.0 1.0 1.0 3.5


CSS Syntax

padding-left: length|initial|inherit;

Property Values

Value Description Play it
length Specifies a fixed left padding in px, pt, cm, etc. Default value is 0 Play it »
% Specifies a left padding in percent of the width of the containing element Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit


Related Pages

CSS tutorial: CSS Padding

HTML DOM reference: paddingLeft property



Color Picker

colorpicker