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 progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

CSS justify-content Özelliği

CSS border-collapse Özelliği

HTML5 Canvas Oyun Yapımı Dersleri