Tanda Kutip HTML Menggunakan Style DOM
 |
| Properti Quote Style DOM |
Sintak:
- digunakan untuk mendapatkan nilai properti: object.style.quotes
- digunakan untuk mengatur nilai properti: object.style.quotes = "none|string string string string|initial|inherit"
Return Values: berfungsi untuk mengembalikan tipe kutipan dari tag <q>.
- none: merupakan nilai default dari properti yang digunakan untuk menentukan open-quote dan close-quote dan tidak menghasilkan tanda kutip.
- string string string string: digunakan untuk menentukan tanda kutip yang akan digunakan. Dua nilai pertama mendefinisikan level pertama dari kutipan yang diberikan, dan nilai kedua digunakan untuk mendefinisikan level kedua dari kutipan yang diberikan, dan seterusnya.
- initial: digunakan untuk mengatur nilai properti ke nilai default-nya.
- inherit: digunakan untuk menerima nilai turunan dari elemen parent.
Karakter Quotation Marks dan Entitas Angka:
- double Quote = \0022
- single quote = \0027
- single, left angle quote = \2039
- single, right angle quote = \203A
- double, left angle quote = \00AB
- double, right angle quote = \00BB
- left quote (single high-6) = \2018
- right quote (single high-9) = \2019
- left quote (double high-6) = \201C
- right quote (double high-9) = \201D
- double quote (double low-9) = \201E
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style quotes
</title>
</head>
<body>
<center>
<h1
style = "color:green;width:50%;"
id = "sudo">
Blog Elfan
</h1>
<q
id="myQ"
style =
"color:black;
width:50%;
font-size:
30px;">
Properti Style quotes DOM
</q>
<br>
<button
type = "button"
onclick = "knm1s()">
Change
</button>
<script>
function knm1s()
{
// Ubah quotes
document.getElementById(
"myQ").style.quotes = "'‘' '’'";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti Style quotes DOM
Contoh: properti pengubah kutipan menggunakan entitas angka.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style quotes DOM
</title>
</head>
<body>
<center>
<h1
style = "color:green;width:50%;"
id = "sudo">
Blog Elfan
</h1>
<q
id="myQ"
style =
"color:black;
width:50%;
font-size:
30px;">
Properti Style quotes DOM
</q>
<br>
<button
type = "button"
onclick = "Ding2s()">
Change
</button>
<script>
function Ding2s()
{
// Ubah quote.
document.getElementById(
"myQ").style.quotes = "'\253' '\273'";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style quotes DOM
- 5 Value Properti textAlign Style DOM pada HTML [klik]
- 9 Value Properti Style textAlignLast DOM pada HTML [klik]
- 6 Value Properti textDecoration Style DOM pada HTML [klik]
- 3 Value Properti textDecorationColor Style DOM pada HTML [klik]
- 6 Value Properti textDecorationLine Style DOM pada HTML [klik]
- 7 Value Properti textDecorationStyle DOM pada HTML [klik]
- 3 Value Properti textIndent Style DOM pada HTML [klik]
Jenis-jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti quote Style DOM pada HTML?
BalasHapusJenis browser berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti quote Style DOM pada HTML:
Hapus1. Google Chrome
2. Edge
3. Mozilla Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti quote Style DOM pada HTML?
BalasHapusProperti quote Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan tipe tanda kutip untuk kutipan yang telah disematkan.
HapusProperti quote Style DOM pada HTML merupakan properti yang digunakan untuk mengembalikan dan memodifikasi jenis tanda kutip untuk melampirkan kutipan tersebut dalam dokumen HTML.
Hapus