6 out of 7 rated this helpful - Rate this topic

padding-left property

Sets or retrieves the amount of space to insert between the left border of the object and the content.

Syntax

padding-left: <length> | <percentage>

Property values

length: Floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see CSS Values and Units Reference.
percentage: Integer, followed by a percent sign (%). The value is a percentage of the width of the parent object.

CSS information

Applies To	All elements
Media	visual
Inherited	no
Initial Value	0

Standards information

CSS 2.1, Section 5.5.9

Remarks

As of Microsoft Internet Explorer 5.5, this property applies to inline elements. With earlier versions of Windows Internet Explorer, inline elements must have an absolute position or layout to use this property. Element layout is set by providing a value for the height property or the width property.

Negative values are not allowed.

Examples

The following examples use the padding-left attribute and the padding-left property to change the padding of the object.

This example uses td as a selector in an embedded style sheet to set the left padding for all table cells to 1 centimeter.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/padding-left.htm


<STYLE>
    TD { padding-left:1cm }
</STYLE>

This example uses inline scripting to set the cell's left padding to 1 centimeter when an onmouseover event occurs.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/paddingLeft.htm


<TD onmouseover="this.style.paddingLeft='1cm'"
    onmouseout="this.style.paddingLeft=''">
    <IMG src="sphere.jpg">
</TD>

Community Additions

ADD