Kurzíva je jedním z nejpopulárnějších způsobů, jak zvýraznit text a dát mu nějaký význam. Je ideální pro citace, odkazy, názvy a vlastní jména. V jazyce HTML existují dvě speciální značky pro zobrazení kurzívy. CSS kurzíva je řízena vlastností písma.

Kurzíva nebo šikmé písmo?

Zobrazení stejného písma v kresbě kurzívou se může lišit. Na obrázku jsou tři bloky textu napsané ve stejném písmu Playfair Display. První má přímou přímku a druhá a třetí jsou kurzívou. Jsou otevřené ve stejném prohlížeči Google Chrome, ale vypadají naprosto odlišně. Faktem je, že některá písma mají své vlastní kurzívy. Pokud prohlížeč nemá přístup k této sadě, ale narazí na text, který by měl být zobrazen jako kurzíva, pokusí se jej naklonit sám.


Ve druhém bloku je to jen verze prohlížeče a ve třetí je originální kurzívou písma Playfair Display, která má jedinečný tah, který je spíše ručně psaný. Prohlížeč prostě zkracuje každou postavu textu na určitý úhel a simuluje kurzívu. Protože je třeba chápat způsob vytváření kurziv v CSS a HTML, je důležité si uvědomit, že v případě konkrétních písem je nutné poskytnout prohlížeči přístup k jejich kurzívním sadám. V některých případech může být výsledek algoritmů sklonu založených na prohlížeči neuspokojivý.

HTML-kurzívou

Existují dvě speciální značky pro kurzívu v HTML:i(z italic word) a em.Obraz textu, který je obsažen v některém z těchto deskriptorů, bude stejný.

CSS kurzíva je řízena instrukcemi ve stylu písma. Může mít jednu ze tří základních hodnot:

• normal - písmo obvyklého písma;
• kurzívou - kurzívou;
• šikmý - nakloněný výkres.

V současné době většina moderních prohlížečů zpracovává šikmo a kurzívně stejně, ale původně se předpokládalo, že první je výsledkem práce speciálních prohlížečových algoritmů, nakloněním každého znaku napravo.

Pokud prohlížeč nepozná požadované písmo, kurzíva bude vypadat přesně stejně jako šikmý.

Na rozdíl od em, css, vlastnost stylu písma neposkytuje specializovaný fragment zvláštního významu, je pravděpodobnější, že odpovídá deskriptoru i.

Příklady

Uvozovky jsou často zvýrazněny. Snažme se dát Oscaru Wildemu dobrý pohled.

.kot {
font-style: italic;
vlevo na okraji: 5px plná červená;
polstrování doleva: 20px;
}

Kromě dekorativního rámečku napravo a odrážek specifikuje blok citace pravidlo stylu písma kurzívou. Používá kurzíva v CSS.