январь 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
|
Ссылки на каскадные стили CSS - list-style.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Определение и использование. Свойство list-style сокращенное свойство устанавливает все свойства списка в одной декларации. Свойства, которые можно установить, являются в порядке убывания: list-style-type list-style-position list-style-image, то есть универсальное свойство list-style, дает возможность одновременно написать стиль маркера, его положение, изображение, которое будет использоваться в качестве маркера выбранного элемента. Для подробного ознакомления смотрите информацию о каждом свойстве list-style-type, list-style-position и list-style-image отдельно.
Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство list-style, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.
Синтаксис:
float: list-style-type list-style-position list-style-image|initial|inherit;
Описание и использование
Значение по умолчанию: |
диск снаружи нет |
наследует: |
да |
Версия: |
CSS1 |
JavaScript синтаксис: |
object.style.listStyle="decimal inside" |
Свойства Значения
Значение |
Описание |
list-style-type |
Указывает тип list-item маркера. |
list-style-position |
Указывает, где разместить list-item маркера. |
list-style-image |
Указывает тип list-item маркера. |
initial |
Это свойство задает значение по умолчанию. |
inherit |
Наследует это свойство от своего родительского элемента. |
Пишем программу:
< !DOCTYPE>
< html>
< head>
< style>
ul#rr
{
list-style:square url(../fon/602.jpg);
}
< /style>
< /head>
< body>
< ul id="rr">
< li>Пиво< /li>
< li>Водка< /li>
< li>Вино< /li>
< /ul>
< /body>
< /html>
Результат программы:
Пиво
Водка
Вино
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
спокойной поздней ночи!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|