Web | This Site

CSS Home
CSS Reference
Pseudo Classes & Elements
© 2011 TutorialsPoint.COM

| Home |  | References |  | Discussion Forums |  | About TP

# CSS - padding-bottom

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

Advertisement

Online Image Processing

Indian Baby Names