mozilla

Revision 25447 of padding-bottom

  • Revision slug: CSS/padding-bottom
  • Revision title: padding-bottom
  • Revision id: 25447
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment

Revision Content

{{ CSSRef() }}

Summary

padding-bottom property of an element sets the padding space required on the bottom of an element. Padding area is the space between the content of the element and it's border. A negative values is not allowed.

  • {{ Xref_cssinitial() }}: 0
  • Applies to: all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column
  • {{ Xref_cssinherited() }}: no
  • Percentages: refer to {{ Cssxref("height") }} of closest block-level ancestor
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: the percentage as specified or the absolute length

Syntax

padding-bottom: {{ Xref_csslength() }} | {{ Xref_csspercentage() }} | {{ Cssxref("inherit") }} | {{ Cssxref("auto") }};

Values

<length>
Specifies a fixed height.
<percentage>
a percentage with respect to the height of the containing block.

Examples

{{ CSSRefExampleLink("padding-bottom") }} {{ Fixeg() }}

.content {
  padding-bottom: 5%;
}

.sidebox {
  padding-bottom: 10px;
} 

Notes

Specifications

Browser compatibility

{{ Fixbrowser() }}

Browser Lowest Version
Internet Explorer ?
Firefox ?
Netscape ?
Opera ?
Safari ?

See also

{{ CSS_Reference:Padding() }}

Revision Source

<p> {{ CSSRef() }}
</p>
<h3 name="Summary"> Summary </h3>
<p><b><code>padding-bottom</code></b> property of an element sets the padding space required on the bottom of an element. Padding area is the space between the content of the element and it's border. A negative values is not allowed.
</p>
<ul><li> {{ Xref_cssinitial() }}: 0
</li><li> Applies to: all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column
</li><li> {{ Xref_cssinherited() }}: no </li><li> Percentages: refer to {{ Cssxref("height") }} of closest block-level ancestor
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}: the percentage as specified or the absolute length
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">padding-bottom: {{ Xref_csslength() }} | {{ Xref_csspercentage() }} | {{ Cssxref("inherit") }} | {{ Cssxref("auto") }};
</pre>
<h3 name="Values"> Values </h3>
<dl><dt>&lt;length&gt;</dt><dd> Specifies a fixed height. </dd><dt>&lt;percentage&gt;</dt><dd> a percentage with respect to the height of the containing block. </dd></dl>
<h3 name="Examples"> Examples </h3>
<p>{{ CSSRefExampleLink("padding-bottom") }} {{ Fixeg() }}
</p>
<pre class="eval">.content {
  padding-bottom: 5%;
}

.sidebox {
  padding-bottom: 10px;
} 
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> Specifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#padding-bottom">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#padding-properties">CSS 2.1 box</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-box/#the-padding">CSS 3 box</a>
</li></ul>
<h3 name="Browser_compatibility"> Browser compatibility </h3>
<p>{{ Fixbrowser() }}
</p>
<table class="standard-table"> <tbody><tr> <th>Browser</th> <th>Lowest Version</th> </tr> <tr> <td>Internet Explorer</td> <td>?</td> </tr> <tr> <td>Firefox</td> <td>?</td> </tr> <tr> <td>Netscape</td> <td>?</td> </tr> <tr> <td>Opera</td> <td>?</td> </tr> <tr> <td>Safari</td> <td>?</td> </tr>
</tbody></table>
<h3 name="See_also"> See also </h3>
<p>{{ CSS_Reference:Padding() }}
</p>
Revert to this revision