Psst. EU dotace 85 % pro OSVČ a firmy lze nyní čerpat i na e-learning. Více informací
Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij halloweenské akce 80% výuky zdarma!
Python týden

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:

Vlastnost quotes v CSS 3

 

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ích v PHP (framework Laravel) a je jedním z herních vývojářů komunitní modifikace TruckersMP.
Aktivity (1)

 

 

Komentáře

Avatar
Matúš Petrofčík:29.7.2015 1:17

Tak toto som nevedel :) celkom užitočné si myslím

Odpovědět
29.7.2015 1:17
obsah kocky = r^2 ... a preto vlak drnká
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.