CSS'te padding dolgularıyla çalışma

Dışa doğru sınırdan boşluk bırakan margin özelliğini ele almıştık. Ayrıca, içe doğru sınırdan boşluk bırakan, çok benzer bir padding özelliği de vardır.

Şimdi bu özelliğin nasıl çalıştığına örneklerle bakalım. İlk olarak, boşluksuz bir bloğu örnek göstereyim (metin sınırlara yapışık durumda):

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

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

Результат:

Şimdi tüm taraflar için padding değerini 30px olarak ayarlayalım:

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

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

Результат: