IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası (https://www.ircforumlari.net/)
-   HTML/CSS/JavaScript (https://www.ircforumlari.net/html-css-javascript/)
-   -   CSS Dıştan Boşluk (Margin) (https://www.ircforumlari.net/html-css-javascript/516289-css-distan-bosluk-margin.html)

Zen 08 Aralık 2012 14:26

CSS Dıştan Boşluk (Margin)
 
margin özelliği bir HTML elementinin çevresi ile ona komşu başka bir HTML elementi arasında belirtilen miktarda genişletip boşluk yaratır. Bu boşluk kenarlığın dışında olacağı için dış kenarlık diyoruz.

Dış kenarlığı belirlerken üst, sol, alt ve sağ için ayrı ayrı belirlenebileceği gibi tek bir css koduyla da bunlar hızlıca belirlenebilir.

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
Ayrı Ayrı Dış Boşlukları Ayarlamak

Üst, sağ, alt ve sol boşlukları ayrı ayrı ayarlanabilir. Bunun için margin komutuna araya tire (-) koyarak ilgili yönün ingilizcesini yazıyoruz.


.stilim { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; }

Yukarıdaki örnekte üst ve alt boşluklar 10 piksel yüksekliğinde, sağ ve sol boşluklar 20 piksel genişliğinde olacaktır.


Dış Boşlukları Ayarlamanın Kısa Yolu

Sadece margin kullanarak hepsi için geçerli tek bir tane değer yazabildiğimiz gibi sırasıyla üst, sağ, alt, sol şeklinde değerler girerek de yukarıdaki dört kodun tamamını tek kodda yazabiliriz:


.stilim { /* Açıklama: margin: [üst] [sağ] [alt] [sol] */ margin: 10px 20px 10px 20px; }

Yukarı ve alt değeri ile Sağ ve sol değeri aynı olan ifadelerde şu şekilde de kullanabileceğimizi unutmayalım:


.stilim { /* Açıklama: margin: [üst|alt] [sağ|sol] */ margin: 10px 20px; }


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 12:59.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO
Copyright ©2004 - 2025 IRCForumlari.Net Sparhawk