01.01.2008 @ 06:43

8896 kere okundu, 0 yorum yazildi.

Elementlerin etrafındaki boÅŸluk olarak tanımlanır. Hem katman(ID) hem de sınıf(CLASS) seçicilerine uygulanabilir.

                :: margin-left: Elementin sol tarafa olan uzaklığı,
                :: margin -right: Elementin saÄŸ tarafa olan uzaklığı,
                :: margin -bottom: Elementin alt kısma olan uzaklığı,
                :: margin -top: Elementin üst kısma olan uzaklığını belirlemek için kullanılır.
                :: margin: ise tek bir seferde üstteki 4 tanımlamayı yapmanızı saÄŸlar. Kısaca açıklamak gerekirse;

Yukarıda yapılan tanımlamada sırayla, top-right-bottom-left deÄŸerleri girilmiÅŸtir.      

Element kenarlığı ve içeriÄŸi arasında kalan boÅŸluk olarak tanımlanır. Hem katman(ID) hem de sınıf(CLASS) seçicilerine uygulanabilir.

Padding deÄŸerini bir katmana(ID) uyguladığınız zaman o katmanın içinde bulunan tüm elementler (tüm sınıflar…) bundan etkilenir ancak bir sınıfa uyguladığınızda sadece o sınıfı etkiler.  Aynı zamanda katmanın geniÅŸliÄŸi padding deÄŸeri kadar artar. Bununla ilgili örnek animasyonumuzda bulunmaktadır.

                Kullanım Biçimleri

                :: padding-left: Ä°çeriÄŸin sol kenarlığa olan uzaklığını,
                :: padding-right: Ä°çeriÄŸin saÄŸ kenarlığa olan uzaklığı,
                :: padding-bottom: Ä°çerik alt kenarlığa olan uzaklığı,
                :: padding-top: Ä°çerik alanının üst kenarlığa olan uzaklığını belirlemek için kullanılır.
                :: padding: ise tek bir seferde üstteki 4 tanımlamayı yapmanızı saÄŸlar. Kısaca açıklamak gerekirse;

Animasyonumuzu izleyerek bu iki özelliÄŸin nasıl kullanıldığını ve farklarının neler olduÄŸunu öÄŸrenin.