Alapfokú Html tanfolyam 20. rész
Stíluslap-beállítások
Betű-szintű beállítások
Font-Size
A használt betűméretet állíthatod be vele. Lehetséges értékei:
- xx-small, x-small, small, medium, large, x-large, xx-large: a böngészőtől
függő logikai méretek, értelemszerűen balról jobbra egyre nagyobb betűket
eredményeznek.
- Százalékban: a szülő méretéhez viszonyítva. A jelöléséhez a szám után írj
egy százalékjelet (%)
- És persze megadhatod a méretet konkrét számmal is.
Font-Family
A betűtípust állíthatod be vele. Mivel nem lehetsz biztos benne, hogy milyen
betűtípusok vannak telepítve a felhasználó rendszerén, célszerű egy listát megadni.
Ilyenkor a böngésző addig pásztázza végig a listát, amíg olyan betűtípusra nem
lel, amit meg tud jeleníteni. Ha ilyet nem talál, akkor a szülő betűtípusát
alkalmazza rá. Érdemes a lista utolsó elemének egy betűtípus-családot megadni,
mert ha nincs is egyik általad elképzelt betűtípus sem telepítve a felhasználónál,
még elérheted, hogy legalább hasonlítson a tervre a végeredmény. A definiált
családok:
- Serif
- Talpas betűk (nem tudom, mi az igazi magyar szakkifejezés ezekre). Ilyen
pl. a Times.
- Sans-Serif
- Talp nélküli betűk (talán groteszknek hívják magyarul, de fogalmam sincs).
Pl. Ariel
- Cursive
- Kurzív, íves betűk-magyarul a kézzel írott betűkre hasonlítanak.
- Fantasy
- Mindenféle vad, díszítő jellegű szöveg (pl. StarTrek, Desdemona, stb.).
Kenyérszövegben ne használd, viszont címekben jól mutat.
- Monospace
- A TT tag-hez hasonlóan fix szélességű, írógépszerű betűtípus. Ilyen
például a Courier.
Font-Weight
A betű vastagságát, "félkövérségét" állíthatod be vele. Lehetséges
értékei:
- extra-light, light, demi-light, medium, demi-bold, bold, extra-bold: egyre
vastagabb betűk. Az alapértelmezett a medium.
- bolder, lighter: két lépéssel felfelé vagy lefelé csúsztatja a listán az
értéket. Például ha a BODY normal és a STRONG bolder, akkor
a STRONG font-weight-je bold lesz.
Font-Style
A betű stílusát állítja be. Értéke lehet:
- normal
- Normál betűk. Ez az alapértelmezés, de szükség lehet rá, ha a szülő beállításait
akarod felülbírálni.
- italic
- Dőlt betűk
- small-caps
- A kisbetűk kis méretű nagybetűkként jelennek meg. Ez egy szép magyar mondat
volt...
- oblique
- Az Internet Explorer nem támogatja, de a neve alapján valószínűleg ez a
balra dőlő írás.
Az Italic és az Oblique értékek kombinálhatóak a small-caps értékkel.
Line-Height
Két egymást követő sor távolságát állíthatod be. Megadható számmal és százalékban
is.