CSS html elemanlarına(<p>,<h1>…) bakarken onları bir kutu içindeymiş gibi algılar.Yani bir paragrafımız olsun; css le paragrafa müdahale ederken, css paragrafa bir kenar çizgisi ekler (bu değer ‘0′ sa görünmez) yani border. border ile paragraf arasındaki alan kenar içi boşluğudur (padding).padding uzunluk değeri aldıkça boşluk büyür. Diğer bir boşluk border ile yani çerçeve ile diğer nesneler arasındaki boşluktur.Yani kenardışı boşluk (margin). Margin bir paragraf içindeki bir resmin , paragrafa yakınlık uzaklık değerini tanımlar.Biraz karışık bir durum gibi görülüyor ama aşağıdaki resme bakarak daha iyi anlayabiliriz.

Kenar iç boşluk alanının yüzey rengi veya resmi background niteliği ile belirtilir.
background{color:red;} gibi.

Bir örnekle daha iyi açıklayalım.

      li.cizgili {          /* LI için kenar çizgileri */
        border-style: dashed;  /* Kesik çizgili */
        border-width: medium;  /* Orta kalınlıkta */
        border-color: lime;    /* Açık yeşil renkte */
        background:#bb55cc;    /*mor renkte kenar içi boşluk*/
      }

Bu paragraf orta kalınlıkta kesik çigili ve yeşil renkte
border içerir.


Bu kodun görüntüsü şu şekildedir;
 
Genel olarak tanım bu şekildedir. yani kenar içi boşluk(padding),
kenar çizgisi(border) ve
kenar dışı boşluk(margin). Bu üç özelliğin tanımlamaları farklı farklıdır.
Örneğin border için;
kenar çizgisi tipi border-style, kenar çizgisi genişliği border-width ,
kenar çizgisi rengi border-color tanımlanabilir.
 Bu tanımlamarıda diğer yazımda vermek istiyorum.