CSS'de kenar boşluğuna karşı dolgu ne zaman kullanılır?

' sınıfına sahip konteyner ' marj-div ” ve “ stil ” olarak öznitelik kenarlık: 1 piksel düz siyah ”. Bundan sonra, “ kısmına biraz metin ekleyin.

' etiket:

< div sınıf = 'kenar boşluğu-div' stil = 'kenarlık: 1px düz siyah' >
< p >Linuxhint, en iyi öğretici web sitelerinden biridir.< br >
< / p >
< div >

Çıktı

Şimdi “margin” özelliğini “.margin-div” sınıfına uygulayın:

.margin-div {
arka fon- renk : rgb ( 199 , 238 , 205 ) ;
yazı tipi- boy : orta;
sınır : 3 piksel rgb ( 114 , 250 , 114 ) ;
kenar boşluğu: 100 piksel 100 piksel 100 piksel 100 piksel;
}

Yukarıdaki kodda “ .margin-div ”, aşağıda listelenen özellikleri uygulamak için div öğesine erişim için kullanılır:

• “ arka plan rengi ” özelliği arka planda renk uygulamak için kullanılır.
• “ yazı Boyutu ” Yazı tipi boyutunu ayarlamak için kullanılır.
• “ marj ”, elemanın dışındaki alanı tahsis eder. Örneğin “margin” özelliğini “olarak ayarladık. 100 piksel ”.

Burada, başarıyla ayarladığımızı görebilirsiniz “ marj 'ikinci mülkiyet' div ” öğesi:

CSS'de “padding” Nasıl Kullanılır?

“padding” özelliğinin kullanılabilmesi için yukarıda belirtilen örneklerden yararlanılmıştır. Saniyede ' div 'konteyner, sınıfı kullanın' dolgu-div ” dolgu uygulamak için:

< div sınıf = 'linux' >
< p > Linuxhint en iyi öğretici web sitelerinden biridir < / p >
< / div >
< div sınıf = 'doldurma-div' stil = 'kenarlık: 1px düz siyah' >
< p >Linuxhint, en iyi öğretici web sitelerinden biridir.< br >
< / p >
< / div >

Çıktı

Dolgu ve diğer CSS özelliklerini uygulamak için “ .padding-div ” sınıfı, sağlanan koda bir göz atın:

.padding-div {
arka fon- renk : rgb ( 199 , 238 , 205 ) ;
yazı tipi- boy : orta;
dolgu: 50px 50px 50px 50px;
}

Yukarıda belirtilen kodda, ikinciye eriştik “ div ' sınıfı kullanan öğe ' .padding-div ”. “Arka plan rengi” ve “yazı tipi boyutu” ayarını yaptık. Ayrıca, “ dolgu malzemesi ” özelliği, her iki taraftan eleman içeriğinin etrafına boşluk eklemek için kullanılır. 50 piksel ”.

Çıktı

CSS'de “padding” ve “margin”in farklarını ve kullanımlarını anlattık.

Çözüm

CSS “ marj ”, elemanın etrafındaki boşluğu ayarlamak için kullanılırken, “ dolgu malzemesi ”, öğe içeriğinin etrafına boşluk eklemek için kullanılır. Kenar boşluğu veya dolgu özelliğini uygulamak için önce bir ' div ” kapsayıcısını seçin ve sınıfı belirtin. Bundan sonra, sınıf adına göre sınıfa erişin ve “ marj ' ve ' dolgu malzemesi ' özellikler. Bu gönderi, CSS'de kenar boşluğu ve dolgu kullanımını açıkladı.