|
|||||||||||||||||||||||||||||||||||||||||||||||
Menu
Distributions (131)
bootable [55]
commercial [7] no-commercial [42] unclassified [20] [7]
Software (10844)
|
CSS (9.) - Písmo IV. (Varianta a čitelnost písma)Dnes se podíváme na další dvě vlastnosti písma a způsob jejich nastavení v kaskádových stylech.
Varianta písmaVarianta písma se určuje vlastností font-variant. Jako její hodnota se používají klíčová slova.
font-variant
Hodnoty: normal | small-caps | 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 Font-variant je vlastnost písma, která umožňuje používat základní písmo a kapitálky. Hodnota small-caps nastavuje písmo na tzv. kapitálky. Kapitálky je takový vzhled písma, kdy malá písmena (mínusky) jsou vykreslena velkými písmeny, ale mají velikost jako malá písmena, a velká písmena jsou o něco větší než normálně. Jelikož se tento vzhled často používal v anglosaské literatuře pro nadpisy kapitol, vžil se pro něj název kapitálky. Existují dva názory na tuto vlastnost písma: Podpora v prohlížečíchVe všech moderních prohlížečích jsou kapitálky zobrazeny správně, starší prohlížeče místo kapitálek používají verzálky (normální velká písmena). V NN4 není tato vlastnost podporována, Mozilla (Netscape 6+) plná podpora všemi verzemi; IE plná podpora od verze 6, verze 4, 5.5, 5 nesprávně vykreslují kapitálky jako verzálky; Opera plná podpora od verze 3.5; IE 5/MAC plná podpora, verze 4, 4.5 nesprávně vykreslují kapitálky jako verzálky; Konqueror plná podpora. Příklady variant
Font-variant: normal
Font-variant: small-caps Subjektivní velikost a čitelnost písmaSubjektivní velikost a čitelnost písma se určuje vlastností font-size-adjust. Jako její hodnota se používají klíčová slova nebo číselná hodnota.
font-size-adjust
Hodnoty: none | <číslo> | inherit Výchozí hodnota: none Ovlivňuje: všechny prvky Dědičná: ano Procenta: nelze používat Média: vizuální <číslo> číslo viz díl č. 2 inherit hodnota se dědí po rodičovském prvku Subjektivní velikost a čitelnost písma není závislá ne velikosti písma (nastavené pomocí vlastnosti font-size), ale na poměru velikosti písma a výšky nízkých liter. Tento poměr se jmenuje aspect value, čím je tento poměr větší, tím bude písmo lépe čitelné i při malých velikostech. Malý poměr signalizuje, že pokud klesne velikost písma pod určitou hranici, stává se písmo nečitelné. Z toho je zřejmé, že různé druhy písma jsou při stejné velikosti různě čitelná. Pro ukázku zde uvedu hodnoty aspect value dvou populárních a často používaných fontů Verdana a Times New Roman. U Verdany činí tento poměr 0,58. Pokud použijeme Verdanu o velikosti 100 jednotek, budou mít nízké litery výšku 58 jednotek. Times New Roman má aspect value jen 0,46. Pokud nahradíme Verdanu Timesem o stejné velikosti, bude text vypadat měnší, a možná bude i nečitelný. Pokud bychom provedli obrácenou záměnu, bude text napsaný Verdanou vypadat vetší. Vlastnost font-size-adjust má za úkol kompenzovat tento efekt. Autoři nadefinují hodnotu poměru velikosti písma ku výšce nízkých liter a ten se zachovává při použití různých fontů. Hodnota none nastaví nezachovávání aspect value při substituci fontů. Konkretní číselná hodnota nastaví zachovávání aspect value při substituci fontů. Více o substituci fontů se dozvíte v některém z následujících dílů. Podpora v prohlížečíchV současné době (září 2004) není podporována ani jedním běžným prohlížečem. ZávěrObě dvě dnes popisované vlastnosti se používají v CSS velmi málo.
Related article
CSS (1.) - Úvod CSS (2.) - Dědičnost a připojení CSS k dokumentu CSS (3.) - Barvy CSS (4.) - Hodnoty CSS (5.) - Média CSS (6.) - Písmo I. (Velikost písma) CSS (7.) - Písmo II. (Tloušťka písma) CSS (8.) - Písmo III. (Řez a šířka písma ) CSS (10.) - Písmo V. (Rodina písma - úvod) CSS (11.) - Písmo VI. (Rodina písma - správná definice) CSS (12.) - Písmo VII. (Sdružená definice písma) CSS (13.) - Barva a Pozadí CSS (14.) - Seznam CSS (15.) - Text CSS (16.) - Speciální textové vlastnosti CSS (17.) - Generovaný obsah CSS (18.) - Rozměry CSS (19.) - Výplň CSS (20) - Orámování I CSS (21) - Orámování II. CSS (22) - Okraje CSS (23) - Ohraničení CSS3 - Seznámení CSS3 + HTML5 - Tvoříme kompletní webovou prezentaci Previous Show category (serial) Next
|
Szukanie oprogramowania
|
|||||||||||||||||||||||||||||||||||||||||||||
©Pavel Kysilka - 2003-2024 | maillinuxsoft.cz | Design: www.megadesign.cz |