outlineOffset Style HTML DOM dan Fungsinya
Sebelum memahami lebih dalam materi tentang outlineOffset Style HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Warna Garis Luar HTML Menggunakan outlineColor Style DOM, Mengatur Garis Luar HTML Menggunakan Outline Style DOM, dan Orphans Style HTML DOM dan Fungsinya.
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
- 4 Contoh Properti Padding Style DOM pada HTML
- 4 Value Properti paddingBottom Style DOM pada HTML
- 5 Value Properti paddingLeft Style DOM pada HTML
- 4 Value Properti paddingRight Style DOM pada HTML
- 4 Value Properti paddingTop Style DOM pada HTML
- 8 Value Properti pageBreakAfter Style DOM pada HTML
5 komentar untuk "outlineOffset Style HTML DOM dan Fungsinya"
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 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