Mengatur Dekorasi Teks HTML Menggunakan textDecorationStyle DOM
Sintak:
- mengembalikan properti textDecorationStyle: object.style.textDecorationStyle
- mengatur nilai properti textDecorationStyle: object.style.textDecorationStyle = "solid|double|dotted|dashed|wavy|initial|inherit"
Property Values:
- solid: digunakan untuk mengampilkan baris sebagai baris tunggal, dan merupakan nilai default dari properti.
- double: digunakan untuk menampilkan baris sebagai baris ganda.
- dotted: digunakan untuk menampilkan baris sebagai baris dot.
- dashed: digunakan untuk menampilkan baris sebagai baris dash.
- wavy: digunakan untuk menampilkan baris sebagai baris wavy.
- initial: digunakan untuk mengatur properti textDecorationStyle ke nilai default-nya.
- inherit: digunakan untuk menerima nilai turunan properti dari elemen parent.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
textDecorationStyle DOM
</title>
<style>
#mk1
{
text-decoration: underline;
}
</style>
</head>
<body>
<center>
<h1
style="color:green;width:40%;">
Blog Elfan
</h1>
<h2>
Properti Style
textDecorationStyle DOM
</h2>
<p id="mk1">
Blog TIK, merupakan portal
ilmu komputer.
</p>
<button
type="button"
onclick="Bon1s()">
Change Style
</button>
<script>
function Bon1s()
{
// Pengaturan properti
// textDecorationStyle
document.getElementById(
"mk1").style.textDecorationStyle =
"double";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style textDecorationStyle DOM
Blog TIK, merupakan portal ilmu komputer.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
textDecorationStyle DOM
</title>
<style>
#mmn2
{
text-decoration: underline;
}
</style>
</head>
<body>
<center>
<h1
style="color:green;width:40%;">
Blog Elfan
</h1>
<h2>
Properti Style
textDecorationStyle DOM
</h2>
<p id="mmn2">
Blog TIK, merupakan portal
ilmu komputer.
</p>
<button
type="button"
onclick="Bon2s()">
Change Style
</button>
<script>
function Bon2s()
{
// Pengaturan properti
// textDecorationStyle
document.getElementById(
"mmn2").style.textDecorationStyle =
"wavy";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style textDecorationStyle DOM
Blog TIK, merupakan portal ilmu komputer.
- 5 Value Properti Top Style DOM pada HTML [klik]
- 25 Value Properti Transform Style DOM pada HTML [klik]
- 5 Value Properti transformOrigin Style DOM pada HTML [klik]
- 4 Value Properti transformStyle DOM pada HTML [klik]
- 6 Value Properti Style Transition DOM pada HTML [klik]
- 5 Value transitionProperty Style DOM pada HTML [klik]
- 3 Value Properti transitionDuration Style DOM pada HTML [klik]
5 komentar untuk "Mengatur Dekorasi Teks HTML Menggunakan textDecorationStyle 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 -
Sebutkan tiga jenis browser yang dapat digunakan untuk mengaktifkan properti textDecorationStyle DOM pada HTML?
BalasHapusBerikut ada tiga jenis browser yang dapat digunakan oleh seorang pengembang untuk mengaktifkan properti textDecorationStyle DOM pada HTML:
Hapus1. Google Chrome 57.0
2. Firefox 36.0
3. Opera 44.0
Apa yang dimaksud dengan properti textDecoration Style DOM pada HTML?
BalasHapusProperti textDecoration Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan satu atau lebih nilai dekorasi untuk sebuah teks.
HapusUntuk dapat menentukan jenis dekorasi pada lebih dari satu jenis teks dari sebuah elemen, maka dapat digunakan daftar jenis dekorasi yang dipisahkan menggunakan spasi.
Hapus