Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
IMCreator - Free Website Builder

CSS Lists

CSS includes a number of list properties to help you style your HTML lists.

List Style Type

Determines what the bullet looks like. For info on the possible values see the list-style-type page.

CodeResult

  • List item one
  • List item two

List Style Image

For more information on using images for your bullet points, see list-style-image.

CodeResult

  • List item one
  • List item two

List Style Position

Determines whether the bullet is located inside the list's containing box or outside. For more info, see list-style-position.

CodeResult

  • List item one
  • List item two
  • List item one
  • List item two

List Style

The list-style property is shorthand for setting the list properties.

CodeResult

  • List item one
  • List item two

Marker Offset

Used in conjunction with display:marker, marker-offset specifies the nearest border edges of the marker box and its associated principal box.

CodeResult

  • List item one
  • List item two

At the time of writing, browser support for marker-offset was limited.

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!