Mengatur Batas Kiri HTML Menggunakan marginLeft Style DOM
![]() |
Properti marginLeft Style DOM |
Sintak:
- digunakan untuk mengatur nilai properti marginLeft: object.style.marginLeft='%|length|auto|initial|inherit'
- digunakan untuk mengembalikan nilai properti marginLeft: object.style.marginLeft
Property Values:
- %: digunakan untuk mendefinisikan nilai margin left dalam satuan persen dari nilai lemen dari parent-nya.
- length: digunakan untuk mendefinisikan nilai margin left dalam istilah unit length.
- auto: digunakan ketika left margin nilainya akan ditentukan oleh browser.
- initial: digunakan untuk mengatur value dari properti ke nilai default-nya.
- inherit: digunakan untuk menerima nilai turunan dari properti yang nilainya sama dengan nilai elemen parent.
Default Values: nilai default dari properti adalah 0.
Contoh: mengembalikan nilai margin left.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style marginLeft DOM
</title>
<style>
#d
{border: 2px solid black;}
</style>
</head>
<body>
<div
id="d"
style="margin-left:3cm;">
Blog TIK merupaka portal ilmu
komputer.
</div>
<br>
<button
type="button"
onclick="myFunction()">
Return left margin
</button>
<script>
function myFunction()
{
// Mengembalikan nilai left
// margin.
alert(document.getElementById("d").style.marginLeft);
}
</script>
</body>
</html>
Contoh: mengatur nilai margin left menggunakan unit ukur length.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style marginLeft DOM
</title>
<style>
#d
{border: 2px solid black;}
</style>
</head>
<body>
<div
id="d">
Blog TIK merupakan portal ilmu
komputer.
</div>
<br>
<button
type="button"
onclick="myFunction()">
Set leftmargin
</button>
<script>
function myFunction()
{
// Pengaturan margin left.
document.getElementById("d").style.marginLeft = "10px";
}
</script>
</body>
</html>
Contoh: mengatur nilai margin left menggunakan satuan persen.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style marginLeft DOM
</title>
<style>
#d
{border: 2px solid black;}
</style>
</head>
<body>
<div
id="d">
Blog TIK merupakan portal ilmu
komputer.
</div>
<br>
<button
type="button"
onclick="myFunction()">
Set leftmargin
</button>
<script>
function myFunction()
{
// Pengaturan left margin.
document.getElementById("d").style.marginLeft = "10%";
}
</script>
</body>
</html>
- 4 Value Properti minHeight Style DOM pada HTML [klik]
- 4 Value Properti minWidth Style DOM pada HTML [klik]
- 7 Value Properti objectFit Style DOM pada HTML [klik]
- 3 Contoh Properti objectPosition Style DOM pada HTML [klik]
- 3 Value Properti Opacity Style DOM pada HTML [klik]
- 3 Value Properti Order Style DOM pada HTML [klik]
- 3 Value Properti Orphans Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan oleh seorang pengembang untuk mengaktifkan properti marginLeft Style DOM pada HTML?
BalasHapusBerikut ini adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti marginLeft Style DOM pada HTML:
Hapus1. Google Chrome
2. Edge
3. Mozilla Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan margin Left Style DOM pada HTML?
BalasHapusProperti marginLeft Style DOM pada HTML merupakan properti yang digunakan untuk menetapkan atau mengembalikan margin bagian kiri dari suatu elemen.
HapusProperti marginLeft Style DOM pada HTML merupakan properti yang digunakan untuk mengembalikan dan memodifikasi margin bagian kiri dari elemen dalam dokumen HTML.
Hapus