Hello Dear Readers, Today In this Post, You will learn CSS Padding | CSS Course For Beginners To Advanced 2021. Earlier I have shared Responsive Product Card UI Design Using HTML CSS jQuery. and now it’s time to CSS Padding | CSS Course For Beginners To Advanced 2021.
The padding property allows you to specify how much space should appear between the content of an element and its border −
The value of this attribute should be either a length, a percentage, or the word inherit. If the value is inherit, it will have the same padding as its parent element. If a percentage is used, the percentage is of the containing box.
The following CSS properties can be used to control lists. You can also set different values for the padding on each side of the box using the following properties −
The padding-bottom specifies the bottom padding of an element.
The padding-top specifies the top padding of an element.
The padding-left specifies the left padding of an element.
The padding-right specifies the right padding of an element.
The padding serves as shorthand for the preceding properties.
Now, we will see how to use these properties
The padding-bottom Property
The padding-bottom property sets the bottom padding (space) of an element. This can take a value in terms of length of %.
The padding-top Property
The padding-top property sets the top padding (space) of an element. This can take a value in terms of length of %.
The padding-left Property
The padding-left property sets the left padding (space) of an element. This can take a value in terms of length of %.
The padding-right Property
The padding-right property sets the right padding (space) of an element. This can take a value in terms of length of %.
The Padding Property
The padding property sets the left, right, top and bottom padding (space) of an element. This can take a value in terms of length of %.
Hope you will find it helpful, if you think he same please like and share also for getting more informative videos and session please join our YouTube community .