CSS list-style egenskap
- föregående sida line-height
- Nästa sida list-style-image
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'); }
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 |
- föregående sida line-height
- Nästa sida list-style-image