CSS властивості
ГлавнаяАтрибути HTMLАтрибут type до HTML тега <ul>

Атрибут type до HTML тега <ul>

118

Встановлює вид маркера в маркованому списку.

Даний атрибут застарів, натомість використовуйте стилі.

Синтаксис

 <ul type="disc | circle | square">...</ul>

Значення

Для маркованого списку маркери можуть приймати один із трьох видів: кружок (disc), коло (circle) та квадрат (square). Значення атрибуту type і вид, що отримується, показано в табл. 1.

Табл 1. Значення атрибута type
Код Приклад
<ul type="disc"> ...</ul>
  • Чебурашка
  • Крокодил Гена
  • Шапокляк
<ul type="circle"> ...</ul>
  • Чебурашка
  • Крокодил Гена
  • Шапокляк
<ul type="square"> ...</ul>
  • Чебурашка
  • Крокодил Гена
  • Шапокляк

Значення за замовчуванням

disc

Приклад

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UL, атрибут type</title>
</head>
<body> <ul type="circle"> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li>
</ul>
</body>
</html>

Результат цього прикладу показаний на мал. 1.

Маркери у вигляді гуртків

>

Мал. 1. Маркери у вигляді гуртків

Примітка

Для зміни виду маркерів через стилі використовується властивість list-style, яка додається до селектора ul.

< ;!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>li</title> <style> ul { list-style: square; /* Тип маркерів */
}
</style>
</head>
<body> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li>
</ul>
</body>
</html>

Браузери

1 12 1 1 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями. li>

Число вказує версію браузреа, з якої елемент підтримується.