январь 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-image.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Определение и использование. Свойство list-style-image заменяет список-маркера элемента с изображением, то есть свойство list-style-image указывает url адрес изображения, которое служит в качестве маркера списка для выбранного элемента. Свойство list-style-image наследуется и для отдельных элементов выбранного списка для восстановления маркера применяется значение none. Внимание!!! Всегда указывайте свойство list-style-type в дополнение. Это свойство используется, если изображение почему-то недоступено.
По простому говоря, свойство list-style-image заменяет стандартный маркер выбранного элемента списка на Вами сделанное или выбранное изображение, согласно указанного адреса изображения.
Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство list-style-image, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.
Синтаксис:
list-style-image: none|url|initial|inherit;
Описание и Использование
Значение по умолчанию: |
none |
наследует: |
да |
Версия: |
CSS1 |
JavaScript синтаксис: |
object.style.listStyleImage="url('smiley.gif')" |
Свойства Значения
Значение |
Описание |
none |
Изображение не будет отображаться. Вместо этого list-style-type определяет тип маркера. Это значение установлено по умолчанию |
url |
Путь к образу, который будет использоваться в качестве 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>
Результат программы:
Пиво
Водка
Вино
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
добрый вечер!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|