quotes - Český CSS 3 manuál

HTML a CSS Manuál Text a písmo 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

 

  Aktivity (1)

Manuál pro vás napsal IT Man
Avatar
Autor se primárně věnuje vývoji webových stránek v PHP a v JavaScriptu (knihovna jQuery). Napsal část manuálu HTML 5 a CSS 3, kde má celkem velký přehled. Jednoduše má v oblibě weby.

Miniatura
Všechny články v sekci
Text a písmo - CSS vlastnosti

 

 

Komentáře

Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Matúš Petrofčík:

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

Odpovědět  +3 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.