Style paddingRight Property
Contoh
Setel bantalan kanan elemen <div>:
document.getElementById("myDIV").style.paddingRight = "50px";
Definisi dan Penggunaan
Properti paddingRight menyetel atau mengembalikan padding yang tepat dari suatu elemen.
Baik properti margin dan properti padding menyisipkan ruang di sekitar elemen. Namun, perbedaannya adalah margin menyisipkan ruang di sekitar perbatasan, sedangkan padding menyisipkan ruang di dalam batas elemen.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
paddingRight | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti paddingRight:
object.style.paddingRight
Setel properti paddingRight:
object.style.paddingRight = "%|length|initial|inherit"
Nilai properti
Value | Description |
---|---|
% | Defines the right padding in % of the width of the parent element |
length | Defines the right padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | 0 |
---|---|
Nilai Kembali: | Sebuah String, mewakili padding yang tepat dari suatu elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah padding kanan elemen <div> kembali ke "normal":
document.getElementById("myDIV").style.paddingRight = "0px";
Contoh
Kembalikan padding kanan elemen <div>:
alert(document.getElementById("myDIV").style.paddingRight);
Contoh
Perbedaan antara marginRight dan paddingRight:
function changeMargin() {
document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
document.getElementById("myDIV2").style.paddingRight = "200px";
}
Halaman Terkait
Tutorial CSS: Lapisan CSS
Referensi CSS: properti padding-right
Referensi DOM HTML: properti padding
Objek Gaya