Атрибут icon
Синтаксис
HTML
<menu>
...
<menuitem label="..."
icon="[значение]">
...
</menu>
Описание
Атрибут / параметр icon (от англ. "icon" ‒ «значок, иконка») присваивает команде контекстного меню собственную иконку.
Внешний вид
Примечание
Если атрибут отсутствует или его значение является пустой строкой, а так же, если обработать его значение не удаётся, то иконка не выводится.
Поддержка браузерами
Chrome
Firefox
Opera
Maxthon
IExplorer
Safari
iOS
Android
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | |
| 5.1 | 4.11.4. The menuitem element The icon attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
В качестве значения указывается корректный непустой URL-адрес изображения.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр icon (Элемент menuitem)</title>
</head>
<body>
<h1>Пример использования атрибута "icon"</h1>
<p><img src="/examples/images/boletus.jpg" style="width: 320px; height: 256px" alt="Белый гриб (боровик)" contextmenu="fotomenu"></p>
<menu type="popup" id="fotomenu">
<menuitem label="Пройти мимо" icon="pass_by.png" onclick="passBy()">
<menuitem label="Срезать" icon="cut.png" onclick="toCut()">
</menu>
<script type="text/javascript">
// Скрипты команд контекстного меню
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр icon (Элемент menuitem)</title>
</head>
<body>
<h1>Пример использования атрибута "icon"</h1>
<p><img src="/examples/images/boletus.jpg" style="width: 320px; height: 256px" alt="Белый гриб (боровик)" contextmenu="fotomenu"></p>
<menu type="popup" id="fotomenu">
<menuitem label="Пройти мимо" icon="pass_by.png" onclick="passBy()">
<menuitem label="Срезать" icon="cut.png" onclick="toCut()">
</menu>
<script type="text/javascript">
// Скрипты команд контекстного меню
</script>
</body>
</html>
Параметр icon (Элемент menuitem)