list-style-position

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

Опис

Визначає, як розміщуватиметься маркер відносно тексту. Є два значення: outside - маркер винесений за кордон елементу списку і inside - маркер обтекается текстом

Синтаксис

list - style - position: inside | outside

Значення

inside Маркер є частиною текстового блоку і відображається в елементі списку.

Outside Текст вирівнюється по лівому краю, а маркери розміщуються за межами текстового блоку.

Приклад

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 - position</title>

<style type="text/css">

UL {

list - style - image: url('book.gif'); /* Шлях до малюнка для установки маркера */

list - style - position: inside; /* Маркер обтекается текстом */

}

</style>

</head>

<body>

<ul>

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

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

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

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

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

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

</li> </ul>

</body>

</html>

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

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

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

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

Браузери

У браузері Internet Explorer 6 при використанні нумерованого списку <OL> і значення inside властивості list - style - position, числа йдуть з 10, починають накладатися на текст списку.

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