IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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:

Vlastnost quotes v CSS 3 - Text a písmo - CSS vlastnosti

 

Všechny články v sekci
Text a písmo - CSS vlastnosti
Článek pro vás napsal Jan Lupčík
Avatar
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.
Aktivity