Prelims - CSS Lists

Question 1

In HTML, there are two main types of lists:

Answer 1

unordered lists (<ul>) - the list items are marked with bullets
ordered lists (<ol>) - the list items are marked with numbers or letters

Question 2

property specifies the type of list item marker.

Answer 2

list-style-type

ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ol.c {
  list-style-type: upper-roman;
}

ol.d {
  list-style-type: lower-alpha;
}

Question 3

property specifies an image as the list item marker

Answer 3

list-style-image

ul {
  list-style-image: url('sqpurple.gif');
}

Question 4

property specifies the position of the list-item markers (bullet points).

Answer 4

list-style-position

ul.a {
  list-style-position: outside;
}

ul.b {
  list-style-position: inside;
}

“list-style-position: outside;” means that the bullet points will be outside the list item.

Question 5

property can also be used to remove the markers/bullets

Answer 5

list-style-type:none