CSS list-style ominaisuus

Määrittely ja käyttö

list-style-lyhennetty ominaisuus asettaa kaikki luettelon ominaisuudet yhdessä lauseessa.

Kuvaus

Tämä ominaisuus on lyhennetty ominaisuus, joka kattaa kaikki muut luettelo-ominaisuudet. Koska se sovelletaan kaikkiin display-kohdalla list-item -elementtejä sisältäviin elementteihin, sitä voidaan käyttää vain li-elementissä tavallisessa HTML:ssä ja XHTML:ssä, vaikka se voidaan todellisuudessa soveltaa mihin tahansa elementtiin ja perittää list-item-elementiltä.

Voit asettaa nämä ominaisuudet järjestyksessä:

Ei ole pakollista asettaa kaikkia arvoja, esimerkiksi "list-style:circle inside;" on myös sallittu. Asettamattomat ominaisuudet käyttävät oletusarvojaan.

Lisäksi:

CSS-opas:CSS luettelo

HTML DOM -viittausopas:listStyle-ominaisuus

Esimerkki

Aseta kuva luettelon luettelon kohtien merkinnäksi:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
list-style-type Aseta luettelon kohtien merkinnän tyyppi. Katso:list-style-type mahdolliset arvot.
list-style-position Aseta, missä sijoitetaan luettelon kohtien merkinnät. Katso:list-style-position mahdolliset arvot.
list-style-image Käytä kuvia korvaamaan luettelon kohtien merkinnät. Katso:list-style-image mahdolliset arvot.
inherit Määritellään, että list-style-ominaisuuden arvo tulisi perittää isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: disc outside none
Perinnäisyys: kyllä
Versio: CSS1
JavaScript-kieli: object.style.listStyle="decimal inside"

Lisää esimerkkejä

Määritä kaikki listan ominaisuudet yhdessä lauseessa
Tämä esimerkki näyttää, kuinka kaikki listalle kohdistetut ominaisuudet asetetaan yhteen lyhennettyyn ominaisuuteen.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

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