myNotlar Logo

paddingTop


Internet Explorer Firefox Opera

paddingTop özelliği, elementin üst 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.

Sözdizimi

element.style.paddingTop = "genislik"

CSS Sözdizimi

padding-top: genislik
genislik

auto değeri, yüzde değeri veya CSS Ölçü Birimi değerlerinden birini alarak üst 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.paddingLeft ö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.paddingTop = miktar + "px";
}

</script>

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

<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 | YasinKa |