Harvard Extension School, Fall 2018
CSCI E-12 Fundamentals of Web Site Development

## 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