Contoh
Mengatur padding kiri dari <div> elemen:
document.getElementById("myDiv").style.paddingLeft = "50px"; Cobalah sendiri " Definisi dan Penggunaan
The paddingLeft set properti atau mengembalikan padding kiri dari suatu unsur.
Kedua properti margin dan properti padding ruang insert sekitar elemen. Namun, perbedaannya adalah bahwa marjin menyisipkan ruang di sekitar perbatasan, sementara bantalan menyisipkan ruang dalam perbatasan elemen.
Dukungan Browser
Properti paddingLeft didukung di semua browser utama.
Sintaksis
Kembali properti paddingLeft:
object .style.paddingLeft
Mengatur properti paddingLeft:
object .style.paddingLeft=" Nilai properti Nilai Deskripsi % Mendefinisikan padding kiri di% dari lebar elemen induk length Mendefinisikan padding kiri di unit panjang initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: 0 Kembali Nilai: Sebuah String, mewakili padding kiri elemen CSS Versi CSS1
Contoh lebih
Contoh
Ubah padding kiri dari <div> elemen kembali ke "normal" :
document.getElementById("myDiv").style.paddingLeft = "0px"; Cobalah sendiri "
Contoh
Kembali padding kiri dari <div> elemen:
alert(document.getElementById("myDiv").style.paddingLeft);
Cobalah sendiri "
Contoh
Perbedaan antara marginLeft dan paddingLeft:
function changeMargin() {
document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingLeft = "100px";
}
Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Padding
Referensi CSS: padding-left property
Referensi HTML DOM: padding property
<Style Object