Css

CSS Kenarlıklar – CSS İç Kenar Boşluğu (Padding)

  Css    4 Nisan 2019
2 Yorum

CSS padding özellikleri, kenarlığını içeriğinden ayıran bir eleman için iç boşluk (padding) alanını ayarlamanıza izin verir.

Bireysel Taraflar için İç Boşluğu (Padding) Tanımları

Padding kullanıldığında 4 iç kenarda boşluk oluşacaktır. Üst, sağ, alt ve sol kenarlarda birbirinden bağımsız olarak boşluklar verilebilir.

  • padding-top – Üstten boşluk
  • padding-right – Sağdan boşluk
  • padding-bottom – Alttan boşluk
  • padding-left – Soldan boşluk

Tüm padding özelliklerinde piksel (padding: 10px;), yüzde (padding-top: 50%;) ve em (padding-left: 1.5em) kullanılabilmektedir.

CSS İç Kenar Boşluğu Kısa Yazım

padding Özelliği yani bir elemanın her bir tarafı için iç boşluğunu ayar önlemek için bir kestirme bir özelliktir padding-toppadding-rightpadding-bottompadding-left.

padding Özelliği, bir, iki, üç ya da dört boşluk ayrılmış değerler alabilir.

  • Bir değer ayarlanmışsa, bu dört tarafa da uygulanır.
  • Eğer iki değer belirtilen, ilk değer üst ve alt uygulanır ve ikinci değer, sağ ve sol tarafına uygulanır.
  • Eğer üç değer belirtilen, ilk değer üstüne uygulanır, ikinci değer sol ve sağ tarafına uygulanmaktadır ve son değer altına uygulanır.
  • Eğer dört değer belirtilirse, belirtilen sırayla sırasıyla üst, sağ, alt ve sol tarafına uygulanır.
0 okunma

Etiketler : , , , ,

  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Yapına Yorumlar (2)

  • Engin Yazar

    İyi günler bu sayfa üzerindeki code box ları wordpress’te nasıl yaptığınızı anlatabilir misiniz ve ya mail olarak dönüş yapabilir misiniz ?

    • Merhaba yakında o o konu hakkında makale yazacağım. Kaba taslak anlatmak gerekirse “Crayon Syntax Highlighter” wordpress eklentisi kurun. Yazı eklerken metin ediktörün semboller arasında <> şeklinde bir sembol olacak ona tıklayın eklemek istediğiniz kodu kutucuğa ekleyiniz. Kod diyelim css dili dil seçeneği “Default” onu css seçin ve ekle butonuna ekliyorsunuz ve bu kadar. Yazıyı yayınladığınızda yukardaki eklediğim codebox lar gibi olucak. İsterseniz Ayarlar>crayon seçeneğini seçerek codebox kendinize göre ayarlayabilirsiniz.
      Takıldığınız bir yer olursa sorabilirsiniz. İyi çalışmalar.