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