CSS quotes eigenschap

Definitie en gebruik

De quotes-eigenschap stelt de type aanhalingstekens in voor geneste aanhalingen (geïntegreerde aanhalingen).

Zie ook:

HTML DOM referentiehandleiding:quotes-eigenschap

Voorbeeld

q:lang(en)
  {
  quotes: '"' '"' "'" "'";
  }

HTML-code:

<html lang="en">
<head>
</head>
<body>
<p><q>This is a <q>big</q> quote</q></p>
</body>
</html>

Uitvoer:

"This is a 'big' quote"

Probeer het zelf uit

CSS syntaxis

quotes: none|string|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
none Wordt voorgesteld dat de waarden van de "open-quote" en "close-quote" van de "content"-eigenschap geen aanhalingstekens opleveren.
string string string string

Definieer de te gebruiken aanhalingstekens.

De eerste twee waarden definiëren de nesting van de eerste orde referenties, de laatste twee waarden definiëren de nesting van de volgende orde aanhalingstekens.
inherit Wordt voorgesteld dat de waarde van de quotes-eigenschap van het ouderlijke element wordt geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritantie: ja
Versie: CSS2
JavaScript syntaxis: object.style.quotes="none"

Aanheftekens

Aanhalingstekens

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
11.0 8.0 1.5 5.1 4.0

Opmerking:Als !DOCTYPE is gedefinieerd, ondersteunt Internet Explorer 8 (en hogere versies) de quotes-eigenschap.