Style paddingTop Property
Contoh
Setel padding atas elemen <div>:
document.getElementById("myDiv").style.paddingTop = "50px";
Definisi dan Penggunaan
Properti paddingTop menyetel atau mengembalikan padding atas suatu elemen.
Properti padding menentukan ruang antara batas elemen dan konten 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 | |||||
---|---|---|---|---|---|
paddingTop | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti paddingTop:
object.style.paddingTop
Setel properti paddingTop:
object.style.paddingTop = "%|length|initial|inherit"
Nilai properti
Value | Description |
---|---|
% | Defines the top padding in % of the width of the parent element |
length | Defines the top 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 atas suatu elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah padding atas elemen <div> kembali ke "normal":
document.getElementById("myDiv").style.paddingTop = "0px";
Contoh
Kembalikan padding atas elemen <div>:
alert(document.getElementById("myDiv").style.paddingTop);
Contoh
Perbedaan antara marginTop dan paddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Halaman Terkait
Tutorial CSS: Lapisan CSS
Referensi CSS: properti padding-top
Referensi HTML DOM: properti padding
Objek Gaya