CSS list-style-position egenskab

Definisjon og bruk

listStylePosition-egenskapen definerer hvor listeinnrykkene plasseres.

Beskrivelse

Denne egenskapen brukes til å deklarere plasseringen av listeikonet i forhold til innholdet i listeelementet. Eksterne (outside) ikoner plasseres en viss avstand fra kantene på listeelementet, men denne avstanden er ikke definert i CSS. Interne (inside) ikoner behandles som om de er plassert som inline-elementer først i innholdet til listeelementet.

Se også:

CSS undervisning:CSS liste

CSS referansehåndboken:CSS list-style egenskab

HTML DOM referansehåndboken:listStylePosition-egenskapen

Eksempel

Definerer plasseringen av listeinnrykk for listeelementer:

ul
  {
  list-style-position:inside;
  }

Prøv selv

CSS-syntaks

list-style-position: inside|outside|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
inside Listeinnrykk plasseres innenfor teksten, og teksten justeres etter markøren.
outside Standardverdi. Hold markøren til venstre for teksten. Listeinnrykk plasseres utenfor teksten, og teksten justeres ikke etter markøren.
inherit Det presiseres at list-style-position-egenskapen skal arves fra foreldreelementet.

Teknisk detalj

Standardverdi: outside
Arv: ja
Versjon: CSS1
JavaScript-syntaks: object.style.listStylePosition="inside"

Flere eksempler

Plassering av listeinnrykk
Dette eksempelet viser hvor man plasserer listeinnrykk.

Nettleserstøtte

Tallene i tabellen angiver den første nettleseren som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5