myNotlar Logo

paddingBottom


Internet Explorer Firefox Opera

paddingBottom özelliği, elementin alt kenarının içerik ile kenarlık (border) arasındaki dolgu genişliğinin belirlenmesini sağlar. Ayrıca bu işlem tüm kenar paylarının belirtilmesini sağlayan padding özelliğiyle de yapılabilir.

DOM Sözdizimi

element.style.paddingBottom = "genislik"

CSS Sözdizimi

padding-bottom: genislik
genislik

auto değeri, yüzde değeri veya CSS Ölçü Birimi değerlerinden birini alarak alt dolgu (padding) genişliğini belirler. Dolgu genişliği, auto değerinde otomatik belirlenir. Yüzde değerinde ana elementinin genişliği ile oranlanarak belirlenir. CSS Ölçü Birimleri ile net bir değer belirtilebilir.

Aşağıdaki örnek, style.paddingBottom özelliğinin kullanımını göstermektedir.

<style type="text/css">
p#ornekParaf
{
	border:solid 1px red;
}
</style>
<script type="text/javascript">
function padAyarla(miktar)
{
	var P = document.getElementById("ornekParaf");
	
	P.style.paddingBottom = miktar + "px";
}

</script>

<input type="button" value="padding-bottom: 0px" onClick="padAyarla(0)" />
<input type="button" value="padding-bottom: 5px" onClick="padAyarla(5)" />
<input type="button" value="padding-bottom: 10px" onClick="padAyarla(10)" />

<p id="ornekParaf">Lorem ipsum dolor sit amet.</p>
Test Edin

Lorem ipsum dolor sit amet.

İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |