LINUXSOFT.cz Přeskoč levou lištu

ARCHIV



   

> CSS (8.) - Písmo III. (Řez a šířka písma )

V minulých dílech jsme se seznámili, jak nastavit výšku, tloušťku písma. Dnes si ukážeme, jak nastavit pomocí kaskádových stylů řez a šířku písma.

6.9.2004 13:00 | Vasek | Články autora | přečteno 19497×

Řez písma

Řez písma se určuje vlastností font-style. Jako její hodnota se používají klíčová slova.

font-style
Hodnoty: normal | italic | oblique | inherit
Výchozí hodnota: normal
Ovlivňuje: všechny prvky
Dědičná: ano
Procenta: nelze používat
Média: vizuální
  inherit hodnota se dědí po rodičovském prvku

Hodnota normal nastaví řez písma na normální stojaté písmo, lze použít k napřímení skloněného písma prvků, u kterých mají prohlížeče přednastavené zobrazení kurzívou (např. tag pro zvýraznění <em> ).

Příklad:

<style>
  em {font-style: normal}
</style>

Hodnota italic říká, že jako řez písma se má použít kurzíva, resp. že pro tento prvek se mají použít fonty označené jako Italic, Cursive nebo Kursiv.

Hodnota oblique je většinou prohlížečů nesprávně interpretována jako kurzíva. W3C ve specifikaci jasně říká, že pro tuto hodnotu se mají použít písma označená jako Oblique, Slanted nebo Incline. Tyto písma jsou skloněná písma, což jsou v podstatě geometricky upravená stojatá písma.

Podpora v prohlížečích

Ve všech prohlížečích je tato vlastnost bez problémů podporovaná.

NN4 vůbec nezná hodnotu oblique; Mozilla (Netscape 6+) plná podpora všemi verzemi; IE plná podpora od verze 3; Opera plná podpora od verze 3; IE 5/MAC plná podpora; Konqueror plná podpora.

Příklady řezů

font-style: normal
font-style: italic
font-style: oblique

Šířka písma

Šířka písma se určuje vlastností font-stretch. Jako její hodnota se používají klíčová slova.

font-stretch
Hodnoty: <absolutní-velikost> | <relativní-velikost> | inherit
Výchozí hodnota: normal
Ovlivňuje: všechny prvky
Dědičná: ano
Procenta: nelze používat
Média: vizuální
  <absolutní-velikost> ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded
  <relativní-velikost> wider | narrower
  inherit hodnota se dědí po rodičovském prvku

Absolutní hodnoty (resp. klíčová slova) jsou uvedena v pořadí od nejužšího po nejširší.

Relativní velikost wider nastaví písmo o stupeň širší a narrower nastaví písmo o stupeň užší.

Podpora v prohlížečích

V současné době (září 2004) není podporována ani jedním běžným prohlížečem.

Příklady šířky

font-stretch: semi-condensed // neužší
font-stretch: normal // normální šířka
font-stretch: ultra-expanded // nejširší

Závěr

Vlastnost písma font-style s hodnotou italic se používá jako náhrada zastaralého html tagu <i>.

Verze pro tisk

pridej.cz

Související články

Předchozí Celou kategorii (seriál) Další


Předchozí Celou kategorii (seriál) Další
 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software

> Vyhledávání článků

> Rozšířené vyhledávání
> Linux News rss icon

28.11.2018 23:56 /František Kučera
Prosincový sraz spolku OpenAlt se koná ve středu 5.12.2018 od 16:00 na adrese Zikova 1903/4, Praha 6. Tentokrát navštívíme organizaci CESNET. Na programu jsou dvě přednášky: Distribuované úložiště Ceph (Michal Strnad) a Plně šifrovaný disk na moderním systému (Ondřej Caletka). Následně se přesuneme do některé z nedalekých restaurací, kde budeme pokračovat v diskusi.
Komentářů: 1

12.11.2018 21:28 /Redakce Linuxsoft.cz
22. listopadu 2018 se koná v Praze na Karlově náměstí již pátý ročník konference s tématem Datová centra pro business, která nabídne odpovědi na aktuální a často řešené otázky: Jaké jsou aktuální trendy v oblasti datových center a jak je optimálně využít pro vlastní prospěch? Jak si zajistit odpovídající služby datových center? Podle jakých kritérií vybírat dodavatele služeb? Jak volit vhodné součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně datové centrum spravovat? Jak co nejlépe eliminovat možná rizika? apod. Příznivci LinuxSoftu mohou při registraci uplatnit kód LIN350, který jim přinese zvýhodněné vstupné s 50% slevou.
Přidat komentář

6.11.2018 2:04 /František Kučera
Říjnový pražský sraz spolku OpenAlt se koná v listopadu – již tento čtvrtek – 8. 11. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma umění a technologie, IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář

4.10.2018 21:30 /Ondřej Čečák
LinuxDays 2018 již tento víkend, registrace je otevřená.
Přidat komentář

18.9.2018 23:30 /František Kučera
Zářijový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 20. 9. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář

9.9.2018 14:15 /Redakce Linuxsoft.cz
20.9.2018 proběhne v pražském Kongresovém centru Vavruška konference Mobilní řešení pro business. Návštěvníci si vyslechnou mimo jiné přednášky na témata: Nejdůležitější aktuální trendy v oblasti mobilních technologií, správa a zabezpečení mobilních zařízení ve firmách, jak mobilně přistupovat k informačnímu systému firmy, kdy se vyplatí používat odolná mobilní zařízení nebo jak zabezpečit mobilní komunikaci.
Přidat komentář

12.8.2018 16:58 /František Kučera
Srpnový pražský sraz spolku OpenAlt se koná ve čtvrtek – 16. 8. 2018 od 19:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát jsou tématem srazu databáze prezentaci svého projektu si pro nás připravil Standa Dzik. Dále bude prostor, abychom probrali nápady na využití IoT a sítě The Things Network, případně další témata.
Přidat komentář

16.7.2018 1:05 /František Kučera
Červencový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 7. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát bude přednáška na téma: automatizační nástroj Ansible, kterou si připravil Martin Vicián.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

31.7.2023 14:13 / Linda Graham
iPhone Services

30.11.2022 9:32 / Kyle McDermott
Hosting download unavailable

13.12.2018 10:57 / Jan Mareš
Re: zavináč

2.12.2018 23:56 / František Kučera
Sraz

5.10.2018 17:12 / Jakub Kuljovsky
Re: Jaký kurz a software by jste doporučili pro začínajcího kodéra?

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2024) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze