06 – Betűtulajdonságok


Font Family: betűcsalád (típus) megadása. Több betűtípus is megadható egymás után, melyeket vesszővel kell elválasztani. Pl.

1
P { font-family: "Times New Roman", Times, serif }

Font Style: betűstílus megadása, amely lehet: normal (normál), italic (dőlt) vagy oblique (ferde). Pl.

1
2
H1 { font-style: oblique }
H2 { font-style: normal }

Font Variant: a font-változat megadásával a normál illetve a kiskapitális írásmód között lehet váltani, tehát értéke normal, vagy smallcaps lehet. Pl.

1
P { font-variant: small-caps }

Font Weight: betűvastagság, amelynek értéke lehet: normal, bold (félkövér), bolder (kövér), light (vékonyabb), lighter (egészen vékony), illetve számmal: 100, 200. 300, 400, 500, 600, 700, 800, 900 (egyre vastagabbak lesznek, a normálnak a 400-as érték felel meg). Pl.

1
2
H1 { font-weight: 800 } 
H2  { font-weight: normal }

Font Size: betűméret megadása, mely lehet abszolút vagy relatív. Az abszolút betűméretek lehetséges értékei, növekvő sorrendben: xx-small, x-small, small, medium, large, x-large, xx-large. A relatív méretek: larger (nagyobb), smaller (kisebb), illetve az előjeles értékkel megadható mértékegységek: em (a betű magasságértéke), ex (a kisbetű, “x” magasságértéke), px (betűmagasság megadása pixelben). Lehetséges az értékek előjeles megadása százalékos formában is, a % kiírásával. Pl.

1
2
3
4
H3 { font-size: small } 
P { font-size: 12pt }
LI { font-size: 70% }
STRONG { font-size: larger }

Font: ez a tulajdonság rövidítésként, ill. összevonásként használható a többi fenti tulajdonság (font-style, font-variant, font-weight, font-size, line-height, font-family) megadásához. Pl.

1
P { font: italic bold 12pt/14pt Times, serif }

A szerző honlapja: http://fodorsi.ini.hu

Kapcsolódó bejegyzések:
  • Egy tag-hez készíthetünk több különböző, ún. stílusosztályt is: a tag neve után egy ponttal elválasztva adjuk meg az osztály nevét (módosítót), pl.code.ht …

  • A STYLE attribútum segítségével az egyes HTML tag-ek szintjén adhatunk meg stílusdefiníciókat. Használhatjuk minden <BODY>-ba illeszthető tag-ben, kivéve p …

  • A CSS-ek elején szoktam ezt a kódot használni ahhoz, hogy minden böngésző alatt az egyébként másként megjelenített részeket azonos kinézetre formázzam.…

  • Nem tudom ki hogy van vele, de ha már egy CMS esetében az admin felületen WYSIWYG szerkesztő felületet használok, akkor szeretem a bejegyzés megírásakor olyan fo …

  • Ez egy hírküldő script. Működése nagyon egyszerű. Mindössze 3 fájlból áll, és adatbázis alapú a hírek tárolása. A dbconnect.php segítségével kapcsolódik az adat …

A cikket beküldte: Harder (http://blog.harder.hu)

Szólj hozzá
a 06 – Betűtulajdonságok c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>