paddingRight özelliği, elementin sağ 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.paddingRight = "genislik"
CSS Sözdizimi
padding-right: genislik
genislik | auto değeri, yüzde değeri veya CSS Ölçü Birimi değerlerinden birini alarak sağ 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;
width:200px;
}
</style>
<script type="text/javascript">
function padAyarla(miktar)
{
var P = document.getElementById("ornekParaf");
P.style.paddingRight = miktar + "px";
}
</script>
<input type="button" value="padding-right: 0px" onClick="padAyarla(0)" />
<input type="button" value="padding-right: 10px" onClick="padAyarla(10)" />
<input type="button" value="padding-right: 20px" onClick="padAyarla(20)" />
<p id="ornekParaf">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
Test Edin