CSS'deki quotesözellik, content: open-quote;veya content: close-quote;kuralları aracılığıyla tırnak işaretleri eklendiğinde hangi tür tırnak işaretlerinin kullanılacağını belirlemenize olanak tanır . İşte nasıl kullanılacağı:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )Yukarıdaki örnekte, dört değer eklenmiştir. Bir dizi çift akıllı teklif ve bir çift tek akıllı teklif. Her alıntı tırnak içine alındığı için biraz kafa karıştırıcı - ancak bunlar CSS'deki herhangi bir yerde olduğu gibi sadece programlı alıntılardır (çift (“) veya tek (') olabilir). İçerideki alıntılar sayfada kullanılacak şeylerdir.
İlgili içerik özelliği için dört değer vardır quotesmülkiyet: open-quote, close-quote, no-open-quote, ve no-close-quote.
Değerdeki ilk tırnak çifti açılış ve kapanış teklifleridir. İkinci çift, quotesözelliği kullanan diğer tekliflerin içinde bir seviye derinlikte iç içe geçmiş teklifler için açılış ve kapanış teklifleridir . Örneğin, bir öğenin içindeki bir öğe.
Birkaç örnek:
İlk alıntıda çift tırnak, ikincisinde tek tırnak.
Fransızca alıntılarla bir alıntı.
quotesMülke istediğiniz kadar teklif çifti koyabilirsiniz . Ancak ikiden fazlasını koymanız gerekmez, çünkü her ekstra alıntı için quotesdeğerleri baştan tekrar eder .
no-open-quoteVe no-close-quotedeğerler görüntülemesini tırnak durdurmak, ancak alıntı derinliğini artırmak devam ediyor.
Daha fazla bilgi
Birinden alıntı yapmadığınız sürece öğeyi kullanmayın . Diğer tüm durumlarda (ironi, alay veya başka ne için alıntı kullanırsanız kullanın) tırnak işaretlerini kullanın (örneğin: "").- Bu sadece
öğe için değil , olabilirçok ya da başka bir şey. - Tırnaklar ve Aksanlar
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Hiç | 1.5+ | 4+ | 8+ | Hiç | Hiç |