- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
CSS padding property
The padding property sets the left, right, top and bottom padding (space) of an element.
Example
You can try to run the following code to implement padding property.
<html> <head> </head> <body> <p style = "padding: 25px; border:2px solid orange;"> All four padding will be 25px </p> <p style = "padding:20px 4%; border:2px solid red;"> Top and bottom padding will be 20px, left and right padding will be 4% of the total width of the document. </p> <p style = "padding: 15px 3% 10px; border:1px solid maroon;"> Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px </p> </body> </html>
Updated on 31-Jan-2020 06:56:55
- Related Questions & Answers
- CSS padding-right property
- CSS padding-bottom property
- CSS padding-top property
- CSS padding-left property
- Animate CSS padding-bottom property
- Animate CSS padding-left property
- Animate CSS padding-right property
- The padding shorthand Property in CSS
- Perform Animation on CSS padding-top property
- CSS padding-box Value
- CSS Margins and Padding
- HTML DOM Style padding Property
- Change the padding of a button with CSS
- Specify the left padding of an element with CSS
- Specify the bottom padding of an element with CSS
Advertisements