CSS-də padding boşluqları ilə işləmək

Biz sizinlə xarici kənardan boşluq yaradan margin xassəsini nəzərdən keçirdik. Həmçinin çox oxşar olan, daxili kənardan boşluq yaradan padding xassəsi də var.

Gəlin indi nümunələr üzərində bu xassənin necə işlədiyinə baxaq. Əvvəlcə boşluqsuz bir blok göstərim (onun mətni kənarlara yapışıb):

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

css#elem {
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат:

İndi isə bütün tərəflər üçün padding-i 30px təyin edək:

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

css#elem {
  padding: 30px;
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат: