Thiết lập kiểu danh sách (List Style Type) bằng CSS

Để thiết lập kiểu danh sách trong CSS, sử dụng thuộc tính list-style-type.

Ví dụ 1: Danh sách không thứ tự (ul) - square

<!DOCTYPE html>
<html>
<head>
<style>
ul { list-style-type: square; }
</style>
</head>
<body>
<h2>Các đội</h2>
<ul>
  <li>India</li><li>Australia</li><li>England</li>
  <li>West Indies</li><li>South Africa</li><li>Srilanka</li>
</ul>
</body>
</html>

Kết quả

Ví dụ 2: Danh sách có thứ tự (ol) - upper-roman

<!DOCTYPE html>
<html>
<head>
<style>
ol { list-style-type: upper-roman; }
</style>
</head>
<body>
<h2>Các đội</h2>
<ol>
  <li>India</li><li>Australia</li><li>England</li>
  <li>West Indies</li><li>South Africa</li><li>Srilanka</li>
</ol>
</body>
</html>

Kết quả

Các giá trị phổ biến:

CSS3 bổ sung: cjk-ideographic, hiragana, katakana, hebrew, armenian, georgian...