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

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek