| << Typografiark menu | Opdateret d. 6.6.2002 |
| Mulige værdier: | [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] |
|---|---|
| Brug af værdier: | Minds én og gerne flere af ovenstående benyttes. |
| Benyttes med: | HTML koder hvor display: list-item er specificeret i typografiarket. |
Med denne egenskab kan man på én og samme gang formatere en liste
med de 3 egenskaber der knytter sig til lister. Se evt. HTML koderne <ul>, <ol>, og <li>.
I feltet "Benyttes med" øverst på denne side, står der at egenskaben display skal været angivet i typografien. Det gælder imidlertid kun når man benytter list-style med andre koder end de specifikke liste-koder i HTML.
Ville man f.eks. bruge en liste-typografi med sine afsnit, skulle man således i sit typografiark skrive:
|
Dette fordi at <p> ikke er en liste-kode i HTML som f.eks. <ol> og <ul>. Med <ol>, <ul> og <li> behøver man således ikke at angive display:list-item.
Klik på de enkelte egenskaber øverst på siden under "Mulige værdier" for at læse mere om formatering af lister.
Her får du af vide hvordan du med list-style kan samle egenskaberne for lister i én.
|
Eksempel på brug af list-style med billede UL { list-style: url("billeder/stjerne.gif") outside}
|
Syntaksen for ovenstående eksempel er
UL { list-style: list-style-image list-style-position}
|
Eksempel på brug af list-style med tal OL { list-style: decimal outside}
|
Syntaksen for ovenstående eksempel er
OL { list-style: list-style-type list-style-position}