Tutorials Point


  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

CSS - padding-bottom


previous next AddThis Social Bookmark Button


Advertisements

Description:

The padding-bottom property sets the width of the padding on the bottom of an element.

Possible Values:

  • length: Any length value. Negative length values are not permitted for this property.
  • percentage: The bottom padding's width is calculated with respect to the width of the element's containing block.

Applies to:

All the HTML elements

DOM Syntax:

object.style.paddingBottom="10px;";

Example:

Here is the example:

<p style="padding-bottom: 15px; border:1px solid black;">
This is a paragraph with a specified bottom padding
</p>

<p style="padding-bottom: 5%; border:1px solid black;">
This is another paragraph with a specified bottom padding in percent
</p>

This will produce following result:

This is a paragraph with a specified bottom padding

This is another paragraph with a specified bottom padding in percent

To Become more comfortable - Do Online Practice



previous next Printer Friendly

Advertisements


  

Advertisements