DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Tanda Kutip HTML Menggunakan Style DOM

Properti Style quotes DOM pada HTML digunakan untuk merepresentasikan elemen <q> pada HTML. Tag ini digunakan untuk mengatur atau mengembalikan tipe tanda kutip untuk kutipan yang disertakan. Elemen ini dapat diakses dengan menggunakan method getElementById().

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>.


11 Karakter Tanda Kutip Style DOM pada HTML
Properti Quote Style DOM

Property Values:
  • 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

Baca Juga:

Contoh: properti pengubah kutipan.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Style quotes

</title>

</head>

 

<body>

<center>

 

<h1 

style = "color:green;width:50%;

id = "sudo">

Blog Elfan

</h1>

 

<

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>

 

<

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>

Output:

Blog Elfan

Properti Style quotes DOM

Komentar

  1. Jenis-jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti quote Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Jenis browser berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti quote Style DOM pada HTML:
      1. Google Chrome
      2. Edge
      3. Mozilla Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti quote Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti quote Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan tipe tanda kutip untuk kutipan yang telah disematkan.

      Hapus
    2. Properti quote Style DOM pada HTML merupakan properti yang digunakan untuk mengembalikan dan memodifikasi jenis tanda kutip untuk melampirkan kutipan tersebut dalam dokumen HTML.

      Hapus

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 ~

Postingan populer dari blog ini (30 Hari)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas