CSS Padding:-

Code Family

The CSS padding propertie are used to providing space around an the elements content, inside of any defined border of the element.
The padding is used to top, right, bottom, and left,
Padding - Individual Sides in elements-:

padding-top

padding-right

padding-bottom

padding-left

All the padding properties for elements-:

length:-padding in px, pt, cm, etc

% - a padding in % of the width of the element

<!DOCTYPE html>
<html>
<head>
<style>
div {
  border: 1px solid black;
  background-color: lightblue;
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;
}
</style>
</head>
<body>

<h2>code family</h2>

<div>Code family</div>

</body>
</html>

Padding - Shorthand Property:-

Shorthand Property of padding

padding: 20px 30px 55px 100px;

top padding is 20px
right padding is 30px
bottom padding is 55px
left padding is 100px

<!DOCTYPE html>
<html>
<head>
<style>
div {
  border: 1px solid black;
  padding: 20px 30px 55px 100px;
  background-color: lightblue;
}
</style>
</head>
<body>

<h2>Code family</h2>

<div>Code family</div>

</body>
</html>

CSS Padding

CSS Padding:-

Padding - Shorthand Property:-

padding: 20px 30px 55px 100px;

More Topics