Kurzíva v CSS: Zmena návrhu písma

kurzíva - jeden z najpopulárnejších spôsobov, ako vybrať časť textu a dať mu hodnotu. Je ideálny pre citácie, odkazy, názvy a vlastné mená. V jazyku HTML existujú dve špeciálne značky na zobrazenie kurzívy. CSS kurzíva je riadená vlastnosťou štýlu písma.

Kurzíva alebo šikmé písmo?

Zobrazenie rovnakého písma v kurzíve sa môže líšiť. Na obrázku sú tri bloky textu napísané na rovnakom zobrazení Playfair. Prvý z nich má priamu priamku a druhá a tretia sú kurzívou. Sú otvorené v tom istom prehliadači Google Chrome, ale vyzerajú úplne inak.
Faktom je, že niektoré fonty majú svoje vlastné kurzívy. Ak váš prehliadač nemá prístup k tejto sady, ale narazí na text, ktorý by mal byť zobrazený ako kurzíva, že sa ju snaží nakloniť na jeho vlastné.


v druhom bloku - len spracované verziu prehliadača, a tretí - pôvodná verzia písmo Playfair displej, ktorý má jedinečný štýl, skôr ako rukopis. Prehliadač jednoducho pretína každý znak textu na určitý uhol a simuluje kurzívu. Zistiť, ako sa robí dôraz na CSS a HTML, je dôležité si uvedomiť, že v prípade špecifických fontov je potrebné poskytnúť prístup k svojim kurzívou sád prehliadača. V niektorých prípadoch môže byť výsledok algoritmov sklonu založených na prehliadači neuspokojivý.

HTML-kurzíva

kurzíva text sa zobrazí vo formáte HTML, sú tam dva špeciálne tag:aj(od kurzíva slova) a em.Obraz textu, ktorý je priložený k niektorému z týchto deskriptorov, bude rovnaký.

CSS kurzíva je riadená inštrukciou štýlu písma. Môže mať jednu z troch základných hodnôt:

  • normal - font zvyčajného písma;
  • kurzíva - kurzívou;
  • šikmý - naklonený výkres.

V súčasnosti sa väčšina moderných prehliadačov zaobchádza šikmo a kurzívou rovnako, ale pôvodne sa predpokladalo, že prvý je výsledkom práce špeciálnych prehliadačových algoritmov, naklonením každého znaku napravo.

Ak požadované písmo nie je rozpoznané prehliadačom, kurzíva bude vyzerať úplne rovnako ako šikmé.

Na rozdiel od em, css, vlastnosť štýlu písma neposkytuje špeciálny fragment špeciálneho významu, je pravdepodobnejšie, že zodpovedá deskriptoru i.

Príklady

Číselné znaky kurzívou sú často zvýraznené. Skúsme dať Oscar Wilde dobrý pohľad.

.kot {
font-style: italic;
okraj-vľavo: 5px červená;
výplň-vľavo: 20px;
}


Okrem dekoratívneho rámčeka vpravo a zarážok, blok citácie špecifikuje pravidlo štýlu písma s kurzívou.
Používa kurzívu v CSS.

Súvisiace publikácie