Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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