Mengatur Lapisan Atas HTML Menggunakan paddingTop Style DOM
Sebelum memahami lebih dalam materi tentang Mengatur Lapisan Atas HTML Menggunakan paddingTop Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Lapisan Kanan HTML Menggunakan paddingRight Style DOM, Mengatur Lapisan Kiri HTML Menggunakan paddingLeft Style DOM, dan Mengatur Lapisan Bawah HTML Menggunakan paddingBottom Style DOM.
Sintak:
- digunakan untuk mendapatkan nilai properti: object.style.paddingTop
- digunakan untuk mengatur nilai properti: object.style.paddingTop = "%|length|initial|inherit"
Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan nilai padding top dari suatu elemen.
Property Values:
- %: digunakan untuk mendefinisikan padding top dalam satuan persen dari lebar elemen parent.
- length: digunakan untuk mendefinisikan padding top dalam satuan unit length.
- initial: digunakan untuk mengatur nilai properti menjadi nilai default-nya.
- inherit: digunakan untuk menerima nilai turunan properti dari elemen parent.
Berikut adalah ilustrasi program dari properti style paddingTop.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style paddingTop pada
HTML
</title>
<style>
#MyElement
{
border: 1px solid black;
background-color: green;
width: 300px;
height: 300px;
}
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style paddingTop
</h2>
<p>
Untuk mengatur nilai padding
top, double klik pada tombol
"Apply Top Padding":
</p>
<br>
<button
ondblclick="padding()">
Apply Top Padding
</button>
<div id="MyElement">
Selamat datang di alfamart.
</div>
<script>
function padding()
{
document.getElementById("MyElement")
.style.paddingTop = "100px";
}
</script>
</body>
</html>
Blog Elfan
Properti Style paddingTop
Untuk mengatur nilai padding top, double klik pada tombol "Apply Top Padding":
- 3+ Value Properti perspectiveOrigin Style DOM pada HTML
- 7 Value Properti Position Style DOM pada HTML
- 11 Karakter Tanda Kutip Style DOM pada HTML
- 6 Value Properti Resize Style DOM pada HTML
- 5 Value Properti Right Style DOM pada HTML
- 4 Contoh Properti tableLayout Style DOM pada HTML
- 4 Value Properti tabSize Style DOM pada HTML
5 komentar untuk "Mengatur Lapisan Atas HTML Menggunakan paddingTop Style DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis-jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti paddingTop Style DOM pada HTML?
BalasHapusBerikut ini adalah beberapa daftar browser populer yang dapat digunakan pengembang untuk mengaktifkan properti paddingTop Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti paddingTop Style DOM pada HTML?
BalasHapusProperti paddingTop Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai padding atas dari suatu elemen.
HapusProperti paddingTop Style DOM pada HTML merupakan properti yang digunakan untuk mengatur nilai padding atas elemen pada dokumen HTML.
Hapus