interview

home / developersection / interviews / what is padding in css (cascading style sheet) and how to use it ?

Ask Question
Abhishek Srivasatava

Employee

Follow
Can you answer this question?
Answer

1 Answers

Abhishek Srivasatava

Abhishek Srivasatava

13-Oct-2016

It is to control the spaces around the content.

there is two way by which we can declare this property:

1st method

p {
    padding-top: 80px;
    padding-right: 60px;
    padding-bottom: 40px;  
    padding-left: 10px;
    }
 

2nd method

p {
padding: 50px 20px 80px 60px;
}

In the above example, if there is only three value. For example 

p {
padding: 50px 20px 80px;
}

Then top value will be  50px

Left –right  value will be  20px

And button 80px

if there is only two value. for example

 p {
    padding: 50px 20px;
    }

Then top & bottom value will be 50px

And Left –right  value will be  20px

If there is only one value. for example 

p {
    padding: 50px;
  }

Then top bottom Left & right all have value 50px.

advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy