
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
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>
- Related Articles
- 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