Petikan - Trik CSS | CSS Almanac 2025

The quotesharta di CSS membolehkan anda menentukan jenis petikan digunakan apabila sebut harga ditambah melalui content: open-quote;atau content: close-quote;peraturan. Inilah cara menggunakannya:

q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )

Dalam contoh di atas, empat nilai ditambah. Satu set petikan pintar berganda dan sepasang petikan pintar tunggal. Ini agak membingungkan kerana setiap petikan dibungkus dalam tanda kutip - tetapi hanya sebut harga yang dapat diprogramkan (boleh menjadi dua kali lipat (“) atau tunggal (')) seperti di tempat lain di CSS. Petikan di dalamnya adalah yang akan digunakan di halaman.

Terdapat empat nilai bagi harta yang kandungan yang berkaitan dengan quotesharta: open-quote, close-quote, no-open-quote, dan no-close-quote.

Pertama pasangan petikan dalam nilai adalah mula dan tutup sebut harga. Pasangan kedua adalah petikan pembukaan dan penutupan untuk sebut harga yang terletak satu tahap jauh di dalam petikan lain yang juga menggunakan quotesharta tanah. Contohnya unsur di dalam elemen.

Beberapa contoh:

Petikan berganda pada petikan pertama, petikan tunggal pada petikan kedua.

Petikan dengan petikan Perancis.

Anda boleh meletakkan sebilangan besar sebut harga di tempat quotespenginapan yang anda mahukan. Tetapi anda tidak perlu meletakkan lebih dari dua, kerana untuk setiap petikan tambahan, ia hanya mengulang quotesnilai dari awal.

Yang no-open-quotedan no-close-quotenilai menghentikan sebut harga daripada dipaparkan, tetapi mereka terus kenaikan kedalaman petikan.

Maklumat lanjut

Jangan gunakan elemen melainkan anda mengutip seseorang. Dalam semua kes lain (ironi, sarkasme, atau apa sahaja yang anda gunakan untuk petikan) hanya gunakan tanda petik itu sendiri (seperti ini: “”).
Ini bukan hanya untuk elemen, mungkin
terlalu atau yang lain.
Petikan & Aksen