CSSPropertiesTypsnitt
[ Hem ] Allmänt ASP XML SQL ADO HTML CSS VB Java Design Karta
Användning av CSS Properties Exempel Positionering Filter

Typsnitt

Inställning Alternativ Exempel
font Se:
font-style
font-variant
font-weight
font-size
line-height
font-family
{ font:italic 12pt Arial }
font-style normal
italic
{ font-style:italic}
font-variant normal
small-caps
{ font-style:small-caps }
font-weight normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
{ font-weight:bold }
font-variant normal
small-caps
{ font-style:small-caps }
font-size Absoluta storlekar:
  xx-small
  x-small
  small
  large
  x-large
  xx-large
Relativa storlekar:
  smaller
  larger
Numeriska storlekar:
  16pt
  16pt
Procentuella storlekar:
  120%
(Se tabellen över måtteneheter i CSS)
{ font-size:16pt }
font-family Exakt namn:
  Arial
  Courier
  Comic Sans MS
Generiskt namn
(browsern väljer ett som passar):
  serif
  sans-serif
  cursive
  fantasy
  monospace
{ font-family: Arial}
{ font-family: Verdana, Arial}
Genom att sätta komma mellan så
försöker browsern med det första
typsnittet om det inte fungerar
provas det andra
line-height En måttenhet som
bestämmer radhöjden:
Exempelvis 20pt
{ line-height: 20pt}
(Se måtteneheter)
Man kan använda font attributet direkt. Istället för att skriva:
P
  {
    font-family: Times, serif;
    font-size: 12pt;
    line-height: 20pt;
    font-weight: bold;
    font-style: italic
  }

Kan man skriva
P
  {
    font: bold italic 12pt/20pt Times, serif;
  }

letter-spacing Avståndet mellan bokstäverna
tex:
1mm
12px
{ letter-spacing:1mm }
text-align left
right
center
justyfy
{ text-align:center }
Gäller bara block tags
som BODY, DIV mmm
text-decoration none   (ser ut så här)
underline   (ser ut så här)
overline   (ser ut så här)
line-through   (ser ut så här)
{ text-decoration:none }
Vanlig för A taggen
text-indent Hur mycket första raden i ett stycke skall dras in.
Ett negativt tal ger ett hängande indrag
I denna cell har jag 12 punkters indrag.
{ text-indent: 1cm }
Endast för block tags
text-transform none   (Ser ut så här)
capitalize   (Ser ut så här)
uppercase   (Ser ut så här)
lowercase   (Ser ut så här)
{ text-transform:capitalize }
vertical-align baseline
sub
super
top
middle
bottom
text-top
text-bottom
(Jämför med VALIGN som t.ex TD och IMG har)
{ vertical-align:sub }
Endats för:
COL, IMG, SPAN, TBODY,
TD, TFOOT, TH, THEAD, TR
  PropertiesFärger och bakgrunder
Properties
Typsnitt
Färger och bakgrunder
Layout
Positionering
Utskrift
Pseudoklasser
Listinställningar
Måttenheter


Top
< Properties Färger och bakgrunder>
© Anders Enges, Vörå 2002  | 21.09.01 07:05 Visa asp koden