outlineOffset Style HTML DOM dan Fungsinya
![]() |
Properti outlineOffset Style DOM |
Sintak:
- digunakan untuk mendapatkan nilai properti: object.style.outlineOffset
- digunakan untuk mengatur nilai properti: object.style.outlineOffset = "length|initial|inherit"
- length: mendefinisikan nilai panjang dari satuan unit length.
- initial: mendefinisikan nilai initial dari suatu elemen, yang juga merupakan nilai default dari properti onlineOffset.
- inherit: menerima nilai turunan properti dari elemen parent.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style outlineOffset
DOM pada HTML
</title>
<style>
#samplediv
{
margin: auto;
border: 2px green;
outline: coral solid 4px;
width: 250px;
height: 50px;
}
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style outlineOffset
DOM
</h2>
<br>
<p>
Untuk memindahkan border
outline keluar border edge,
klik ganda pada tombol "Change
Outline Border":
</p>
<br>
<button
ondblclick="outline()">
Change Outline Border
</button>
<div
id="samplediv">
<h1>
Blog Elfan
</h1>
</div>
<script>
function outline()
{
document.getElementById("samplediv")
.style.outlineOffset = "20px";
}
</script>
</body>
</html>
Blog Elfan
Properti Style outlineOffset DOM
Untuk memindahkan border outline keluar border edge, klik ganda pada tombol "Change Outline Border":
Blog Elfan
- 6 Contoh Properti overflowY Style DOM pada HTML [klik]
- 4 Contoh Properti Padding Style DOM pada HTML [klik]
- 4 Value Properti paddingBottom Style DOM pada HTML [klik]
- 5 Value Properti paddingLeft Style DOM pada HTML [klik]
- 4 Value Properti paddingRight Style DOM pada HTML [klik]
- 4 Value Properti paddingTop Style DOM pada HTML [klik]
- 8 Value Properti pageBreakAfter Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan oleh seorang pengembang untuk mengaktifkan properti outlineOffset Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti outlineOffset Style DOM pada HTML:
Hapus1. Internet Explorer
2. Google Chrome
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti outlineOffset Style DOM pada HTML?
BalasHapusProperti outlineOffset Style DOM pada HTML merupakan properti yang digunakan untuk mengimbangi Outline, dan menggambarnya pada bagian luar tepi perbatasan.
HapusProperti outlineOffset Style DOM pada HTML merupakan properti yang digunakan untuk mengembalikan dan mengimbangi outline di sekitar elemen dalam dokumen HTML.
Hapus