Margin çerçevelerin dış kenar boşluklarına ait değerleri belirler.

Örneğin:

element{margin:10px 10px 10px 10px;}

element{margin: top right bottom left} > element "üst-sağ-alt-sol"

1- {margin:10px;}           =     {margin:10px 10px 10px 10px;} veya

{

margin-top:10px;

margin-right:10px;

margin-bottom:10px;

margin-left:10px;

}

2- {margin:10px 40px;}    =     {margin:10px 40px 10px 40px;}

Yukarıda görebileceğiniz gibi margin özelliğini kısaltarak yazabilmekte mümkün. Sadece {margin:10px;} dediğinizde bütün kenarlardan 10 ar piksel boşluk bırakacaktır. İkinci örneğimizde ise üst-alt ve sağ-sol ilişkisinin olduğunu göreceksiniz.

CSS Margin Örnekleri:

Kaynak 1 İndir     |      Online Görüntüle

Kaynak 2 İndir     |      Online Görüntüle

Kaynak 3 İndir     |      Online Görüntüle