CSS margin Özelliği

CSS margin

Css margin özelliği ile bir html elemanının diğer html elemanlarla arasındaki mesafesi konumu ayarlanabilir.

Örnek:

Bu örnekte margin değerlerinin etkisini gösteren bir paragraf eklendi,özelliğin etkisini anlamak için inceleyiniz.

p.mrgn { margin: 50px 30px 40px 80px; background-color: yellow; }

CSS margin nedir nasıl kullanılır

Margin bir html elementinin diğer elementlerle konumsal uzaklıklarının belirlenmesinde kullanılan bir yöntemdir.

Margin değerlerinin yazılış yöntemleri ve anlamları

• margin:8px 5px 10px 15px;
  • üst margin değeri 8px
  • sağ margin değeri 5px
  • alt margin değeri 10px
  • sol margin değeri 15px
  
  
• margin:8px 5px 10px;
  • üst margin değeri 8px
  • sağ ve sol margin değerleri 5px
  • alt margin değeri 10px
  
  
• margin:8px 5px;
  • üst ve alt margin değerleri 8px
  • sağ ve sol margin değerleri 5px
  
  
• margin:8px;
  • Bütün margin değerleri 8px'tir.

CSS margin	CSS margin özellikleri
Varsayılan Değer:	0
Kalıtsallık:	yok
Animasyon Özelliği:	var
Versiyon:	CSS3
JavaScript margin:	object.style.margin="85px 120px"

CSS margin Tarayıcı Desteği

CSS Kodu:
margin	1.0	6.0	1.0	1.0	3.5

CSS margin Değerleri

margin: length|auto|initial|inherit;

CSS margin özelliği değerleri

CSS margin değerleri	CSS margin değerleri tanımları	CSS örnek uygulamalar
length	Sayısal değer girilir px,cm gibi
%	Yüzde olarak da değer verilebilir.
auto	Eşit değer girmek için kullanılır.
initial	Özelliğin varsayılan değeridir.
inherit	Kalıtsal olarak aldığı değerdir.