CSS list-style-position ominaisuus

Määrittely ja käyttö

listStylePosition-ominaisuus määrittää, missä sijoittaa luettelon merkinnät.

Selitys

Tämä ominaisuus käytetään ilmoittamaan luettelon merkinnän sijainnista suhteessa luetteloon sisältöön. Ulkopuolinen (outside) merkintä sijoitetaan etäisyydelle listan kohteen reunasta, mutta tämä etäisyys ei ole määritelty CSS:ssä. Sisäinen (inside) merkintä käsitellään, ikään kuin ne olisivat sisällytetty listan kohteen sisältöön eturivinä.

Lisätietoja:

Opetusohjelma suositeltu:CSS luettelo

CSS -viittausopas:CSS list-style ominaisuus

HTML DOM -viittausopas:listStylePosition-ominaisuus

Esimerkki

Määritellään luettelossa olevien luettelojen merkintöjen sijoitus:

ul
  {
  list-style-position:inside;
  }

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
inside Luettelojen merkinnät sijoitetaan tekstin sisälle, ja teksti mukautuu merkintöihin.
outside Oletusarvo. Pitää merkinnät tekstin vasemmalla puolella. Luettelojen merkinnät sijoitetaan tekstin ulkopuolelle, eikä teksti mukautu merkintöihin.
inherit Määritellään, että list-style-position-ominaisuuden arvon tulisi perittyä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: outside
Perintä: kyllä
Versio: CSS1
JavaScript-kieli: object.style.listStylePosition="inside"

Lisää esimerkkejä

Sijoittaa luettelon merkinnät
Tämä esimerkki näyttää, missä sijoittaa luettelon merkinnät.

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen selaimeseen, joka täysin tukee kyseistä ominaisuutta.

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