HTML TEMELLERİ
HTML5
İLERİ SEVİYE
CSS TEMELİ
css padding nedir
css padding kullanımı
css padding margin
css padding vs margin
css padding code
css padding class
css padding example
css in padding
css padding list
css padding ne işe yarar
css padding ne demek
css padding position
css padding style
css padding start
css padding select

CSS Padding(İç Boşluk)

<? echo $title; ?>

Web sitenizin elemanları arasında nasıl boşluk bırakacağımızı bir önceki bölümde görmüştük. Bu bölümde ise elemanların kendi içlerinde nasıl boşluk bırakacağını göreceğiz. Bunu gerçek hayattan bir örnek ile açıklamak istiyorum. Böylece daha anlaşılır olacağına inanıyorum. Kendinizi evinizde bilgisayarın başında otururken hayal edinki muhtemelen zaten bu yazıyı bu durumda okuyorsunuz :). Siz bir elemansınız, bilgisayarda bir eleman, bulunduğunuz evde bir eleman. Sizin bilgisayar ile aranızda bir boşluk var. Bilgisayarla evin duvarları arasında bir boşluk var. Bu sayede dip dibe olmadan rahat bir şekilde konumlanıyorsunuz. Buna iç boşluk diyoruz.Sizin evin ise diğer evler yada sokaklar artık hangi elemanlar var ise onlar ile aralarında oluşturduğu boşluğa ise dış boşluk diyoruz. Böylece her eleman muntazam bir şekilde var olabiliyor. Bir örnekle çok iyi anlayacağınıza eminim.

1-Tek Satırda Kullanımı

Aynı örneği tek satırda da yapabiliriz. Sırasıyla üst, sağ, alt ve sol taraftan istediğiniz şekilde sırayı bozmadığınız sürece değer verebilirsiniz. Aşağıda gördüğünüz örnek ile yukarıda gördüğünüz örnek arasında hiçbir fark yoktur.