Harvard Extension School
CSCI E-12 Fundamentals of Web Site Development | Fall 2019

## Lists

- list-style-type
  - disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
- list-style-image
- list-style-position
- list-style
  a shorthand property

### Ordered List

An ordered list:

Example 4.27 - Ordered List: default - Example 4.27 |
<strong>Winningest Active Coaches, Division I NCAA Men's Basketball</strong><ol><li>Mark Few</li><li>Roy Williams</li><li>John Calipari</li><li>Mike Krzyzewski</li><li>Bill Self</li><li>Steve Prohm</li><li>Thad Matta</li><li>Ray Harper</li><li>Dave Rose</li><li>Sean Miller</li></ol>

- Markup
- Display

    <strong>Winningest Active Coaches, Division I NCAA Men's Basketball</strong><ol>
    <li>Mark Few</li>
    <li>Roy Williams</li>
    <li>John Calipari</li>
    <li>Mike Krzyzewski</li>
    <li>Bill Self</li>
    <li>Steve Prohm</li>
    <li>Thad Matta</li>
    <li>Ray Harper</li>
    <li>Dave Rose</li>
    <li>Sean Miller</li>
    </ol>

Winningest Active Coaches, Division I NCAA Men's Basketball

1. Mark Few
2. Roy Williams
3. John Calipari
4. Mike Krzyzewski
5. Bill Self
6. Steve Prohm
7. Thad Matta
8. Ray Harper
9. Dave Rose
10. Sean Miller

### Ordered List

An ordered list:

Example 4.28 - Ordered List: upper-roman - Example 4.28 (Without Styles) |
<strong>Winningest Active Coaches, Division I NCAA Men's Basketball</strong><ol class="basketball"><li>Mark Few</li><li>Roy Williams</li><li>John Calipari</li><li>Mike Krzyzewski</li><li>Bill Self</li><li>Steve Prohm</li><li>Thad Matta</li><li>Ray Harper</li><li>Dave Rose</li><li>Sean Miller</li></ol>ol.basketball { list-style: upper-roman; }

- Markup
- Style
- Display

    <strong>Winningest Active Coaches, Division I NCAA Men's Basketball</strong><ol class="basketball">
    <li>Mark Few</li>
    <li>Roy Williams</li>
    <li>John Calipari</li>
    <li>Mike Krzyzewski</li>
    <li>Bill Self</li>
    <li>Steve Prohm</li>
    <li>Thad Matta</li>
    <li>Ray Harper</li>
    <li>Dave Rose</li>
    <li>Sean Miller</li>
    </ol>

In `style` element (`<style type="text/css">`) within `head` element:

    ol.basketball {
       list-style: upper-roman;
    }

Winningest Active Coaches, Division I NCAA Men's Basketball

1. Mark Few
2. Roy Williams
3. John Calipari
4. Mike Krzyzewski
5. Bill Self
6. Steve Prohm
7. Thad Matta
8. Ray Harper
9. Dave Rose
10. Sean Miller

Copyright © David Heitmeyer