| |
| |
| |
FONT |
 |
font:
Samler-kode, og må forresten ikke forveksles med
<HTML>-elementet <FONT>.
Der kan anføres værdier for: |
| | <font-style> |
| | <font-variant> |
| | <font-weight> |
| | <font-size> |
| | <line-height> |
| | <font-family> |
| |
| |
font-family: |
  |
eks: |
BODY { font-family: gill, helvetica, sans-serif }
gill og helvetica er font konkrete typer, brug helst gill men
kan det ikke lade sig gøre så brug helvetica.
sans-serif er en generic type, ikke helt veldefineret, bruges
i eksemplet hvis hverken gill eller helvetica er tilgængelige. |
| generic-typer: |
|
Konkrete typer: |
Modern
,
arial ,
Courier ,
Helvetica,
Palatino ,
System ,
Terminal ,
Times ,
Verdana ,
Symbol
(Symbol)
WingDings
(WingDings)
| |
Bemærk, at Netscape bruger Modern som default ovenfor -
det er en periodisk fejl, skrifttypen stilles tilbage når
tabellens celle forlades. Hvis de to grønne kugler efter
"Modern" flyttes hen foran teksten opstår fejlen ikke - mystisk.
|
|
|
| |
serif |
|
| |
sans-serif |
|
| |
cursive
(cursive) |
| |
fantasy |
|
| |
monospace |
| |
: Vis siden med liste over mulige skrifttyper |
| |
Der er nævnt flere mulige font-navne i: Kontrolpanel - Egenskaber
for skærm - Udseende - klik først på "Meddelelsesboks", og
derefter pilen ved "skrifttype". Du ser nu en lang række navne i rullemenu.
Nogle virker, andre ikke, og:
- Listen er ikke fuldstændig (f.eks. WebDings mangler)
- Når andre læser din HTML-fil er det ikke sikkert, at de har fonten med i deres Windows-version
- Lad være med at vælge fra listen, for det ville ændre i udseendet af de
meddelelsesbokse der somme tider kommer frem på skærmen i Windows
|
| |
 |
font-style: |
| | normal |
| | italic |
| |
| oblique |
| |
| |
font-variant: |
| | normal |
 |
|
small-caps LAV små bogstaver OM TIL STORE MED ET NUMMER MINDRE FONT |
| |
|
font-weight: |
| | Absolut-værdier: |
normal
bold
100
200
300
400
500
600
700
800
900 |
|
| | normal (=400) |
| | bold (=700) |
| |
Ét af tallene 100, 200, 300, 400, 500, 600, 700, 800, 900 |
| | Relative værdier: |
|
|
| bolder bliver bolder,
og det findes som regel |
|
|
| lighter bliver kun lighter hvis det findes |
| |
|
|
font-size: Muligheder
<absolute-size> <relative-size> <længde>
<tal>% |
| |
| absolut-værdier: |
|
xx-small
x-small
small
medium
large
x-large
xx-large
|
<xx> står for <SPAN style="font-size: xx"> xx
</span> står for </SPAN> /span
start <medium> <larger> <100%> </span> <smaller> </span> </span> bliver til:
start medium larger
100% /span
smaller /span /span
Med Netscape bliver medium
+ <larger>
til en størrelse en smule over large, der bliver til large med
<smaller>
|
0.7em
1.5em
2ex
5ex
10px
20px
150% af 20px
0.11in
0.19in
0.5cm
1cm
5mm
10mm *100
11pt
19pt
1.1pc
2pc *100
75%
150%
67% af 150% *100
= 100%
|
|
| | xx-small |
| | x-small |
| | small |
| | medium |
| | large |
| | x-large |
| | xx-large |
|
|
|
relative værdier: |
| | larger |
| | smaller |
| |
| tal-værdier: |
| | <længde> |
| | <tal>% angivelse i forhold
til nuværende værdi . *100 i tabellen
er til kontrol af </SPAN>
:
Klik for mm-længdeangivelser og fonttyperne "Small Fonts" og "Times".
|
| |
| |
|
|
|
|
|
CLASSIFICATION PROPERTIES |
| |
 |
display: Hvordan elementet vises på skærmen: |
|
|
block | Som block-element (default) |
| |
Man kan konstruere lister med <SPAN Style="display : list-item">
efterfulgt af <LI> ... <LI> ... </SPAN>
Men det anbefales i stedet at bruge <OL> og <UL>
display=none fjerner elementer som IMG og TABLE helt fra skærmen
(de bliver ikke kun usynlige). Brug koden på det element der skal
fjernes, og ikke på inline-kode (P DIV SPAN I PRE osv), skrives
inline-koden indeni
en tabel fjernes hele cellen (TD) med
| |
|
|
|
|
inline | Som inline-element (ofte virkningsløs) |
|
list-item |
Som <UL>-liste - fortsæt med <LI>-koder.
Se 
|
|
|
none | Gør elementet usynligt på skærmen. Se |
| |
|
|
white-space: Hvordan blanktegn ( ) skal behandles |
|
|
normal | Som normalt (default) |
|
|
pre |
Somom der var <PRE>-koder, og så slipper
man for at få ændret skrifttype og indsat linieskift ! |
|
|
NoWrap | Somom der var <NOBR>-koder |
| |
|
| list-style-type: Hvordan lister (ell. element med display: list-item) skal vises: |
|
|
disc
default for <UL> |
| |
Man kan lave OL om til UL med Disc, Cirkel,... og tilsvarende UL til
OL med Decimal eller Alpha. En særlig form for UL er lister konstrueret
med display:List-item, de kaldes her SPAN-liste.
I
dokumentationen nævnes desuden attributterne "Lower roman" (romertal
i ii iii iv ...), "Upper roman" (I II ...), Lower alpha (a b c ...) og
Upper alpha" (A B C ...). Dem har jeg slet ikke kunnet få til at virke.
|
|
|
|
|
circle
| |
|
| square
¨ |
|
|
| decimal 1 2 3 ..
default for <OL> |
|
alpha a b c .. |
|
|
none |
| |
|
|
list-style-image: Billede til listen |
|
|
none |
|
|
<url> |
| |
|
|
list-style-position |
<
UL style="list-style-type: none; list-style-position: inside">
<LI>..og så en tekst.. </UL>
-
..og så en tekst der skal vise, at ved linieskift med "inside" rykker teksten
længere ud til vensTRe (kun I.explorer)
Der kommer desværre blanke linier
før og efter, de kan undgås ved at bruge <SPAN style="display:
list-item"> men så virker "list-style-type: none" ikke, ak!
|
|
|
outside |
default |
|
|
inside |
|
| |
|
|
list-style:
Kombinerer de 3 værdier, der kan angives værdier for 1, 2, eller 3 af
atTRibutterne |
|
|
<list-style-type> |
|
|
<list-style-image> |
|
|
<list-style-position> |
| |
i Netscape, så klik