Свойство list-style - это настоящий спаситель для веб-разработчиков, позволяющий сэкономить время и нервы. Вместо того чтобы мучительно выставлять параметры по отдельности, здесь можно задать сразу несколько характеристик маркера одним элегантным жестом! В этом компактном объявлении «упакованы» три ключевых свойства: list-style-image, list-style-position и list-style-type. Приятный бонус - порядок их записи не имеет значения, а разделители пробелы делают синтаксис максимально читаемым. Не нужно гадать, что куда вставлять: браузер сам всё поймёт. Хорошая новость заключается в том, что прописывать все три компонента не обязательно! Если вы забыли указать один из параметров, ничего страшного не произойдёт - система автоматически подставит значение по умолчанию. Это избавляет от лишней рутины и ошибок. | Значение по умолчанию: | disc/decimal outside none | | Наследуется: | да | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.listStyle="decimal inside" | | Значение | Описание | list-style-type | Отвечает за тип маркера (кружок, квадрат и т.д.). | list-style-position | Определяет расположение маркера относительно текста элемента. | list-style-image | Позволяет заменить стандартный символ на своё изображение. | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример использования: html head style type="text/css" ul { list-style: square none; } /style /head body ul liКофе/li liЧай/li liСок/li /ul /body /html
|