quotes - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti quotes nastavujeme vlastní uvozovky pro citace. Vlastnost se dědí.
Syntaxe
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
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.
Komentáře
Redaktor
Zobrazeno 1 zpráv z 1.