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.  

Yorumlar

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

CSS top Özelliği

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS flex-basis Özelliği

HTML5 Canvas Oyun Yapımı Dersleri