HTML <menuitem> icon Attribute
The HTML <menuitem> icon Attribute is used to define the pictorial representation of the menu command or menu item. It contains the URL of a specified image.
Syntax:
<menuitem icon="URL">
Attribute Values: It contains a single value URL that specifies an icon for a particular menu item. There are two types of URL links which are listed below:
- Absolute URL: It points to another webpage.
- Relative URL: It points to other files of the same web page.
Note: This attribute is depreciated from HTML 5.
Example: The below example illustrates the use of icon attribute in <menuitem> tag.
HTML
<!DOCTYPE html><html><body> <center> <h1 style="color: green;"> GeeksforGeeks </h1> <h2>HTML menuitem icon Attribute</h2> <div style="background:green; border:2px solid black; padding: 10px;" contextmenu="geeks"> <p>A Computer Science Portal for Geeks</p> <menu type="context" id="geeks"> <menu label="Send it on..."> <menuitem label="Twitter" onclick="window.open('//twitter.com/intent/tweet?text='+ window.location.href);" icon="ico_twitter.png"> </menuitem> <menuitem label="Pinterest" onclick="window.open( window.location.href);" icon="ico_pinterest.png"> </menuitem> </menu> <menuitem label="Mail The current Page" onclick="window.location='mailto:?body=' + window.location.href;" icon="ico_email.png"> </menuitem> </menu> </div> <p>A Computer Science Portal for Geeks</p> <hr> <p>Right click on green div and see the menuitem </p> </center></body></html> |
Output:
icon Attribute
Supported Browser: The icon attribute will only be supported in Firefox version 8.0.
Please Login to comment...