1. İçerik (content) 12. Elementin içindeki resim, ses veya yazıdır 2.
2. Dolgu (padding) 125. İçerik ile kenarlık arasındaki boşluktur 2.
3. Kenarlık (border) 125. Dolgu ile kenar boşluğu arasında yer alan sınırdır 2.
4. Kenar boşluğu (margin) 125. Kutunun diğer kutularla arasındaki mesafeyi ayarlayan boşluktur 2.

#kutu {
   width: 50% ; /* Kutunun genişliğini verir. */
   height: 15em ; /* Kutunun yüksekliğini belirler. */
   background: rgba(0, 51, 51, 0.5) ; /* Arka plan rengini belirler. */
   border: 1px solid #000 ; /* Kenarlıkları belirler. */
   margin: 20px ; /* Kutunun dış boşluğunu belirler. */
   padding: 20px ; /* Kutunun iç boşluğunu belirler. */
}
Kopyala

• width

  ve

  height

  özellikleri kutunun boyutlarını belirler 12.

• margin

  kutunun diğer içeriklerle olan mesafesini ayarlar 12.

• padding

  içerik ile kenarlık arasındaki boşluğu belirler 12.

• eylemseyhan.medium.com 1;
• academy.patika.dev 2;
• caglarbostanci.com.tr 5.