14

LISTS, TABLES AND FORMS

  • Specifying bullet point styles
  • Adding borders and backgrounds to tables
  • Changing the appearance of form elements

There are several CSS properties that were created to work with specific types of HTML elements, such as lists, tables, and forms.

In this chapter you will learn how to:

  • Specify the type of bullet point or numbering on lists
  • Add borders and backgrounds to table cells
  • Control the appearance of form controls

Together, these properties allow you to take finer control over specific parts of your pages.

image

BULLET POINT STYLES

list-style-type

The list-style-type property allows you to control the shape or style of a bullet point (also known as a marker).

It can be used on rules that apply to the <ol>, <ul>, and <li> elements.

image

image

image

UNORDERED LISTS

For an unordered list you can use the following values:

  • none
  • disc
  • imagecircle
  • imagesquare

ORDERED LISTS

For an ordered ...

Get HTML & CSS: Design and Build Websites now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.