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:
Článek pro vás napsal Jan Lupčík
Autor se primárně věnuje vývoji webových stránek a aplikací v PHP (framework Laravel) a je jedním z herních vývojářů komunitní modifikace TruckersMP.