CSS list-style egenskap

Definition och användning

list-style-förenklad egenskap sätter alla listegenskaper i en deklaration.

Beskrivning

Denna egenskap är en förenklad egenskap som täcker alla andra liststyleegenskaper. Eftersom den tillämpas på alla element med display som list-item, kan den endast användas för li-element i vanlig HTML och XHTML, men den kan faktiskt tillämpas på alla element och ärvas av list-item-elementen.

Det är möjligt att sätta följande egenskaper i följd:

Det är möjligt att inte sätta någon av värdena, till exempel "list-style:circle inside;" är också tillåtet. Egenskaper som inte är satta använder sina standardvärden.

Se också:

CSS-lärbok:CSS lista

HTML DOM Referenshandbok:listStyle-egenskapen

Exempel

Ställ in bilden som listobjektets markör i listan:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Prova själv

CSS-syntax

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Egenskapsvärde

Värde Beskrivning
list-style-type Ställ in typen för listobjektets markör. Se:list-style-type mögliga värden.
list-style-position Ställ in var listobjektets markör ska placeras. Se:list-style-position mögliga värden.
list-style-image Använd bilder för att ersätta listobjektets markör. Se:list-style-image mögliga värden.
inherit Det specificeras att list-style-egenskapen ska ärva värdet från föräldrelementet.

Tekniska detaljer

Standardvärde: disc outside none
Arv: ja
Version: CSS1
JavaScript-syntax: object.style.listStyle="decimal inside"

Mer exempel

Definiera alla listegenskaper i en deklaration
Detta exempel visar hur alla egenskaper för listor kan sättas in i en förenklad egenskap.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder denna egenskap.

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