<< Typografiark menu Opdateret d. 6.6.2002

list-style-position

Mulige værdier:inside | outside
Brug af værdier:Én af ovenstående vælges.
Benyttes med:HTML koder hvor display: list-item er specificeret i typografiarket.

Se evt. HTML koderne <ul>, <ol>, og <li>. Hvis du ikke er helt sikker på hvad der menes med lister.

I eksemplet herunder er linie 2 og de efterfølgende linier i et punkt, rykket ind forbi den lille blå stjerne der illustrerer punktet. Den virkning får man ved at benytte nøgleordet outside (udenfor). Skal de efterfølgende linier rykkes ind under billedet, benyttes inside (udenfor). Se eksemplerne herunder:

Eksempel på brug af værdien outside

UL { list-style-position: outside; 
     list-style-image: url("billeder/stjerne.gif")}


  • Første punkt på listen
    linie nummer to i første punkt
  • Andet punkt på listen
    linie nummer to i andet punkt
  • Tredie punkt på listen
    linie nummer to i tredie punkt


Eksempel på brug af værdien inside

UL { list-style-position: inside; 
     list-style-image: url("billeder/stjerne.gif")}


  • Første punkt på listen
    linie nummer to i første punkt
  • Andet punkt på listen
    linie nummer to i andet punkt
  • Tredie punkt på listen
    linie nummer to i tredie punkt