list-style

Internet Explorer | Chrome | Opera | Safari | Firefox
7.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.6 | 10.0 | 10.0 | 3.1 | 4.0 | 5.0 | 3.0 | 3.6 | 4.0
Помилка | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

Коротка інформація

CSS | CSS1
Значення за умовчанням | Ні
Наслідує | Так
Застосовується | До тегів <DD>, <DT>, <LI>, <OL> і <UL>, а також до усіх елементів, у яких вказане display : list - item
Аналог HTML | <ul type> | <ol type> | <li type>
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/generate.html#propdef - list - style

Опис

Універсальна властивість, що дозволяє одночасно задати стиль маркера, його положення, а також зображення, яке використовуватиметься в якості маркера. Для детального ознайомлення дивитеся інформацію про кожну властивість list - style - type, list - style - position і list - style - image окремо.

Синтаксис

list - style: list - style - type || list - style - position || list - style - image | inherit

Значення

Будь-які комбінації трьох значень, що розділяються між собою пропуском, визначальних стиль маркерів. Жодне значення не є обов'язковим, тому невживані можна опустити.

inherit

Наслідує значення батька.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

<title>list - style</title>

<style type="text/css">

UL {

list - style: square outside; /* Квадратних маркерів */

/* Маркерів розміщуються за межами текстового блоку */

}

</style>

</head>

<body>

<ul>

<li>Луцький національний </li>

<li>техніний університет</li>

<li>Професійний заклад освіти</li>

<li>Луцький національний техніний університет

є одним із найкращих професійних закладів освіти у місті Луцьку.

Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.

</li> </ul>

</body>

</html>

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

Мал. 1. Застосування властивості list - style

Об'єктна модель

[window.]document.getElementById("elementID").style.listStyle

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.