CSS lijst-stijl-positie Eigenschap
Voorbeeld
Specificeer de positie van de lijstitemmarkeringen:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Definitie en gebruik
De list-style-position
eigenschap specificeert de positie van de lijstitemmarkeringen (opsommingstekens).
list-style-position: outside;
betekent dat de opsommingstekens buiten het lijstitem vallen. Het begin van elke regel van een lijstitem wordt verticaal uitgelijnd:
- Koffie - Een gebrouwen drankje bereid van gebrande koffiebonen...
- Thee
- Cokes
list-style-position: inside;
betekent dat de opsommingstekens binnen het lijstitem staan. Omdat het deel uitmaakt van het lijstitem, maakt het deel uit van de tekst en drukt u op de tekst aan het begin:
- Koffie - Een gebrouwen drankje bereid van gebrande koffiebonen...
- Thee
- Cokes
Standaardwaarde: | buiten |
---|---|
geërfd: | Ja |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS1 |
JavaScript-syntaxis: | object .style.listStylePosition="inside" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-syntaxis
list-style-position: inside|outside|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
CSS-zelfstudie: CSS-lijst
CSS -referentie: eigenschap lijststijl
HTML DOM-referentie: eigenschap listStylePosition