quotes - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti quotes nastavujeme vlastní uvozovky pro citace. Vlastnost se dědí.
Syntaxe
Vlastnost quotes můžeme definovat několika způsoby. Vždy však musíme definovat počet řetězců textu dělitelný dvěma kvůli začínajícím a uzavíracím uvozovkám, které se píšou hned za sebe.
quotes: "„" "“";
Další způsoby se píšou hned za ty minulé uvozovky bez žádné čárky či něčeho jiného. Pokud bychom chtěli v citaci udělat další vnořenou citaci se špičatými závorkami, zápis by vypadal následovně:
quotes: "„" "“" "<" ">";
Hodnoty
- text text - Výchozí hodnota jsou anglické uvozovky ("). Jako uvozovky můžeme dosadit cokoliv - klidně i nějaký řetězec textu (pro řetězce textu doporučuji radši vlastnost content). Pro zapsání platí výše uvedená pravidla.
- initial - Nastaví vlastnost na výchozí hodnotu (tedy na anglické uvozovky).
- inherit - Hodnota se zdědí z rodičovského elementu.
Ukázka
Vytvořme si 2 odstavce textu. Do jednoho dáme obyčejný text s citací a ve druhém bude jenom citace, ve které bude citován další text pro ukázku. Všimněte si definování vlastnosti quotes a výsledku.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
q
{
quotes: "„" "“" "!!!" "!!!";
}
</style>
<title>quotes</title>
</head>
<body>
<p>Cituji pasáž jenom pro tebe: <q>Pořádek dělá přátele!</q>.</p>
<p><q>Jenže někteří nejsou <q>opravdoví přátelé</q>.</q></p>
</body>
</html>
Výsledek:

Komentáře


Zobrazeno 1 zpráv z 1.