e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

font

font je nabor simbolov, ki predstavljajo znake v enem ali več jezikih. Lastnosti znakov CSS nam dovoljujejo nadzor oziroma spreminjanje zunanjosti le-tega. Spreminjamo lahko barvo tznakov, povečujemo ali zmanjšujemo prostor med črkami v besedilu, lahko ga okrašujemo, olepšujemo, pomikamo in še več.

lastnostopisvrednostNNIECSS
font-styleLastnost font-style prikaže pisavo v ležeči ali navadni obliki. Njene vrednosti so: normal, italic ali oblique.normal
italic
oblique
441
font-variantOmogoča izbiro ali bo pisava prikazana z običajnimi ali s pomanjšanimi črkami.normal
small-capps
641
font-weightOmogoča določitev debeline pisave.normal
bold
bolder
lighter
100-900
641
font-sizeSluži za prikaz velikosti besedila na več načinov: absolutno, relativno, z določeno vrednostjo ali z odstotkom.xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
dolžina
%
431
line-heightOmogoča določitevo razmaka med vrsticami besedila.normal
številka
dolžina
%
441
font-familyDružina pisaveime pisave
generično ime
431

Uporaba sistemskih pisav

Pri izbiri vrednosti pisav je mogoče uporabiti tudi sistemske pisave. Sistemske pisave se lahko uporabijo samo kot celota: družina pisave, velikost, debelina in drugo. Izgled je odvisen od uporabnikovih nastavitev operacijskega sistema. Če podane pisave ni v določenem operacijskem sistemu, jo brskalnik inteligentno zamenja (namesto caption npr. small-caption).

vrednostopisNNIECSS
captionPisava, ki se uporablja kot vrednost (gumbi, padajoči seznami.., itd.).441
iconPisave, ki so uporabljene pri lastnostih ikon.441
menuPisave, ki jih uporabljamo pri padajočih menijih.441
message-boxPisave, ki se uporabljajo v pogovornih oknih.431
small-captionS tem ukazom zmanjšamo velike črke na velikost malih črk.441
status-barDoloča pisave, ki se uporabljajo v statusni vrstici.441

Primer

button p { font: menu }

Skupna lastnost font

Skupna lastnost font omogoča hkratno spreminjanje večjega števila lastnosti pisav. Ta lastnost nam omogoča, da enostavneje in krajše opišemo lastnosti nekega elementa. Na primer, če želimo odstavku (<p>) spremeniti več lastnosti pisave to enostavneje storimo z lastnostjo font.

Primer

a { font: italic small-caps 900 11px Verdana }

→ Primer skupne lastnosti font

SERŠ Maribor : Strokovna gimnazija : 2004 : Neven Šrok