CSS හි විවිධ පැති සඳහා පැඩිං කඩඉර

අභ්‍යන්තර ඉඩ පරතරය සඳහා, බාහිර ඒවා සඳහා මෙන්ම, පුද්ගලික පැති සඳහා ගුණාංග පවතී: 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;
}

Результат: