CSS padding-left Property

CSS padding-left property sets the left padding of an element.

Usages

The following table outline the usages and version history of this property.

Default value: 0
Applies to: All elements except <tbody>, <thead>, <tfoot>, <tr>, <colgroup> and <col> elements
Inherited: No
Version: CSS1
JavaScript Syntax: object.style.paddingLeft = "40px"

Syntax

Here is a syntax for the CSS padding-left property

 padding-left: length | percentage | auto | initial | inherit;

Property Values

The following table describes the values of this property.

Value Description
length Specifies the length value expressed in px, pt, cm, em, etc.
Negative values are also allowed
percentage Specifies the percentage value relative to the width of the element containing block
auto browser calculates a suitable value for the element
initial Sets default value of this property
inherit Inherits this property from its parent element.

Examples

The example below shows to sets padding left values of the element.

 .padding-1 {   padding-left: 30px; }

Browser Compatibility

  • Google Chrome 1+
  • Mozilla Firefox 1+
  • Internet Explorer 4+
  • Opera 3.5+
  • Safari 1+

Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.