Opis
Właściwość quotes służy do definiowania par ofert, które są używane na każdym poziomie zagnieżdżonych ofert.
Możliwa wartość
<string><string> - Para wartości ciągu, które są używane do reprezentowania cudzysłowów otwierających i zamykających.
none - Zapobiega to generowaniu jakichkolwiek cudzysłowów przez wartości open-quote i close-quote w treści właściwości.
Dotyczy
Wszystkie elementy HTML.
Przykład
Oto przykład -
<html>
<head>
<style type = "text/css">
q {
quotes: "<<" ">>" "<" ">";
}
</style>
</head>
<body>
<p><q>tutorialspoint.com</q></p>
<p><q>tutorialspoint.com <q>quote</q> inside a java.</q></p>
</body>
</html>
To da następujący wynik -
W dokumencie, który musi zająć się tą różnicą, możesz użyć pseudoklasy: lang, aby odpowiednio zmienić cudzysłowy. Poniższy kod zmienia tag <blockquote> odpowiednio dla używanego języka -
<html>
<head>
<style type = "text/css">
/* Two levels of quotes for two languages*/
:lang(en) { quotes: '"' '"' "'" "'"; }
:lang(fr) { quotes: "<<" ">>" "<" ">"; }
</style>
</head>
<body>
<p>...<q lang = "fr">A quote in a paragraph</q>...</p>
</body>
</html>
Selektory: lang zostaną zastosowane do wszystkich elementów w dokumencie. Jednak nie wszystkie elementy wykorzystują właściwość quotes, więc efekt będzie przezroczysty dla większości elementów.
To da następujący wynik -