Vlastnosť quotes

Vlastnosť quotes priradzuje fragmentu textu určitý typ úvodzoviek. Úvodzovky sa automaticky pridajú k textu inside elementu <q>.

Syntax

cssselektor {
  quotes: typ ľavej úvodzovky, typ pravej úvodzovky alebo none alebo inherit;
}

Hodnota	Popis
`"`	Dvojitá úvodzovka, zvyčajne sa používa v monospace fontoch na označenie symbolu palca, ako aj oblúkových sekúnd.
`'`	Apostrof. Symbol minúty, v latinčine sa používa na označenie mäkkého znaku.
`«`	Otvarajúca dvojitá lomená úvodzovka.
`»`	Zatvárajúca dvojitá lomená úvodzovka.
`‘`	Otvarajúca jednoduchá úvodzovka.
`’`	Zatvárajúca jednoduchá úvodzovka.
`“`	Otvarajúca dvojitá úvodzovka v anglicky písaných textoch alebo zatvárajúca pre ruštinu
`”`	Zatvárajúca dvojitá úvodzovka v anglicky písaných textoch.
`„`	Otvarajúca dvojitá úvodzovka. Používa sa v ruštine.
`none`	Úvodzovky sa nepridávajú.
`inherit`	Dedí hodnotu od rodiča.

Nastavme nášmu citátu dvojité lomené úvodzovky a modrú farbu písma:

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: