LINUXSOFT.cz
Username: Password:     
    CZ UK PL

> 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 | read 19502×

DISCUSSION   

Ř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>.

 

DISCUSSION

For this item is no comments.

Add comment is possible for logged registered users.
> Search Software
> Search Google
1. Pacman linux
Download: 4881x
2. FreeBSD
Download: 9068x
3. PCLinuxOS-2010
Download: 8565x
4. alcolix
Download: 10950x
5. Onebase Linux
Download: 9662x
6. Novell Linux Desktop
Download: 0x
7. KateOS
Download: 6249x

1. xinetd
Download: 2417x
2. RDGS
Download: 937x
3. spkg
Download: 4765x
4. LinPacker
Download: 9969x
5. VFU File Manager
Download: 3201x
6. LeftHand Mała Księgowość
Download: 7204x
7. MISU pyFotoResize
Download: 2814x
8. Lefthand CRM
Download: 3565x
9. MetadataExtractor
Download: 0x
10. RCP100
Download: 3125x
11. Predaj softveru
Download: 0x
12. MSH Free Autoresponder
Download: 0x
©Pavel Kysilka - 2003-2024 | mailatlinuxsoft.cz | Design: www.megadesign.cz