CSS-ում տարբեր կողմերի համար ներքին բացատներ padding

Ներքին բացատների, ինչպես նաև արտաքին բացատների դեպքում, գոյություն ունեն առանձին կողմերի համար նախատեսված հատկություններ. padding-left, padding-right, padding-top և padding-bottom. Եկեք նայենք դրանց աշխատանքին.

html<div id="elem">
  some long text
</div>

css#elem {
  padding-top:    10px; /* վերևից */
  padding-right:  20px; /* աջից */
  padding-bottom: 30px; /* ներքևից */
  padding-left:   40px; /* ձախից */
  
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат: