Properti HTML DOM Style paddingTop
Definisi dan Penggunaan
Margin pada paddingTop set properti atau mengembalikan unsur-unsur dalam.
Properti ruang bantalan mendefinisikan perbatasan elemen dan isi elemen antara.
tatabahasa
Pengaturan properti paddingTop:
Object.style.paddingTop="%|length|inherit"
Kembali sifat paddingTop:
Object.style.paddingTop
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上内边距。 |
length | 使用 px、cm 等单位定义上内边距的宽度。 |
inherit | 上内边距从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti paddingTop.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
Tips dan Catatan
properti margin dan padding dimasukkan ke dalam ruang di sekitar elemen. Namun, perbedaan tersebut, marjin akan dimasukkan ke dalam ruang di sekitar luar perbatasan, ruang sisipan bantalan dalam perbatasan elemen.
contoh
contoh
Mengubah div elemen pada margin batin:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Fungsi changeMargin () {
document.getElementById ( "ex1") style.marginTop = "100px" .;
}
Fungsi changePadding () {
document.getElementById ( "ex2") style.paddingTop = "100px" .;
}
</ Script>
</ Kepala>
<Body>
<Div id = "ex1"> Ini adalah beberapa teks. </ Div>
Situs
<Jenis Tombol = "button" onclick = "changeMargin ()"> Modifikasi elemen div di atas jarak luar </ button>
Situs
Situs
<Div id = "ex2"> Ini adalah beberapa teks. </ Div>
Situs
<Tombol type = "button" onclick = "changePadding ()"> modifikasi dalam bagian atas dari elemen div jarak </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Fungsi changeMargin () {
document.getElementById ( "ex1") style.marginTop = "100px" .;
}
Fungsi changePadding () {
document.getElementById ( "ex2") style.paddingTop = "100px" .;
}
</ Script>
</ Kepala>
<Body>
<Div id = "ex1"> Ini adalah beberapa teks. </ Div>
Situs
<Jenis Tombol = "button" onclick = "changeMargin ()"> Modifikasi elemen div di atas jarak luar </ button>
Situs
Situs
<Div id = "ex2"> Ini adalah beberapa teks. </ Div>
Situs
<Tombol type = "button" onclick = "changePadding ()"> modifikasi dalam bagian atas dari elemen div jarak </ button>
</ Body>
</ Html>
Coba »
gaya Objects