padding property

Description

CSS padding property represents space between the sides of content and the border areas. It increases the size of a box more than usual.

Negative values are not allowed.

Syntax

padding :+ve length

Property values

length Default 0: There is no space between the side borders and the content area.; padding: 0;
Try it
+ve length 10: There is 10px space between side borders and the content area. The size of box increases by 10px due to padding.; padding: 10px;
Try it

Applicable to

It applies to all elements other than internal table elements.

Preview

Code

CSS

.parent{
width:70%;
height:100px;
border:5px solid red;
}

HTML

<div class="parent">
 padding property represents space between the  sides of content and the border areas. It increases the height of a box more than usual.
 </div>

CSS3 Properties

Description

Syntax

Property values

Applicable to