Skip to main content

CSS Box Model

  1. İçerik (Content): Bir kutunun içeriğini temsil eder. Metin, resim veya diğer içerik öğelerini içerir.
  2. Kenarlık (Border): Kutunun içeriğini çevreleyen kenarlık alanıdır. Kenarlık, rengi, kalınlığı ve stili gibi özelliklere sahip olabilir.
  3. Dolgu (Padding): İçerik ile kenarlık arasındaki boşluktur. Dolgu, içeriğin kutunun kenarlarından ne kadar uzakta olduğunu belirtir.
  4. Dış Boşluk (Margin): Kutunun dışındaki boşluktur. Diğer öğelerden uzaklık sağlar ve yerleştirme konusunda etkilidir.
  5. Genişlik (Width): Kutunun genişliğini belirtir. Piksel, yüzde veya diğer birimlerle ifade edilebilir.
  6. Yükseklik (Height): Kutunun yüksekliğini belirtir. Genişlik gibi piksel, yüzde veya diğer birimlerle ifade edilebilir.
  7. Toplam Genişlik (Total Width): İçerik, kenarlık ve dolgu genişliğinin toplamını ifade eder.
  8. Toplam Yükseklik (Total Height): İçerik, kenarlık ve dolgu yüksekliğinin toplamını ifade eder.