CSS - LIJST

Koppelingen
Voorbeelden van lijsten

HOOFDSTUKKEN

Algemeen
list-style
list-style-image
list-style-position
list-style-type


Algemeen

Terug naar de top

De CSS list properties maken het mogelijk te kiezen en te wisselen uit diverse opsommingstekens, een plaatje te gebruiken als opsommingsteken en de lokatie te bepalen van het opsommingsteken.

Browser ondersteuning: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: Het cijfer in de "W3C" kolom geeft aan in welke CSS recommendation de property is gedefinieerd (CSS1 of CSS2).

PropertyDescriptionValuesIEFNW3C
list-style Een verkorte property waarin alle properties van een lijst in één declaration kunnen worden vastgelegd. list-style-type
list-style-position
list-style-image
4 1 6 1
list-style-image Gebruikt een plaatje als opsommingteken none
url
4 1 6 1
list-style-position Geeft aan waar het opsommingsteken geplaats wordt in de lijst inside
outside
4 1 6 1
list-style-type Geeft aan welk soort opsommingsteken wordt gebruikt. none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
4 1 4 1
marker-offset   auto
length
  1 7 2



list-style

Terug naar de top

De list-style property is een verkorte property waarin alle properties van een lijst in één declaration kunnen worden vastgelegd.

Inherited: Ja

Voorbeeld

ul
{
list-style: disc outside
}

ol
{
list-style: decimal inside
}

Mogelijke waarden (Values)

WaardeBeschrijving
list-style-type
list-style-position
list-style-image
Bepalen de properties voor een lijst



list-style-image

Terug naar de top

De list-style-image property gebruikt een plaatje als opsommingteken

Opmerking: Specificeer altijd een "list-style-type" voor het geval het plaatje niet beschikbaar is.

Inherited: Ja

Voorbeeld

ol
{
list-style-image: url(blueball.gif);
list-style-type: circle
}

Mogelijke waarden (Values)

WaardeBeschrijving
url Het pad naar het plaatje
none Er wordt geen plaatje getoond



list-style-position

Terug naar de top

De list-style-position property geeft aan waar het opsommingsteken geplaats wordt in de lijst.

Inherited: Ja

Voorbeeld

ol
{
list-style-position: inside
}

Mogelijke waarden (Values)

WaardeBeschrijving
inside Doet het opsommingsteken en de tekst inspringen.
outside Plaatst het opsommingsteken links van de tekst



list-style-type

Terug naar de top

De list-style-type geeft aan welk soort opsommingsteken wordt gebruikt.

Note: Sommige browsers ondersteunen alleen de "disc" waarde.

Inherited: Ja

Voorbeeld

ul
{
list-style-type: disc
}

Mogelijke waarden (Values)

WaardeBeschrijving
none Geen opsommingsteken
disc Het opsommingsteken is een schijf
circle Het opsommingsteken is een cirkel
square Het opsommingsteken is een vierkant
decimal Het opsommingsteken is een decimaal getal
decimal-leading-zero Het opsommingsteken is een getal voorafgegaan door initiële nullen (01, 02, 03, etc.)
lower-roman Het opsommingsteken is een romeins getal in kleine letters (i, ii, iii, iv, v, etc.)
upper-roman Het opsommingsteken is een romeins getal in hoofdletters (I, II, III, IV, V, etc.)
lower-alpha Het opsommingsteken is een kleine letter (a, b, c, d, e, etc.)
upper-alpha Het opsommingsteken is een hoofdletter (A, B, C, D, E, etc.)
lower-greek Het opsommingsteken is een griekse kleine letter (alpha, beta, gamma, etc.)
lower-latin Het opsommingsteken is een latijnse kleine letter (a, b, c, d, e, etc.)
upper-latin Het opsommingsteken is een latijnse hoofdletter (A, B, C, D, E, etc.)
hebrew Het opsommingsteken is een traditioneel Hebreeuws getal
armenian Het opsommingsteken is een traditioneel Armeens getal
georgian Het opsommingsteken is een traditioneel Georgisch getal (an, ban, gan, etc.)
cjk-ideografisch Het opsommingsteken is een eenvoudig ideografisch getal
hiragana Het opsommingsteken is: a, i, u, e, o, ka, ki, etc.
katakana Het opsommingsteken is: A, I, U, E, O, KA, KI, etc.
hiragana-iroha Het opsommingsteken is: i, ro, ha, ni, ho, he, to, etc.
katakana-iroha Het opsommingsteken is: I, RO, HA, NI, HO, HE, TO, etc.


Terug naar de top