Çok eski bir web tarayıcısı kullanıyorsunuz. Bu veya diğer siteleri görüntülemekte sorunlar yaşayabilirsiniz.. Tarayıcınızı güncellemeli veya alternatif bir tarayıcı kullanmalısınız.
ScriptİÇ VE DIŞ BOŞLUK VERMEK İÇİN KULLANDIĞIMIZ CSS KODLARI VE ANLAMLARI
Html öğelerine iç boşluk vermek için kullanılır. Padding değeri verirken bunu 3 farklı yol ile yapabiliriz. Bunlar:
length ( padding: 10px; ) : px, pt, cm vb. bir değer verebiliriz.
% ( padding: 20%; ) : İçerisinde bulunduğu etiketin genişliğinin yüzdesi olarak değer verebiliriz.
inherit ( padding: inherit; ) : inherit değeri verirsek, ebeveyn etiketinin padding değeri ne ise onu miras alır ve aynı değer uygulanır.
padding-bottom
Html öğelerine aşağı iç boşluk vermek için kullanılır.
padding-left
Html öğelerine sol iç boşluk vermek için kullanılır.
padding-right
Html öğelerine sağ iç boşluk vermek için kullanılır.
padding-top
Html öğelerine yukarı iç boşluk vermek için kullanılır.
margin
Html öğelerine dış boşluk vermek için kullanılır. Margin değeri verirken bunu 4 farklı yol ile yapabiliriz. Bunlar:
length ( margin: 10px; ) : px, pt, cm vb. bir değer verebiliriz.
% ( margin: 20%; ) : İçerisinde bulunduğu etiketin genişliğinin yüzdesi olarak değer verebiliriz.
inherit ( margin: inherit; ) : inherit değeri verirsek, ebeveyn etiketinin margin değeri ne ise onu miras alır ve aynı değer uygulanır.
auto ( margin: auto; ) : auto değeri verirsek, etiketin kenar boşluklarını tarayıcı otomatik olarak belirler. Bu özelliğin düzgün çalışması için etiketin width özelliğine bir genişlik değeri vermelisiniz.
margin-bottom
Html öğelerine aşağı dış boşluk vermek için kullanılır.
margin-left
Html öğelerine sol dış boşluk vermek için kullanılır.
margin-right
Html öğelerine sağ dış boşluk vermek için kullanılır.
margin-top
Html öğelerine yukarı dış boşluk vermek için kullanılır.