Html padding what is it

The padding CSS shorthand property sets the padding area on all four sides of an element at once. Note: Padding creates extra space within an element. In contrast, margin creates extra space around an element. The padding property may be specified using one, two, three, or four values. We just launched W3Schools videos. Get certified by completing a course today! If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:.

Margins Margin Collapse. Float Clear Float Examples. Navbar Vertical Navbar Horizontal Navbar. Shadow Effects Box Shadow. This element has a padding of 70px. Report Error. We can also add the padding in the image canvas using edit operations like HTML editor with some style attributes and switch to the rich text-editors after the user selects the images.

Based on the user or client instructions, selective padding like for example, pixels border is added to all the sides of the images which we select or upload the image contents in the web pages; also, we can add the padding selectively by using some padding styles like the padding-bottom option to padding-right based on the user requirements.

We can use padding in javascript functions to create and re-size the border styles or padding styles automatically after calling the javascript functions in the HTML codes.

Generally, padding property sets or returns the padding of the HTML elements that property takes from a single value up to four values; we will discuss each of the padding values below. The above three examples first example is the basic example for the padding concept; in the second example, we will add additional images in the web pages using padding styles.

The final example is we use javascript functions to set or resize the padding styles automatically. We already discussed some HTML concepts in real-time scenarios, whichever we are using HTML tags in web pages, not only in web mode but also on user compatibility; it will accept the mobile both android and ios modes based on user requirements.

You can also go through our other related articles to learn more —. Submit Next Question. By signing up, you agree to our Terms of Use and Privacy Policy. Forgot Password?