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

Č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.

Aktivity

Nejčastěji vyhledáváné

quotes - Český CSS 3 manuál

Syntaxe

Hodnoty

Ukázka