Css

CSS Kenarlıklar – CSS Dış Kenar Boşluğu (Margin)

CSS Kenarlıklar - CSS Dış Kenar Boşluğu (Margin)

CSS Margin Özellikleri

CSS margin özellikleri, bir elemanın kutusunun kenarları etrafında ayarlamanıza izin verir. Margin tamamen şeffaftır ve bir arkaplan rengi yoktur.

Tüm margin komutları:

  • margin – Hızlı kullanım
  • margin-top – Üstten boşluk
  • margin-right – Sağdan boşluk
  • margin-bottom – Alttan boşluk
  • margin-left – Soldan boşluk

Alabileceği değerler:

  • auto – Kenarlıklar tarayıcı tarafından otomatik ayarlanır
  • px – piksel olarak boşluk belirtme
  • % – İçerik genişliğine göre oranlar

Bireysel Taraflar İçin Kenar Boşluğu Ayarlama

CSS bireysel kenar boşluğu özelliğini kullanarak, üst, sağ, alt veya sol taraf gibi bir öğenin farklı kenarları için farklı kenar boşluklarını kolayca belirleyebilirsiniz.

Kenar Boşluğu Özelliği Margin

margin: Özellik ayrı ayrı tarafının margin önlemek için bir kestirme niteliktir sıralama olarak margin-topmargin-rightmargin-bottomve margin-left. Saat yönde değerler verilir.

Bu kestirme gösterim bir, iki, üç veya dört boşlukla ayrılmış değerleri 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.

Yazar Hakkında

Beytullah Toprak

Genç girişimci olarak web sitemde siz değerli okuyucularımıza elimden geldiğince bilgi aktarmak hem öğrenmek , hem sizlere öğretmek amaçlamaktayız.

Yorum Yap