DAFTAR LABEL POPULER PENELITIAN.ID
DAFTAR LABEL POPULER PENELITIAN.ID
Jangan Buka Artikel Ini!
DAFTAR ARSIP POSTING PENELITIAN.ID
DAFTAR ARSIP POSTING PENELITIAN.ID
outlineOffset Style HTML DOM dan Fungsinya
- Dapatkan link
- Aplikasi Lainnya
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.
![]() |
Properti outlineOffset Style DOM |
Contoh:
<!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]
- Dapatkan link
- Aplikasi Lainnya
Komentar
Posting Komentar
Hubungi admin melalui Wa : +62-896-2514-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 ~
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