padding-bottom

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-bottom

Description
It determines value of field from the bottom 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-bottom: value | auto

Arguments
It is possible to specify size of the bottom 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
<!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-bottom</title>
  <style type="text/css">
   .layer {
    background: #fc3; /* Background color */
    border: 2px solid #000; /* Frame parameters */
    padding-bottom: 40px; /* Field below from the text */
    padding-top: 40px; /* Field top from the text */
    text-align: center; /* Center alignment */
   }
  </style>
 </head>
 <body>
 
  <div class="layer">
   Lorem ipsum dolor sit amet
  </div>
 
 </body>
</html>

The result of this example is shown on the figure 2


Object model

[window.]document.getElementById("elementID").style.paddingBottom
Desktop virtualization
Fibre Channel vs. ISCSI
IT virtualization
Network Virtualization