Tanda <q> HTML

Definisi dan penggunaan

<q> Tanda menentukan petikan singkat.

Pemetaan pelayar biasanya akan memasukkan petikan di sekelilingnya.

Petunjuk:Untuk petikan yang panjang, gunakan: <blockquote> tanda.

Lihat juga:

Panduan Referensi HTML DOM:Objek Quote

Contoh

Contoh 1

Tanda petikan singkat:

<p> Tujuannya adalah: </p>
<q>Membangun masa depan di mana manusia dan alam hidup dalam keseimbangan.</q>
Kami berharap mereka akan sukses.</p>

Coba sendiri

Contoh 2

Gunakan CSS untuk menetapkan gaya <q> elemen:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p> Tujuannya adalah: </p>
<q>Membangun masa depan di mana manusia dan alam hidup dalam keseimbangan.</q>
Kami berharap mereka akan sukses.</p>
</body>
</html>

Coba sendiri

Properti

Properti Nilai Deskripsi
cite URL Tentukan URL sumber kutipan.

Properti global

<q> Tanda ini juga mendukung Properti global HTML.

Properti acara

<q> Tanda ini juga mendukung Properti acara di HTML.

Pengaturan CSS baku

Banyak pelayar akan menunjukkan nilai baku berikut: <q> Elemen:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

Coba sendiri

Dukungan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan