- Data Center Virtualization
- Desktop virtualization
- Fibre Channel vs. ISCSI
- IT virtualization
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).
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
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