padding-left

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short information
CSS CSS1
Default value 0
Inherited No
Applied To all elements
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/box.html#propdef-padding-left

Description
It determines value of field from the left border of an element contents. Field is called the distance from internal border of an element framework to the imagined rectangle limiting its contents (fig. 1).


Syntax

padding-left: value | auto

Arguments
It is possible to specify size of the left field in pixels (px), percent (%) or other admissible units for CSS. The argument auto specifies that the size of a field will be automatically calculated by a browser.

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>padding-left</title>
  <style type="text/css">
   .layer {
    background: #fc3; /* Background color */
    border: 2px solid black; /* Frame parameter */
    padding: 5px; /* Fields around the text */
   }
   .layer P {
    margin: 0; /* Remove indents around */
    padding-left: 10%; /* Left field */
   }
  </style>
 </head>
 <body> 
 
  <div class="layer">
   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
   nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
   Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit 
   lobortis nisl ut aliquip ex ea commodo consequat.</p>
  </div>
 
 </body>
</html>

The result of this example is shown on the figure 2


Object model

[window.]document.getElementById("elementID").style.paddingLeft
Data Center Virtualization
Desktop virtualization
Fibre Channel vs. ISCSI
IT virtualization