Search completed in 0.95 seconds.
Index - Archive of obsolete content
222 get
attributens code snippets no summary!
... 752
attribute (xul) xul
attributes, xul reference no summary!
... 754 accelerated xul, xul
attribute, xul reference no summary!
...And 434 more matches
SVG documentation index - SVG: Scalable Vector Graphics
3 compatibility sources svg the following sources are used for the compatibility tables on svg elements and
attributes: 4 content type needstechnicalreview, svg, types, data types svg makes use of a number of data types.
... 5 linking guide, svg the target
attribute on the svg <a> element doesn't work in mozilla firefox 1.5.
... 13 svg
attribute reference drawing, landing, needshelp, overview, responsive design, svg, svg
attribute, svg reference, vector graphics svg elements can be modified using
attributes that specify details about exactly how the element should be handled or rendered.
...And 287 more matches
Index - Web APIs
5 angle_instanced_arrays.vertexattribdivisorangle() angle_instanced_arrays, api, method, reference, webgl, webgl extension the angle_instanced_arrays.vertexattribdivisorangle() method of the webgl api modifies the rate at which generic vertex
attributes advance when rendering multiple instances of primitives with ext.drawarraysinstancedangle() and ext.drawelementsinstancedangle().
... 94 animationplaybackevent.currenttime api, animation, animationplaybackevent,
attribute, experimental, property, reference, currenttime, waapi, web animations api the currenttime read-only property of the animationplaybackevent interface represents the current time of the animation that generated the event at the moment the event is queued.
... 95 animationplaybackevent.timelinetime api, animation, animationplaybackevent,
attribute, experimental, property, reference, timelinetime, waapi, web animations api the timelinetime read-only property of the animationplaybackevent interface represents the time value of the animation's timeline at the moment the event is queued.
...And 231 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
the <input> element is one of the most powerful and complex in all of html due to the sheer number of combinations of input types and
attributes.
... <input> types how an <input> works varies considerably depending on the value of its type
attribute, hence the different types are covered in their own separate reference pages.
... if this
attribute is not specified, the default type adopted is text.
...And 110 more matches
WebIDL bindings
e> dosomethingelse(optional<int32_t> amaybenumber, errorresult& rv); void dosomethingelse(myclass& aotherinstance, errorresult& rv); void dotheother(jscontext* cx, js::value asomething); void doyetanotherthing(bool aactuallydoit); static void staticoperation(const globalobject& aglobal, js::value asomething); } c++ reflections of webidl
attributes a webidl
attribute is turned into a pair of method calls for the getter and setter on the underlying c++ object.
... a readonly
attribute only has a getter and no setter.
... the getter's name is the name of the
attribute with the first letter converted to uppercase.
...And 88 more matches
HTML documentation index - HTML: Hypertext Markup Language
2 allowing cross-origin use of images and canvas advanced, cors, canvas, html, image, reference, security, storage, data html provides a crossorigin
attribute for images that, in combination with an appropriate cors header, allows images defined by the <img> element that are loaded from foreign origins to be used in a <canvas> as if they had been loaded from the current origin.
... 7 global
attributes
attribute, html, reference, web global
attributes are
attributes common to all html elements; they can be used on all elements, though they may have no effect on some elements.
... 8 accesskey global
attributes, html, reference, accesskey the accesskey global
attribute provides a hint for generating a keyboard shortcut for the current element.
...And 81 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
common
attributes before we look at the various interface objects, let's look at some of their common
attributes, especially the frequently used ones.
... id and class the
attributes id and class fill the same role that the xhtml
attributes of the same names fill.
...you can explicitly set or change this layout using the orient
attribute, with options for horizontal and vertical.
...And 74 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is created by setting the type
attribute of a textbox to autocomplete.
...the sessions can be set using the searchsessions
attribute or by calling the addsession method.
...
attributes accesskey, alwaysopenpopup, autocompletesearch, autocompletesearchparam, autofill, autofillaftermatch, autofill, completedefaultindex, crop, disableautocomplete, disableautocomplete, disabled, disablehistory, enablehistory, focused, forcecomplete, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, minresultsforpopup, nomatch, onchange, onerrorcommand, oninput, onsearchcomplete, ontextcommand, ontextentered, ontextrevert, ontextreverted, open, readonly, searchsessions, showcommentcolumn, showcommentcolumn, showpopup, size, tabindex, tabscrolling, tabscrolling, timeout, type, useraction, value properties accessible, alwaysopenpopup, autofill, autofillafterma...
...And 72 more matches
Elements - Archive of obsolete content
id - the id
attribute is a document-unique identifier.
... for the binding element, this
attribute is required, since it is used to attach bindings.
... extends - the extends
attribute is used to specify the url of a binding that this binding inherits from (see inheritance of implementations).
...And 59 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is created by setting the type
attribute of the textbox to autocomplete.
...
attributes accesskey, autocompletepopup, autocompletesearch, autocompletesearchparam, completedefaultindex, completeselectedindex,crop, disableautocomplete, disabled, disablekeynavigation, enablehistory, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, nomatch, onchange, oninput, onsearchcomplete, ontextentered, ontextreverted, open, readonly,showcommentcolumn, showimagecolumn, size, tabinde...
...gth, maxrows, minresultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimagecolumn,size, tabindex, tabscrolling, textlength, textvalue, timeout, type, value methods getsearchat, onsearchcomplete, ontextentered, ontextreverted, select, setselectionrange examples <textbox type="autocomplete" autocompletesearch="history"/>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 56 more matches
toolbarbutton - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a button that appears on a toolbar.
...
attributes accesskey, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, oncommand, open, orient, tabindex, title, type, validate properties accesskey, accessibletype, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <toolbar id="test-toolbar"> <toolbarbutton accessk...
...menuitem label="menu item 1"/> <menuitem label="menu item 2"/> </menupopup> </toolbarbutton> </toolbar> <toolbar id="radio-toolbar"> <toolbarbutton accesskey="1" label="radio 1" type="radio" group="radiogroup"/> <toolbarbutton accesskey="2" label="radio 2" type="radio" group="radiogroup"/> <toolbarbutton accesskey="3" label="radio 3" type="radio" group="radiogroup"/> </toolbar>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 48 more matches
button - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a button that can be pressed by the user.
...you can specify the label of the button using the label
attribute or by placing content inside the button.
...
attributes accesskey, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, icon, image, label, open, orient, tabindex, type properties accesskey, accessibletype, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <button label="press me" oncommand="alert('you pressed me!');"/>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 47 more matches
XUL Events - Archive of obsolete content
some of the events can be attached using
attributes as well.
... when attaching event listeners using
attributes, be aware that only one listener can be attached at a time.
...the
attribute name is the event name with an 'on' prefix.
...And 43 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
to link an external stylesheet, you'd include a <link> element inside your <head> like this: <link href="main.css" rel="stylesheet"> this simple example provides the path to the stylesheet inside an href
attribute, and a rel
attribute with a value of stylesheet.
...for example, a link to the site's favicon: <link rel="icon" href="favicon.ico"> there are a number of other icon rel values, mainly used to indicate special icon types for use on various mobile platforms, e.g.: <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114.png" type="image/png"> the sizes
attribute indicates the icon size, while the type contains the mime type of the resource being linked.
... you can also provide a media type or query inside a media
attribute; this resource will then only be loaded if the media condition is true.
...And 41 more matches
Plug-in Basics - Plugins
depending on the element and its
attributes, a plug-in can be visible or hidden, or can appear as part of a page or as a full page in its own window.
...for details about the html elements and their
attributes, go on to: using the object element for plug-in display using the embed element for plug-in display plug-in display modes whether you are writing an html page to display a plug-in or developing a plug-in for an html author to include in a page, you need to understand how the display mode affects the way plug-ins appear.
...when gecko encounters the object or embed element in a document, it attempts to find and display the file represented by the data and src
attributes, respectively.
...And 40 more matches
HTMLInputElement - Web APIs
formaction string: returns / sets the element's formaction
attribute, containing the uri of a program that processes information submitted by the element.
... this overrides the action
attribute of the parent form.
... formenctype string: returns / sets the element's formenctype
attribute, containing the type of content that is used to submit the form to the server.
...And 40 more matches
menuitem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single choice in a menupopup element.
...
attributes acceltext, accesskey, allowevents, autocheck, checked, closemenu, command, crop, description, disabled, image, key, label, name, selected, tabindex, type, validate, value properties accessibletype, accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value style classes menuitem-iconic, menuitem-non-iconic examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist>
attributes acceltext type: string text that ...
...if this value is set, it overrides an assigned key set in the key
attribute.
...And 39 more matches
nsIDOMXULElement
66 introduced gecko 1.0 inherits from: nsidomelement last changed in gecko 1.9 (firefox 3) method overview void blur(); void click(); void docommand(); void focus(); nsidomnodelist getelementsby
attribute(in domstring name, in domstring value); nsidomnodelist getelementsby
attributens(in domstring namespaceuri, in domstring name, in domstring value);
attributes
attribute type description align domstring gets/sets the value of the element's align
attribute.
... allowevents boolean true if the element's allowevents
attribute is the string "true", otherwise false.
... removes the
attribute if you set it to false.
...And 39 more matches
tab - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single tab which should be placed inside a tabs element.
...
attributes accesskey, afterselected, beforeselected, command, crop, disabled, first-tab, image, label, last-tab, linkedpanel, oncommand, pending, pinned, selected, tabindex, unread, validate, value properties accesskey, accessibletype, command, control, crop, disabled, image, label, linkedpanel, selected, tabindex, value examples (example needed)
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... this should be one of the characters that appears in the label
attribute for the element.
...And 38 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
the above example shows usage of the <img> element: the src
attribute is required, and contains the path to the image you want to embed.
... the alt
attribute holds a text description of the image, which isn't mandatory but is incredibly useful for accessibility — screen readers read this description out to their users so they know what the image means.
... there are many other
attributes to achieve various purposes: referrer/cors control for security and privacy: see crossorigin and referrerpolicy.
...And 38 more matches
textbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an input field where the user can enter text.
...the multiline
attribute can be specified to display a field with multiple rows.
...
attributes cols, decimalplaces, disabled, emptytext, hidespinbuttons, increment, label, max, maxlength, min, multiline, newlines, onblur, onchange, onfocus, oninput, placeholder, preference, readonly, rows, searchbutton, size, spellcheck, tabindex, timeout, type, value, wrap, wraparound properties accessibletype, clickselectsall, decimalplaces, decimalsymbol, defaultvalue, disabled, editor, emptytext, increment, inputfield, label, max, maxlength, min, placeholder, readonly, searchbutton, selectionend, selectionstart, size, spinbuttons, tabindex, textlength, timeout, type, value, valuenumber, wraparound methods decrease, increase, reset, select, setselectionrange style classes plain examples <vbox> <label control="your-name...
...And 37 more matches
nsIHTMLEditor
inherits from: nsisupports last changed in gecko 5.0 (firefox 5.0 / thunderbird 5.0 / seamonkey 2.2) method overview void adddefaultproperty(in nsiatom aproperty, in astring a
attribute, in astring avalue); void addinsertionlistener(in nsicontentfilter infilter); void align(in astring aalign); boolean breakisvisible(in nsidomnode anode); boolean candrag(in nsidomevent aevent); void checkselectionstateforanonymousbuttons(in nsiselection aselection); nsidomelement createanonymouselement(in astring atag, in nsidomnode aparentnode, in astring aanonclass, in boolean aiscreatedhidden); nsidomelement createelementwithdefaults(in astring atagn...
... astring atagname, in nsidomnode anode); astring getfontcolorstate(out boolean amixed); astring getfontfacestate(out boolean amixed); astring getheadcontentsashtml(); astring gethighlightcolorstate(out boolean amixed); void getindentstate(out boolean acanindent, out boolean acanoutdent); void getinlineproperty(in nsiatom aproperty, in astring a
attribute, in astring avalue, out boolean afirst, out boolean aany, out boolean aall); astring getinlinepropertywithattrvalue(in nsiatom aproperty, in astring a
attribute, in astring avalue, out boolean afirst, out boolean aany, out boolean aall); nsisupportsarray getlinkedobjects(); void getlistitemstate(out boolean amixed, out boolean ali, out boolean adt, out boolean add); ...
...n astring alisttype, in boolean entirelist, in astring abullettype); boolean nodeisblock(in nsidomnode node); void pastenoformatting(in long aselectiontype); void rebuilddocumentfromsource(in astring asourcestring); void removealldefaultproperties(); void removeallinlineproperties(); void removedefaultproperty(in nsiatom aproperty, in astring a
attribute, in astring avalue); void removeinlineproperty(in nsiatom aproperty, in astring a
attribute); void removeinsertionlistener(in nsicontentfilter infilter); void removelist(in astring alisttype); void replaceheadcontentswithhtml(in astring asourcetoinsert); void selectelement(in nsidomelement aelement); void setbackgroundcolor(in astring acolor); ...
...And 36 more matches
<input type="image"> - HTML: Hypertext Markup Language
value none — the value
attribute should not be specified.
... supported common
attributes alt, src, width, height, formaction, formenctype, formmethod, formnovalidate, formtarget idl
attributes none.
... value <input type="image"> elements do not accept value
attributes.
...And 36 more matches
Templates - Archive of obsolete content
the box has two special
attributes that allow it to be used for templates, which are used to specify where the data comes from.
... the first
attribute on the box is the datasources
attribute.
...to use your own datasource, specify the url of an rdf file for the datasources
attribute, as indicated in the example below: <box datasources="chrome://zoo/content/animals.rdf" ref="http://www.some-fictitious-zoo.com/all-animals"> you can even specify multiple datasources at a time by separating them with a space in the
attribute value.
...And 34 more matches
Broadcasters and Observers - Archive of obsolete content
command
attribute forwarding we've already seen that elements such as buttons can be hooked up to commands.
... in addition, if you place the disabled
attribute on the command element, any elements hooked up to it will also become disabled automatically.
...the technique also works for other
attributes as well.
...And 32 more matches
listitem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single row in a listbox.
... the text of the listitem is specified either using listcell elements, or by placing a label
attribute directly on the listitem element.
...
attributes accesskey, checked, command, crop, current, disabled, image, label, preference, selected, tabindex, type, value properties accesskey, accessible, checked, control, crop, current, disabled, image, label, selected, tabindex, value style classes listitem-iconic examples <listbox id="thelist"> <listitem label="ruby"/> <listitem label="emerald"/> <listitem label="sapphire" selected="true"/> <listitem label="diamond"/> </listbox>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 32 more matches
Index
161 iaccessible2 interfaces, needscontent, xpcom, xpcom interface reference returns the
attributes specific to this iaccessible2 object, such as a cell's formula.
...when the table cells are not direct children of a table, the object representing the cell can define a "table-cell-index" object
attribute identifying the 0 based table cell index.
... this object
attribute is obtained by parsing the
attribute string returned by iaccessible2.
attributes().
...And 32 more matches
menulist - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that can be used for drop-down choice lists.
...
attributes accesskey, crop, disableautoselect, disabled, editable, focused, image, label, oncommand, open, preference, readonly, sizetopopup, tabindex, value properties accessibletype, crop, description, disableautoselect, disabled, editable, editor, image, inputfield, itemcount, label, menuboxobject, menupopup, open, selectedindex, selecteditem, tabindex, value methods appenditem, contains, getindexofitem, getitem...
...atindex, insertitemat, removeallitems, removeitemat, select examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 31 more matches
nsIFile
void normalize(); file openansifiledesc(in string mode); prfiledescstar opennsprfiledesc(in long flags, in long mode); void renameto(in nsifile newparentdir, in astring newname); void remove(in boolean recursive); void reveal(); void setrelativedescriptor(in nsifile fromfile, in acstring relativedesc);
attributes
attribute type description directoryentries nsisimpleenumerator returns an enumeration of the elements in a directory.
... filesize print64 the value of this
attribute is the number of bytes corresponding to the data represented by the file.
... filesizeoflink print64 this
attribute exposes the size of the symbolic link referenced by this nsifile.
...And 31 more matches
Basic native form controls - Learn web development
some of the
attributes that are common to all form controls.
... they can benefit from spell checking (using the spellcheck
attribute), if the browser supports it.
... note: the <input> element is unique amongst html elements because it can take many different forms depending on its type
attribute value.
...And 29 more matches
dialogheader - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a heading row for a dialog box.
...
attributes crop, description, title examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <dialog id="donothing" title="dialog example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <dialogheader title="my dialog" description="example dialog"/> <!-- other widgets --> </dialog>
attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop
attribute.
...if you wish to use the value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth
attribute) to override this size.
...And 2 more matches
grid - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a grid is a layout type that arranges elements in rows and columns.
...the size and
attributes defined on columns and rows will affect the size and placement of elements in each cell.
... <row> <label value="user name"/> <textbox id="user"/> </row> <row> <label value="group"/> <menulist> <menupopup> <menuitem label="accounts"/> <menuitem label="sales" selected="true"/> <menuitem label="support"/> </menupopup> </menulist> </row> </rows> </grid> </groupbox>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...And 2 more matches
notificationbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] the notificationbox element is used to display notifications above an element.
...the notifications may be placed at the bottom by setting the dir
attribute to reverse.
... properties currentnotification, allnotifications, notificationshidden methods appendnotification, getnotificationwithvalue, removeallnotifications, removecurrentnotification, removenotification, removetransientnotifications,
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...And 2 more matches
rule - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a rule is used in a template.
...
attributes iscontainer, isempty, parent, parsetype examples (example needed)
attributes iscontainer type: boolean indicates whether rules match based on containment.
... parsetype type: string if this
attribute is set to integer, the rule will only match rdf nodes with a parse type of integer.
...And 2 more matches
stringbundle - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element which can be used to load localized resources from property files.
... the "src"
attribute accepts only absolute chrome:// urls (see bugs 133698, 26291)
attributes src properties applocale , src, stringbundle, strings methods getformattedstring, getstring examples (example needed)
attributes src type: uri the uri of the property file that contains the localized strings.
... src type: url gets and sets the value of the src
attribute.
...And 2 more matches
titlebar - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] boxes created with the titlebar element behave just like a normal window titlebar: when the element is clicked and dragged, the window moves with it.
...none;"> <titlebar flex="1" oncommand="close()" style="background: rgba(30, 30, 30, 0.9); -moz-border-radius: 10px; -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.8); margin: 8px 12px 16px;"/> </window> it can be opened from the error console like this: open("file:///users/markus/sites/hudwindow.xul", "", "chrome=1, titlebar=0")
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note: the allowevents
attribute did not work for title bars prior to firefox 3.
...And 2 more matches
triple - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a triple can be included inside a rule's conditions element.
...both the subject and object
attributes may be variables.
...
attributes object, predicate, subject examples (example needed)
attributes object type: string the object of the element.
...And 2 more matches
Dialogs in XULRunner - Archive of obsolete content
here is the code needed to open a dialog: function opendialog() { window.opendialog("chrome://basicapp/content/dialog.xul", "newdlg", "modal"); } the resulting dialog looks like this on windows 2000, and will look similar on other operating systems: the first thing that caught my eye about dialog is the button-related
attributes on the element.
... here is a short list of the button
attributes on dialog; see also creating dialogs at mozillazine knowledge base: buttons a comma separated list of buttons to show on dialog (accept, cancel, help, extra1, and extra2).
... buttonlabelaccept label for the accept button; similar
attributes exist for the other button types.
...And 2 more matches
Writing JavaScript for XHTML - Archive of obsolete content
problem: names in xhtml and html are represented in different cases scripts that used getelementsbytagname() with an upper case html name no longer work, and
attributes like nodename or tagname return upper case in html and lower case in xhtml.
...use dom methods to create all of your elements,
attributes and other nodes.
... given the direction away from formatting
attributes and the possibility of xhtml becoming eventually more prominent (or at least the document author having the possibility of later wanting to make documents available in xhtml for browsers that support it), one may wish to avoid features which are not likely to stay compatible into the future.
...And 2 more matches
Implementation Status - Archive of obsolete content
document structure section title status notes bugs 3.1 namespaces supported 3.2.1 common
attributes supported 3.2.2 linking
attributes supported 3.2.3 single-node binding
attributes supported 3.2.4 node-set binding
attributes supported 3.2.5 model item property
attributes partial in some cases a loop error ca...
... title status notes bugs 6.1.1 type partial limited to types mentioned above 6.1.2 readonly supported 6.1.3 required supported 6.1.4 relevant partial relevancy applied via a bind to an element fails to apply to child
attributes 342319; 6.1.5 calculate supported 6.1.6 constraint supported 6.1.7 p3ptype unsupported 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, m...
... 9.1.1 group supported 9.2.1 switch partial @selected not working inside repeats 339937; 9.2.2 case partial 302497; 329143; 9.3 repeat module partial 264329; 273706; 9.3.1 repeat partial we do not support number
attribute 302026; 9.3.2 nested repeats supported 9.3.3 repeat processing partial we currently obey the 1.0 rules for repeat 9.3.4 user interface interaction partial we currently obey the 1.0 rules for repeat, no support for @number 302026; 9.3.5 creating ...
...And 2 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
25
attribute codingscripting, glossary, html an
attribute extends an element, changing its behavior or providing metadata.
...a typical element includes an opening tag with some
attributes, enclosed text content, and a closing tag.
...this involves taking standard web sites/apps that enjoy all the best parts of the web — such as discoverability via search engines, being linkable via urls, and working across multiple form factors — and supercharging them with modern apis (such as service workers and push) and features that confer other benefits more commonly
attributed to native apps.
...And 2 more matches
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
code sample the following code aims to let <xi:include> and <xi:fallback> tags (the two elements in the language) with all of the
attributes of <xi:include> be included in an xml document so as to be resolvable into a single xml document.
...should become: var href = getxmlbaselink (/* xlink sans xml:base */ xinclude.get
attribute('href'), /* element to query from */ xinclude); function resolvexincludes(docu) { // http://www.w3.org/tr/xinclude/#xml-included-items var xincludes = docu.getelementsbytagnamens('http://www.w3.org/2001/xinclude', 'include'); if (xincludes) { for (i=0; i < xincludes.length; i++) { var xinclude = xincludes[i]; var href = xinclude.get
attribute('href'); var parse = xinclude.get
attribute('parse'); ...
... var xpointer = xinclude.get
attribute('xpointer'); var encoding = xinclude.get
attribute('encoding'); // e.g., utf-8 // "text/xml or application/xml or matches text/*+xml or application/*+xml" before encoding (then utf-8) var accept = xinclude.get
attribute('accept'); // header "accept: "+x var acceptlanguage = xinclude.get
attribute('accept-language'); // "accept-language: "+x var xifallback = xinclude.getelementsbytagnamens('http://www.w3.org/2001/xinclude', 'fallback')[0]; // only one such child is allowed if (href === '' || href === null) { // points to same document if empty (null is equivalent to empty string) href = null; // set for uniformity in testing below if (parse === 'xml' && xpointer === n...
...And 2 more matches
Cascade and inheritance - Learn web development
a class selector is more specific — it will select only the elements on a page that have a specific class
attribute value — so will get a higher score.
... the amount of specificity a selector has is measured using four different values (or components), which can be thought of as thousands, hundreds, tens and ones — four single digits in four columns: thousands: score one in this column if the declaration is inside a style
attribute, aka inline styles.
... tens: score one in this column for each class selector,
attribute selector, or pseudo-class contained inside the overall selector.
...And 2 more matches
Styling lists - Learn web development
start the start
attribute allows you to start the list counting from a number other than 1.
... the following example: <ol start="4"> <li>toast pita, leave to cool, then slice down the edge.</li> <li>fry the halloumi in a shallow, non-stick pan, until browned on both sides.</li> <li>wash and chop the salad.</li> <li>fill pita with salad, hummus, and fried halloumi.</li> </ol> gives you this output: reversed the reversed
attribute will start the list counting down instead of up.
...ng example: <ol start="4" reversed> <li>toast pita, leave to cool, then slice down the edge.</li> <li>fry the halloumi in a shallow, non-stick pan, until browned on both sides.</li> <li>wash and chop the salad.</li> <li>fill pita with salad, hummus, and fried halloumi.</li> </ol> gives you this output: note: if there are more list items in a reversed list than the value of the start
attribute, the count will continue to zero and then into negative values.
...And 2 more matches
Updating Commands - Archive of obsolete content
invoking commands if a command has an oncommand
attribute, you can invoke it just by using the docommand method of the command or an element which links to it.
...a simple command updater looks like this: <commandset id="updatepasteitem" commandupdater="true" events="focus" oncommandupdate="goupdatecommand('cmd_paste');"/> a command updater is indicated by using the commandupdater
attribute, which should be set to true.
... the events
attribute is used to list the events that the command updater listens for.
...when a focus event occurs, the code in the oncommandupdate
attribute is called.
Accessibility/XUL Accessibility Reference - Archive of obsolete content
2" value="<!--this-->" /> <label control="butwrap2" value="is" /> <label control="butwrap2" value="a" /> <label control="butwrap2" value="button" /> </button> <button image="images/img.xbm" tooltiptext="<!--button text-->"/> note that in the third example, only the first label is read browser jaws 7.10 issues to use a browser element with html, the type="content"
attribute should be specified.
... however, this
attribute causes any xul loaded in the browser to have issues with jaws 7.10.
...therefore, with jaws 7.10, to use xul inside of a browser, the type
attribute cannot not be used.
...i don't see a means of accessing a popup brought up via the popup
attribute.
binding - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] should be contained within a bindings element.
... properties object, predicate, subject examples fixme: (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresour...
...ces, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related tbd ...
bindings - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to specify a set of variable bindings for a rule.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, ...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related tbd ...
broadcasterset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element for broadcaster elements.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , c...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
column - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single column in a columns element.
...
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements grid, columns, rows, row ...
columns - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] defines the columns of a grid.
...
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements grid, column, rows, row.
dropmarker - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a dropmarker is a button with an arrow which will reveal more details when pressed.
... examples properties accessibletype
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, ...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
grippy - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that may be used inside a splitter which can be used to collapse a sibling element of the splitter.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, dat...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
groupbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] the groupbox is used to group related elements together.
... properties accessibletype examples <groupbox> <caption label="settings"/> <radiogroup> <radio label="black and white"/> <radio label="colour"/> </radiogroup> <checkbox label="enabled"/> </groupbox>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related interfaces nsiaccessibleprovider ...
hbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element which can contain any number of child elements.
... example <!-- two button on the right --> <hbox> <spacer flex="1"/> <button label="connect"/> <button label="ping"/> </hbox>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, toolt...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements box, vbox ...
listcol - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a column in a listbox.
...o column listbox with one column flexible --> <listbox> <listhead> <listheader label="first"/> <listheader label="last"/> </listhead> <listcols> <listcol flex="1"/> <listcol/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements listbox, listcell, listcols, listhead, listheader, listitem ...
listcols - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for the columns of a listbox, each of which are created with the listcol element.
... example <!-- creates a two column listbox --> <listbox> <listcols> <listcol flex="1"/> <listcol flex="1"/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements listbox, listcell, listcol, listhead, listheader, listitem ...
page - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] similar to a window, except it should be used for xul files that are to be loaded into an iframe.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, i...
...d, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefi...
...x, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
param - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] for sql templates, used to bind values to parameters specified within an sql statement.
...
attributes index, name, type
attributes index type: integer the index within the sql statement of the parameter.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
popupset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for menupopup, panel and tooltip elements.
... examples <popupset> <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </popupset> <label value="right click for popup" context="clipmenu"/>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeele...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements popup, menupopup ...
queryset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for query elements when more than one query is used.
...
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, ...
...height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespac...
...euri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
row - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single row in a rows element.
...
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortreso...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements grid, columns, column, rows.
rows - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] defines the rows of a grid.
...
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements grid, columns, column, row.
scrollbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a box that has additional functions that can be used to scroll the content.
...
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
scrollcorner - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used for the small box where the horizontal and vertical scrollbars meet.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, i...
...d, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefi...
...x, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
separator - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] creates a small separating gap between elements.
...
attributes orient style classes groove, groove-thin, thin examples <separator class="groove-thin"/>
attributes orient type: one of the values below used to specify whether the separator is a horizontal or vertical separator.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata style classes the following classes may be used to style the element.
spacer - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that takes up space but does not display anything.
... examples <box> <button label="left"/> <spacer flex="1"/> <button label="right"/> </box>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, remo...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements separator, splitter ...
spinbuttons - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] spin buttons are two arrows, one to increase a value and one to decrease a value.
...
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top,...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
statusbar - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element used to create a status bar, usually placed along the bottom of a window.
... properties accessibletype examples <statusbar> <statusbarpanel label="left panel"/> <spacer flex="1"/> <progressmeter mode="determined" value="82"/> <statusbarpanel label="right panel"/> </statusbar>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresou...
...ces, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements statusbarpanel interfaces nsiaccessibleprovider ...
stringbundleset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for stringbundle elements.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, i...
...d, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefi...
...x, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
tabpanel - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a individual panel in a tabpanels element.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , box...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements tabbox, tabs, tab, tabpanels.
tabpanels - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container to hold the set of pages in a tabbox.
...
attributes selectedindex properties selectedindex, selectedpanel examples (example needed)
attributes selectedindex type: integer gets and sets the index of the currently selected panel.
... methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements tabbox, tabs, tab, tabpanel.
toolbargrippy - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] not in firefox the notch on the side of a toolbar which can be used to collapse and expand it.
... properties accessible examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties ...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements toolbar, toolbarbutton, toolbaritem, toolbarpalette, toolbarseparator, toolbarset, toolbarspacer, toolbarspring, toolbox interfaces nsiaccessibleprovider ...
toolbaritem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only an item that appears on a toolbar.
... <menuitem label="taxi"/> <menuitem label="bus" selected="true"/> <menuitem label="train"/> </menupopup> </menulist> </toolbaritem> <toolbaritem id="sample-toolbutton-unified"> <toolbarbutton id="myext-button1" class="toolbarbutton-1" label="label1" /> <toolbarbutton id="myext-button2" class="toolbarbutton-1" label="labe2l" /> </toolbaritem>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements toolbar, toolbarbutton, toolbargrippy, toolbarpalette, toolbarseparator, toolbarset, toolbarspacer, toolbarspring, toolbox ...
toolbarpalette - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only the item is a palette of available toolbar items.
... examples <toolbarpalette id="browsertoolbarpalette"> <toolbarbutton id="toolbarpalette-button" class="toolbarbutton-class" label="&mylabel;" tooltiptext="&mytiptext;" oncommand="somefunction()"/> </toolbarpalette>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements toolbar, toolbarbutton, toolbargrippy, toolbaritem, toolbarseparator, toolbarset, toolbarspacer, toolbarspring, toolbox ...
toolbarseparator - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] creates a separator between groups of toolbar items.
... properties accessibletype examples <toolbox> <toolbar> <toolbarbutton label="button 1"/> <toolbarseparator /> <toolbarbutton label="button 2"/> </toolbar> </toolbox>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext,...
...ces, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements toolbar, toolbarbutton, toolbargrippy, toolbaritem, toolbarpalette, toolbarset, toolbarspacer, toolbarspring, toolbox ...
toolbarset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only this element is used as a container for custom toolbars, which are added in the custom toolbar dialog.
... examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , ,...
... left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, norma...
...lize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements toolbar, toolbarbutton, toolbargrippy, toolbaritem, toolbarpalette, toolbarseparator, toolbarspacer, toolbox ...
toolbarspacer - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only a space between toolbar items.
... properties accessibletype examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements toolbar, toolbarbutton, toolbargrippy, toolbaritem, toolbarpalette, toolbarseparator, toolbarset, toolbarspring, toolbox interfaces nsiaccessibleprovider ...
toolbarspring - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only a flexible space between toolbar items.
... properties accessibletype examples (example needed)
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...ces, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements toolbar, toolbarbutton, toolbargrippy, toolbaritem, toolbarpalette, toolbarseparator, toolbarset, toolbarspacer, toolbox interfaces nsiaccessibleprovider ...
toolbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for toolbars.
...xample" width="300"> <toolbox> <toolbar> <toolbarbutton label="back"/> <toolbarbutton label="forward"/> <toolbarbutton label="home"/> </toolbar> <toolbar> <toolbarbutton label="stop"/> <toolbarbutton label="reload"/> </toolbar> </toolbox> <textbox multiline="true" value="we have two toolbars inside of one toolbox above." width="20"/> </window>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-...
... methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupna...
...mespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata appendcustomtoolbar( name, currentset ) firefox only return type: element adds a custom toolbar to the toolbox with the given name.
treechildren - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is the body of the tree.
...
attributes alternatingbackground
attributes alternatingbackground obsolete since gecko 2.0 type: boolean if true, the background of the tree's rows will alternate between two colors.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata example <tree flex="1"> <treecols> <treecol id="sender" label="sender" flex="1"/> <treecol id="subject" label="subject" flex="2"/> </treecols> <treechildren> <treeitem> <treerow> <treecell label="joe@somewhere.com"/> <treecell label="top secret plans"/> </treerow> </treeitem> <treeitem> <treerow> <treecell label="mel@whereever.com"/> <treecell label="let's do lunch"/> </treerow> </treeitem> </treechildren> </tree> ...
treecols - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a group of treecol elements.
...
attributes pickertooltiptext properties accessibletype examples (example needed)
attributes pickertooltiptext type: string the text for the tooltip on the column picker.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements tree, treecol, treechildren, treeitem, treerow, treecell and treeseparator.
treerow - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single row in a tree.
...
attributes properties examples (example needed)
attributes properties type: space-separated list of property names sets the properties of the element, which can be used to style the element.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements tree, treecols, treecol, treechildren, treeitem, treecell and treeseparator.
treeseparator - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to place a separator row in a tree.
...
attributes properties examples (example needed)
attributes properties type: space-separated list of property names sets the properties of the element, which can be used to style the element.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements tree, treecols, treecol, treechildren, treeitem, treerow and treecell.
vbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element which can contain any number of child elements.
... example <!-- two labels at bottom --> <vbox> <spacer flex="1"/> <label value="one"/> <label value="two"/> </vbox>
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, to...
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata related elements box, hbox ...
where - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] indicate a condition that must match for a template result to be used.
...
attributes ignorecase, multiple, negate, rel, subject, value examples (example needed)
attributes ignorecase type: boolean set to true to indicate that the case does not matter when making comparisons.
...s, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get
attribute(), get
attributenode(), get
attributenodens(), get
attributens(), getboundingclientrect(), getclientrects(), getelementsby
attribute, getelementsby
attributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, has
attribute(), has
attributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported...
...(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), remove
attribute(), remove
attributenode(), remove
attributens(), removechild(), removeeventlistener(), replacechild(), set
attribute(), set
attributenode(), set
attributenodens(), set
attributens(), setuserdata ...
nsIContentPolicy - Archive of obsolete content
type_ping 10 indicates a ping triggered by a click on an <a> element using the ping
attribute.
... type_imageset 21 indicates a request to load an <img> (with the srcset
attribute or <picture>.
...this means that implementers of this method must not do any of the following: modify the dom in any way (e.g., setting
attributes is a no-no).
...a guess for the requested content's mime type, based on information available to the request initiator (e.g., an object's type
attribute); does not reliably reflect the actual mime type of the requested content.
Making sure your theme works with RTL locales - Archive of obsolete content
gecko 1.9.1 (firefox 3.5) and earlier the chromedir
attribute firefox, thunderbird and seamonkey expose an
attribute named chromedir on certain elements.
... all you have to do is add css rules to your theme that test for the value of this
attribute, and use that to apply any rtl-specific rules that you may have.
... note that not all elements will have the chromedir
attribute, so you may need to refer to an ancestor element that does.
... for example: /* we want to apply a rtl rule to #c; neither it nor its * parent element #b has a chromedir
attribute, but its * grandparent element #a does.
Theme changes in Firefox 3.5 - Archive of obsolete content
browser.xul bug 463189 added a new
attribute on the xul window element of browser.xul named browsingmode.
... the value of this
attribute is normal when the private browsing mode is inactive, and private when it's active.
... this
attribute can be used to style different parts of the browser window inside the private browsing mode.
... greying menus of inactive windows: active windows get
attribute 'active="true"'.
Using the Web Speech API - Web APIs
loop through this list — for each voice we create an <option> element, set its text content to display the name of the voice (grabbed from speechsynthesisvoice.name), the language of the voice (grabbed from speechsynthesisvoice.lang), and -- default if the voice is the default voice for the synthesis engine (checked by seeing if speechsynthesisvoice.default returns true.) we also create data-
attributes for each option, containing the name and language of the associated voice, so we can grab them easily later on, and then append the options as children of the select.
... function populatevoicelist() { voices = synth.getvoices(); for(i = 0; i < voices.length ; i++) { var option = document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; if(voices[i].default) { option.textcontent += ' -- default'; } option.set
attribute('data-lang', voices[i].lang); option.set
attribute('data-name', voices[i].name); voiceselect.appendchild(option); } } when we come to run the function, we do the following.
...we then use this element's data-name
attribute, finding the speechsynthesisvoice object whose name matches this
attribute's value.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].get
attribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.pitch = pitch.value; utterthis.rate = rate.value; synth.speak(utterthis); in the final part of the handler, we include an speechsynthesisutterance.onpause handler to demonstrate how speechsynthesisevent can be put to good use.
Window.prompt() - Web APIs
desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetpromptchrome full support 1notes full support 1notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox
attribute has the value allow-modals.edge full support 12firefox full support 1ie full support 4notes full support 4notes notes this function has no effect in the modern ui/metro version of internet explorer for windows 8.
...desktop versions of ie do implement this function.opera full support 3notes full support 3notes notes starting with opera 33, this method is blocked inside an <iframe> unless its sandbox
attribute has the value allow-modals.safari full support 1webview android full support 1notes full support 1notes notes starting with webview 46, this method is blocked inside an <iframe> unless its sandbox
attribute has the value allow-modals.chrome android ...
... full support 18notes full support 18notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox
attribute has the value allow-modals.firefox android full support 4opera android full support 10.1notes full support 10.1notes notes starting with opera 33, this method is blocked inside an <iframe> unless its sandbox
attribute has the value allow-modals.safari ios full support 1samsung internet android full support 1.0notes full support ...
... 1.0notes notes starting with samsung internet 5.0, this method is blocked inside an <iframe> unless its sandbox
attribute has the value allow-modals.legend full support full supportsee implementation notes.see implementation notes.
ARIA live regions - Accessibility
including an aria-live
attribute or a specialized live region role (such as role="alert") on the element you want to announce changes to works as long as you add the
attribute before the changes occur — either in the original markup, or dynamically using javascript.
...this
attribute is by far the most important.
...any region which receives updates that are important for the user to receive, but not so rapid as to be annoying, should receive this
attribute.
... advanced live regions (tbd: more granular information on the support of the individual
attributes with combinations of os/browser/at).
Using the link role - Accessibility
the tabindex
attribute may optionally be used with this role to directly specify the position of the element in the tab order.
...this includes javascript to grab the location and handle navigating to the new location using window.open() via clicking, and using keyboard, css to give the desired visuals of a link, the tabindex="0"
attribute to make it keyboard-focussable, and role="link" to make it recognised as a link by assistive technology.
...e.target : e.srcelement; if (ref) { window.open(ref.get
attribute('data-href'), '_blank'); } } } spanelem.addeventlistener('click', navigatelink); spanelem.addeventlistener('keydown', navigatelink); result notes if pressing the link triggers an action but does not change browser focus or navigate to a new page, you might wish to consider using the button role instead of the link role.
... aria
attributes used link related aria techniques button role additional resources aria best practices - link role: http://www.w3.org/tr/wai-aria-practices/#link ...
Using the progressbar role - Accessibility
if the actual value of the progressbar can be determined, the developer has to indicate this progress using the aria-valuenow, aria-valuemin, and aria-valuemax
attributes.
... if the progress value is indeterminate, the developer should omit the aria-valuenow
attribute.
... if the progressbar is describing the loading progress of a particular region of a page, the author should use aria-describedby to point to the status, and set the aria-busy
attribute to true on the region until it is finished loading.
...</div> working examples: notes aria
attributes used progressbar aria-valuenow aria-valuemin aria-valuemax aria-valuetext related aria techniques compatibility tbd: add support information for common ua and at product combinations additional resources ...
ARIA annotations - Accessibility
aria annotations features the aria
attributes providing these new abilities are as follows: aria-description="" — provides a detailed description of an html element, as opposed to the brief label provided by aria-label.
... to provide a semantic association between the document content being annotated and the annotation, an aria-details
attribute can be set on the annotated content that contains the id of the annotated element.
... aria annotation roles and objects are currently exposed in: firefox from version 75 onwards, on windows and linux (on macos, we are first waiting for apple to define what safari will expose as apple-dialect
attributes to voiceover, and will then follow suit.) chrome from version 81 onwards, currently behind the #enable-accessibility-expose-aria-annotations flag (go to chrome://flags to enable this.) unfortunately, you won’t be able to use any of these yet, as screenreader support is currently not there.
...to associate the comment with the text being commented, we need to wrap the commented text with an element containing the aria-details
attribute, the value of which should be the id of the comment.
ARIA: grid role - Accessibility
y th, tbody td { padding: 5px; } tbody td { border: 1px solid #000; text-align: right; color: #767676; } tbody td[role="gridcell"] { color: #000; } tbody td[role="gridcell"]:hover, tbody td[role="gridcell"]:focus { background-color: #f6f6f6; outline: 3px solid blue; } } javascript var selectables = document.queryselectorall('table td[role="gridcell"]'); selectables[0].set
attribute('tabindex', 0); var trs = document.queryselectorall('table tbody tr'), row = 0, col = 0, maxrow = trs.length - 1, maxcol = 0; array.prototype.foreach.call(trs, function(gridrow, i){ array.prototype.foreach.call(gridrow.queryselectorall('td'), function(el, i){ el.dataset.row = row; el.dataset.col = col; col = col + 1; }); if (col>maxcol) { maxcol = col - 1; } ...
...col = 0; row = row + 1; }); function moveto(newrow, newcol) { var tgt = document.queryselector('[data-row="' + newrow + '"][data-col="' + newcol + '"]'); if (tgt && (tgt.get
attribute('role')==='gridcell') ) { array.prototype.foreach.call(document.queryselectorall('[role=gridcell]'), function(el, i){ el.set
attribute('tabindex', '-1'); }); tgt.set
attribute('tabindex', '0'); tgt.focus(); return true; } else { return false; } } document.queryselector('table').addeventlistener("keydown", function(event) { switch (event.key) { case "arrowright": moveto(parseint(event.target.dataset.row, 10), parseint(event.target.dataset.col, 10) + 1); break; case "arrowleft": moveto(parseint(event.target.dataset.row, 10), parseint(event.target.dataset...
...; } tbody th, tbody td { padding: 5px; } tbody td { border: 1px solid #000; text-align: right; color: #767676; } tbody td[role="gridcell"] { color: #000; } tbody td[role="gridcell"]:hover, tbody td[role="gridcell"]:focus { background-color: #f6f6f6; outline: 3px solid blue; } javascript var selectables = document.queryselectorall('table td[role="gridcell"]'); selectables[0].set
attribute('tabindex', 0); var trs = document.queryselectorall('table tbody tr'), row = 0, col = 0, maxrow = trs.length - 1, maxcol = 0; array.prototype.foreach.call(trs, function(gridrow, i){ array.prototype.foreach.call(gridrow.queryselectorall('td'), function(el, i){ el.dataset.row = row; el.dataset.col = col; col = col + 1; }); if (col>maxcol) { maxcol = col - 1; } ...
...col = 0; row = row + 1; }); function moveto(newrow, newcol) { var tgt = document.queryselector('[data-row="' + newrow + '"][data-col="' + newcol + '"]'); if (tgt && (tgt.get
attribute('role')==='gridcell') ) { array.prototype.foreach.call(document.queryselectorall('[role=gridcell]'), function(el, i){ el.set
attribute('tabindex', '-1'); }); tgt.set
attribute('tabindex', '0'); tgt.focus(); return true; } else { return false; } } document.queryselector('table').addeventlistener("keydown", function(event) { switch (event.key) { case "arrowright": moveto(parseint(event.target.dataset.row, 10), parseint(event.target.dataset.col, 10) + 1); break; case "arrowleft": moveto(parseint(event.target.dataset.row, 10), parseint(event.target.dataset...
ARIA: Region role - Accessibility
associated wai-aria roles, states, and properties aria-labelledby use this
attribute to label the region.
... often, the value of the aria-labelledby
attribute will be the id of the element used to title the section.
... examples <div role="region" aria-labelledby="region-heading"> <h2 id="region-heading">this heading's <code>id</code>
attribute helps this region have an accessible name</h2> <!-- region content --> </div> accessibility concerns use sparingly!
... <div role="region" aria-labelledby="please-reconsider"> <h3 id="please-reconsider">please reconsider your document structure</h3> <!-- content --> </div> in this example, the region's label is being generated by the aria-labelledby
attribute.
:host-context() - CSS: Cascading Style Sheets
in other words, this allows a custom element, or anything within that custom element's shadow dom, to apply different styles based on its position within the outer dom or classes/
attributes applied to ancestor elements.
... another typical use would be to allow inner elements to react to classes or
attributes on any anscestor elements - for example, applying a different text color when a .dark-theme class is applied to <body>.
...'*'<subclass-selector> = <id-selector> | <class-selector> | <
attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-value> ')'where <wq-name> = <ns-prefix>?
... | <id-selector> = <hash-token><class-selector> = '.' <ident-token><
attribute-selector> = '[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>?
Media buffering, seeking, and time ranges - Developer guides
buffered the buffered
attribute will tell us which parts of the media has been downloaded.
... this will work with <audio> or <video>; for now let's consider a simple audio example: <audio id="my-audio" controls src="music.mp3"> </audio> we can access these
attributes like so: var myaudio = document.getelementbyid('my-audio'); var bufferedtimeranges = myaudio.buffered; timeranges object timeranges are a series of non-overlapping ranges of time, with start and stop times.
... seekable the seekable
attribute returns a timeranges object and tells us which parts of the media can be played without delay; this is irrespective of whether that part has been downloaded or not.
...in practice a good way to do this is use the seekable
attribute, although as we have seen above seekable parts of the media are not neccessarily contiguous — they often are however and we can safely approximate this information to give the user an indication of which parts of the media can be played directly.
Writing forward-compatible websites - Developer guides
javascript prefix all global variable access in onfoo
attributes with “window.” when an event handler content
attribute (onclick, onmouseover, and so forth) is used on html element, all name lookup in the
attribute first happens on the element itself, then on the element's form if the element is a form control, then on the document, and then on the window (where the global variables you have defined are).
... what this means is that any time you access a global variable in an event handler content
attribute, including calling any function declared globally, you can end up with a name collision if a specification adds a new dom property to elements or documents which has the same name as your function or variable, and a browser implements it.
...missing those can lead to unexpected situations due to a following tag name being treated as an
attribute on a previous tag.
... this can work for a bit, then break if a specification attaches a meaning to that
attribute.
<h1>–<h6>: The HTML Section Heading elements - HTML: Hypertext Markup Language
implicit aria role heading permitted aria roles tab, presentation or none dom interface htmlheadingelement
attributes these elements only include the global
attributes.
... the align
attribute is obsolete; don't use it.
... sectioning content can be labeled using a combination of the aria-labelledby and id
attributes, with the label concisely describing the purpose of the section.
... using the aria-labelledby
attribute labeling regions • page structure • w3c wai web accessibility tutorials specifications specification status comment html living standardthe definition of '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' in that specification.
<base>: The Document Base URL element - HTML: Hypertext Markup Language
implicit aria role no corresponding role permitted aria roles no role permitted dom interface htmlbaseelement
attributes this element's
attributes include the global
attributes.
... if either of the following
attributes are specified, this element must come before other elements with
attribute values of urls, such as <link>’s href
attribute.
... target a keyword or author-defined name of the default browsing context to show the results of navigation from <a>, <area>, or <form> elements without explicit target
attributes.
... recommendation added the target
attribute ...
<bgsound>: The Background Sound element (obsolete) - HTML: Hypertext Markup Language
attributes balance this
attribute defines a number between -10,000 and +10,000 that determines how the volume will be divided between the speakers.
... loop this
attribute indicates the number of times a sound is to be played and either has a numeric value or the keyword infinite.
... src this
attribute specifies the url of the sound file to be played, which must be one of the following types: .wav, .au, or .mid.
... volume this
attribute defines a number between -10,000 and 0 that determines the loudness of a page's background sound.
Progressive loading - Progressive web apps (PWAs)
placeholder image instead of having all the screenshots of games referenced in <img> element src
attributes, which will force the browser to download them automatically, we can do it selectively via javascript.
... the js13kpwa app uses a placeholder image instead, which is small and lightweight, while the final paths to target images are stored in data-src
attributes: <img src='data/img/placeholder.png' data-src='data/img/slug.jpg' alt='name'> those images will be loaded via javascript after the site finishes building the html structure.
... loading via javascript the app.js file processes the data-src
attributes like so: let imagestoload = document.queryselectorall('img[data-src]'); const loadimages = (image) => { image.set
attribute('src', image.get
attribute('data-src')); image.onload = () => { image.remove
attribute('data-src'); }; }; the imagestoload variable contains references to all the images, while the loadimages function moves the path from data-src to src.
... when each image is actually loaded, we remove its data-src
attribute as it's not needed anymore.
by - SVG: Scalable Vector Graphics
the by
attribute specifies a relative offset value for an
attribute that will be modified during an animation.
... the starting value for the
attribute is either indicated by specifying it as value for the
attribute given in the
attributename or the from
attribute.
... four elements are using this
attribute: <animate>, <animatecolor>, <animatemotion>, and <animatetransform> html, body, svg { height: 100%; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="100" height="100"> <animate
attributename="width" fill="freeze" by="50" dur="3s"/> </rect> </svg> usage notes value see below default value none animatable no the exact value type for this
attribute depends on the value of the
attribute that will be animated.
... when a list of values is defined via the values
attribute, the by
attribute is ignored.
class - SVG: Scalable Vector Graphics
« svg
attribute reference home assigns a class name or set of class names to an element.
... usage context categories none value <list-of-class-names> animatable yes normative document svg 1.1 (2nd edition): the class
attribute list-of-ts <list-of-ts> (where t is some type.) a list consists of a separated sequence of values.
... unless explicitly described differently, lists within svg's xml
attributes can be either comma-separated (with optional white space before or after the comma), or white space-separated.
... circle.circleclass { stroke: #006600; fill: #cc0000; } ]]> </style> <rect class="rectclass" x="10" y="10" width="100" height="100"/> <circle class="circleclass" cx="40" cy="50" r="26"/> </svg> </body> </html> elements the following elements can use the class
attribute: <a> <altglyph> <circle> <clippath> <defs> <desc> <ellipse> <feblend> <fecolormatrix> <fecomponenttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <feflood> <fegaussianblur> <feimage> <femerge> <femorphology> <feoffset> <fespecularlighting> <fetile> <feturbulence> <filter> <font> <foreignobject> <g> <glyph> <glyphref> <image> <li...
clip-rule - SVG: Scalable Vector Graphics
« svg
attribute reference home the clip-rule
attribute only applies to graphics elements that are contained within a <clippath> element.
... the clip-rule
attribute basically works as the fill-rule
attribute, except that it applies to <clippath> definitions.
.../> </g> as a presentation
attribute, it also can be used as a property directly inside a css stylesheet usage context categories presentation
attribute value nonzero | evenodd | inherit animatable yes normative document svg 1.1 (2nd edition) nonzero see description of fill-rule property.
...e xlink:href="#star" clip-rule="evenodd" /> </clippath> <rect clip-path="url(#emptystar)" width="50" height="90" fill="blue" /> <!-- right: nonzero --> <clippath id="filledstar"> <use xlink:href="#star" clip-rule="nonzero" /> </clippath> <rect clip-path="url(#filledstar)" width="50" height="90" x="50" fill="red" /> </svg> elements the following elements can use the clip-rule
attribute, but only if they are inside a <clippath> element.
color-interpolation - SVG: Scalable Vector Graphics
the color-interpolation
attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
...for gradients which make use of the href or the deprecated xlink:href
attribute to reference another gradient, the gradient uses the propertyʼs value from the gradient element which is directly referenced by the fill or stroke property.
... note: as a presentation
attribute, color-interpolation can be used as a css property.
... as a presentation
attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> usage notes value auto | srgb | linearrgb default value srgb animatable yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
contentStyleType - SVG: Scalable Vector Graphics
the contentstyletype
attribute specifies the style sheet language for the given document fragment on the <svg> element.
... this language is used for all instances of style that do not specify their own styling language, such as the style
attribute that is available on many elements.
... usage notes value one of the content types specified in the media types default value text/css animatable no since css is the only widely deployed style sheet language for online styling and it's already defined as default value if contentstyletype is ommitted, the
attribute is not well supported in user agents.
... if other style sheet languages become more popular they might not use the style
attribute, instead it could be easily declared which style language is used in the <style>'s type
attribute.
cx - SVG: Scalable Vector Graphics
the cx
attribute define the x-axis coordinate of a center point.
... three elements are using this
attribute: <circle>, <ellipse>, and <radialgradient> html,body,svg { height:100% } <svg viewbox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"> <radialgradient cx="25%" id="mygradient"> <stop offset="0" stop-color="white" /> <stop offset="100%" stop-color="black" /> </radialgradient> <circle cx="50" cy="50" r="45"/> <ellipse cx="150" cy="50" rx="45" ry="25" /> <rect x="205" y="5" width="90" height="90" fill="url(#mygradient)" /> </svg> circle for <circle>, cx defines the x-axis coordinate of the center of the shape.
... value <length-percentage> default value 0 animatable yes note: starting with svg2 cx, is a geometry property, meaning this
attribute can also be used as css property for circles.
... value <length-percentage> default value 0 animatable yes note: starting with svg2 cx, is a geometry property, meaning this
attribute can also be used as css property for ellipses.
cy - SVG: Scalable Vector Graphics
the cy
attribute define the y-axis coordinate of a center point.
... three elements are using this
attribute: <circle>, <ellipse>, and <radialgradient> html,body,svg { height:100% } <svg viewbox="0 0 100 300" xmlns="http://www.w3.org/2000/svg"> <radialgradient cy="25%" id="mygradient"> <stop offset="0" stop-color="white" /> <stop offset="100%" stop-color="black" /> </radialgradient> <circle cy="50" cx="50" r="45"/> <ellipse cy="150" cx="50" rx="45" ry="25" /> <rect x="5" y="205" width="90" height="90" fill="url(#mygradient)" /> </svg> circle for <circle>, cy defines the y-axis coordinate of the center of the shape.
... value <length> | <percentage> default value 0 animatable yes note: starting with svg2, cy is a geometry property meaning this
attribute can also be used as a css property for circles.
... value <length> | <percentage> default value 0 animatable yes note: starting with svg2, cy is a geometry property meaning this
attribute can also be used as a css property for ellipses.
direction - SVG: Scalable Vector Graphics
the direction
attribute specifies the inline-base direction of a <text> or <tspan> element.
... in many cases, the bidirectional unicode algorithm produces the desired result automatically, so this
attribute doesn't need to be specified in those cases.
... for other cases, such as when using right-to-left languages, it may be sufficient to add the direction
attribute to the outermost <svg> element, and allow that direction to inherit to all text elements: note: as a presentation
attribute, direction can be used as a css property.
... as a presentation
attribute, it can be applied to any element but it only has effect on shapes and text context elements, including: <altglyph>, <textpath>, <text>, <tref>, and <tspan>.
fill-rule - SVG: Scalable Vector Graphics
the fill-rule
attribute is a presentation
attribute defining the algorithm to use to determine the inside part of a shape.
... note: as a presentation
attribute, fill-rule can be used as a css property.
... as a presentation
attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <path>, <polygon>, <polyline>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg"> <!-- default value for fill-rule --> <polygon fill-rule="nonzero" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- the center of the shape has two path segments (shown by the red stroke) between it and infinity.
... --> <polygon fill-rule="evenodd" stroke="red" points="150,0 121,90 198,35 102,35 179,90"/> </svg> usage notes value nonzero | evenodd default value nonzero animatable yes the fill-rule
attribute provides two options for how the inside (that is, the area to be filled) of a shape is determined: nonzero the value nonzero determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction, and then examining the places where a segment of the shape crosses the ray.
glyph-orientation-vertical - SVG: Scalable Vector Graphics
the glyph-orientation-vertical
attribute affects the amount that hte current text position advances as each glyph is rendered.
... this
attribute is applied only to text written in a vertical writing-mode.
... note: as a presentation
attribute, glyph-orientation-vertical can be used as a css property.
... as a presentation
attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> context notes value auto | <angle> default value auto animatable no auto fullwidth ideographic and fullwidth latin text will be set with a glyph orientation of 0 degrees.
in2 - SVG: Scalable Vector Graphics
the in2
attribute identifies the second input for the given filter primitive.
... it works exactly like the in
attribute.
... three elements use this
attribute: <feblend>, <fecomposite> and <fedisplacementmap>.
...ourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive, otherwise result of previous filter primitive animatable yes fedisplacementmap for <fedisplacementmap>, in2 defines the second input image, which is used to displace the pixels in the image defined in the in
attribute.
kerning - SVG: Scalable Vector Graphics
the kerning
attribute indicates whether the spacing between glyphs should be adjusted based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and set the spacing between them to a specific length (typically, zero).
... note: as a presentation
attribute kerning can be used as a css property.
... as a presentation
attribute, it can be applied to any element but it has effect only on the following four elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> html, body, svg { height: 100%; font: 36px verdana, helvetica, arial, sans-serif; } <svg viewbox="0 0 150 125" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="30" kerning="auto">auto</text> <text x="10" y="70" kerning="0">number</text> <text x="10" y="110" kerning="20px">length</text> </svg> usage notes value auto | <length> default value auto animatable yes auto this value indicates that the spacing between glyphs is adjusted based on kerning tables that are included in the font that will be used.
... the given length is added to the inter-character spacing value specified by the letter-spacing
attribute.
keyPoints - SVG: Scalable Vector Graphics
the keypoints
attribute indicates the simple duration of an animation.
... five elements are using this
attribute: <animate>, <animatecolor>, <animatemotion>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="m10,110 a120,120 -45 0,1 110 10 a120,120 -45 0,1 10,110" stroke="lightgrey" stroke-width="2" fill="none" id="motionpath"/> <circle cx="10" cy="110" r="3" fill="lightgrey"/> <circle cx="110" cy="10" r="3" fill="lightgrey"/> <circle r="5" fill="red"> <animatemotion dur="3s" repeatcount="indefinite" keypoints="0;0.5;1" keytimes="0;0.15;1" calcmode="linear"> <mpath xlink:href="#motionpath"/> </animatemotion> </circle> </svg> usage notes value <number> [; <number>]* ;?
...the distance is calculated along the path specified by the path
attribute.
... each progress value in the list corresponds to a value in the keytimes
attribute list.
keySplines - SVG: Scalable Vector Graphics
the keysplines
attribute defines a set of bézier curve control points associated with the keytimes list, defining a cubic bézier function that controls interval pacing.
... this
attribute is ignored unless the calcmode
attribute is set to spline.
... four elements are using this
attribute: <animate>, <animatecolor>, <animatemotion>, and <animatetransform> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <circle cx="60" cy="10" r="10"> <animate
attributename="cx" dur="4s" calcmode="spline" repeatcount="indefinite" values="60 ; 110 ; 60 ; 10 ; 60" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" keysplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.5 0 0.5 1"/> <animate
attributename="cy" dur="4s" calcmode="spline" repeatcount="indefinite" values="10 ; 60 ; 110 ; 60 ; 10" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" keysplines="0.5 0 0.5 ...
... default value none animatable no the
attribute value is a semicolon-separated list of control point descriptions.
xlink:show - SVG: Scalable Vector Graphics
the xlink:show
attribute indicates how a linked resource should be opened and is meant for xlink-aware processors.
... in case of a conflict, the target
attribute has priority, since it can express a wider range of values.
... only one element is using this
attribute: <a> usage notes value new | replace | embed | other | none default value replace animatable no new this value specifies that the referenced resource is opened in a new window or tab.
...the target
attribute, determines its behavior.
xlink:title - SVG: Scalable Vector Graphics
the xlink:title
attribute is used to describe the meaning of a link or resource in a human-readable fashion.
... note: new content should use a <title> child element rather than a xlink:title
attribute.
... these elements are using this
attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, and <use> usage context value <anything> default value none animatable no <anything> this value specifies the title used to describe the meaning of the link or resource.
... candidate recommendation deprecated the
attribute and made it only apply to <a>, <image>, <lineargradient>, <pattern>, <radialgradient>, <script>, <textpath>, and <use> scalable vector graphics (svg) 1.1 (second edition)the definition of 'seed' in that specification.
y1 - SVG: Scalable Vector Graphics
the y1
attribute is used to specify the first y-coordinate for drawing an svg element that requires more than one coordinate.
... elements that only need one coordinate use the y
attribute instead.
... two elements are using this
attribute: <line>, and <lineargradient> html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="1" y2="5" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="9" y2="5" stroke="blue" /> </svg> line for <line>, y1 defines the y coordinate of the starting point of the line.
...the exact behavior of this
attribute is influenced by the gradientunits attributs value <length> | <percentage> default value 0% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector start at the top left corner of the bounding box of the shape it is applied to.
y2 - SVG: Scalable Vector Graphics
the y2
attribute is used to specify the second y-coordinate for drawing an svg element that requires more than one coordinate.
... elements that only need one coordinate use the y
attribute instead.
... two elements are using this
attribute: <line>, and <lineargradient> html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="5" y2="1" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="5" y2="9" stroke="blue" /> </svg> line for <line>, y2 defines the y coordinate of the ending point of the line.
...the exact behavior of this
attribute is influenced by the gradientunits attributs value <length> | <percentage> default value 0% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector end at the top right corner of the bounding box of the shape it is applied to.
z - SVG: Scalable Vector Graphics
the z
attribute defines the location along the z-axis for a light source in the coordinate system established by the primitiveunits
attribute on the <filter> element, assuming that, in the initial coordinate system, the positive z-axis comes out towards the person viewing the content and assuming that one unit along the z-axis equals one unit in x and y.
... two elements are using this
attribute: <fepointlight> and <fespotlight> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="diffuselighting1" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fepointlight x="60" y="60" z="10" /> </fediffuselighting> </filter> <filter id="diffuselighting2" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fepointlight x="60" y="60" z="50" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> fepointlight for <fe...
...pointlight>, z defines the location along the z-axis for the light source in the coordinate system established by the primitiveunits
attribute on the <filter> element.
... value <number> default value 1 animatable yes fespotlight for <fespotlight>, z defines the location along the z-axis for the light source in the coordinate system established by the primitiveunits
attribute on the <filter> element.
<a> - SVG: Scalable Vector Graphics
attributes download instructs browsers to download a url instead of navigating to it, so the user will be prompted to save it as a local file.
... value type: <url> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, lang, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, document element event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, displ...
...ay, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink
attributes most notably: xlink:title aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, ari...
... candidate recommendation replaced xlink:href
attribute by href scalable vector graphics (svg) 1.1 (second edition)the definition of '<a>' in that specification.
<line> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <line x1="0" y1="80" x2="100" y2="20" stroke="black" /> <!-- if you do not specify the stroke color the line will not be visible --> </svg>
attributes x1 defines the x-axis coordinate of the line starting point.
... value type: <number> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter...
..., mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescri...
... candidate recommendation changed the x1, y1, x2 and y2
attributes to take <length>s, <percentage>s and <number>s scalable vector graphics (svg) 1.1 (second edition)the definition of '<line>' in that specification.
<script> - SVG: Scalable Vector Graphics
while svg's script element is equivalent to the html <script> element, it has some discrepancies, like it uses the href
attribute instead of src and it doesn't support ecmascript modules so far (see browser compatibility below for details) html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <script> // <![cdata[ window.addeventlistener('domcontentloaded', () => { function getcolor () { const r = math.round(math.random() * 255).tostring(16).padstart(2,'0') const g = math.round(math.random() * 255).tostring(16).padstart(2,'0') const b = math.round(math.random() * 255).tostring(16).padstart(2,'0') return `#${r}${g}${b}` } document.queryselecto...
...r('circle').addeventlistener('click', (e) => { e.target.style.fill = getcolor() }) }) // ]]> </script> <circle cx="5" cy="5" r="4" /> </svg>
attributes crossorigin this
attribute defines cors settings as define for the html <script> element.
... value type: <url> ; default value: none; animatable: no type this
attribute defines type of the script language to use.
... value type: <url> ; default value: none; animatable: no global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<script>' in that specification.
<stop> - SVG: Scalable Vector Graphics
10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <lineargradient id="mygradient" gradienttransform="rotate(90)"> <stop offset="5%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg>
attributes offset this
attribute defines where the gradient stop is placed along the gradient vector.
... value type: <number>|<percentage>; default value: 0; animatable: yes stop-color this
attribute defines the color of the gradient stop.
... value type: currentcolor|<color>|<icccolor>; default value: black; animatable: yes stop-opacity this
attribute defines the opacity of the gradient stop.
... value type: <opacity>; default value: 1; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes presentation
attributes most notably: color, display, stop-color, stop-opacity, visibility usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:<animate>, <animatecolor>, <set> specifications specification status comment scalable vector graphics (svg) 2the definition of '<stop>' in that specification.
<svg> - SVG: Scalable Vector Graphics
note: the xmlns
attribute is only required on the outermost svg element of svg documents.
... html,body,svg { height:100% } <svg viewbox="0 0 300 100" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="grey"> <circle cx="50" cy="50" r="40" /> <circle cx="150" cy="50" r="4" /> <svg viewbox="0 0 10 10" x="200" width="100"> <circle cx="5" cy="5" r="4" /> </svg> </svg>
attributes baseprofile deprecated since svg 2 the minimum svg language profile that the document requires.
... value type: <length>|<percentage> ; default value: 0; animatable: yes note: starting with svg2, x, y, width, and height are geometry properties, meaning these
attributes can also be used as css properties.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes, document event
attributes, document element event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, a...
<switch> - SVG: Scalable Vector Graphics
the <switch> svg element evaluates any requiredfeatures, requiredextensions and systemlanguage
attributes on its direct child elements in order, and then renders the first child where these
attributes evaluate to true.
... usage context categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elements<a>, <foreignobject>, <g>, <image>, <svg>, <switch>, <text>, <use>
attributes global
attributes conditional processing
attributes core
attributes graphical event
attributes presentation
attributes class style externalresourcesrequired transform dom interface this element implements the svgswitchelement interface.
...the switch element will display the first of its child elements whose systemlanguage
attribute matches the user's language, or the fallback element with no systemlanguage
attribute if none of them match.
... candidate recommendation clarified the evaluation of the systemlanguage
attribute scalable vector graphics (svg) 1.1 (second edition)the definition of '<switch>' in that specification.
<text> - SVG: Scalable Vector Graphics
sans-serif; } /* note that the color of the text is set with the * * fill property, the color property is for html only */ .rrrrr { font: italic 40px serif; fill: red; } </style> <text x="20" y="35" class="small">my</text> <text x="40" y="35" class="heavy">cat</text> <text x="55" y="55" class="small">is</text> <text x="65" y="55" class="rrrrr">grumpy!</text> </svg>
attributes x the x coordinate of the starting point of the text baseline.
... value type: <list-of-number> ; default value: none; animatable: yes lengthadjust how the text is stretched or compressed to fit the width defined by the textlength
attribute.
... value type: <length>|<percentage> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, strok...
...e-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan,...
<tspan> - SVG: Scalable Vector Graphics
</text> </svg>
attributes x the x coordinate of the starting point of the text baseline.
... value type: <list-of-number> ; default value: none; animatable: yes lengthadjust how the text is stretched or compressed to fit the width defined by the textlength
attribute.
... value type: <length>|<percentage> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opac...
...ity, stroke-width, text-anchor, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valu...
Clipping and masking - SVG: Scalable Vector Graphics
the
attribute clip-path references a <clippath> element with a single rect element.
...the latter has the mask
attribute pointing to the mask element.
...it's the opacity
attribute: <rect x="0" y="0" width="100" height="100" opacity=".5" /> the above rectangle will be painted half-transparent.
... for the fill and stroke there are two separate
attributes, fill-opacity and stroke-opacity, that control each of those property opacities separately.
How to turn off form autocompletion - Web security
this means that the criterion can be passed (by adding the relevant autocomplete
attributes to individual form fields) even when autocompletion for the form itself has been turned off.
... disabling autocompletion to disable autocompletion in forms, you can set the autocomplete
attribute to "off": autocomplete="off" you can do this either for an entire form, or for specific input elements in a form: <form method="post" action="/form" autocomplete="off"> […] </form> <form method="post" action="/form"> […] <div> <label for="cc">credit card:</label> <input type="text" id="cc" name="cc" autocomplete="off"> </div> </form> setting autocomplete="off" on fields has two effects: it tells the browser not to save data inputted by the user for later autocompletion on similar forms, though heuristics for complying vary by browser.
... if a browser keeps on making suggestions even after setting autocomplete to off, then you have to change the name
attribute of the input element.
... the autocomplete
attribute and login fields modern browsers implement integrated password management: when the user enters a username and password for a site, the browser offers to remember it for the user.
v-hanging - SVG: Scalable Vector Graphics
the v-hanging
attribute indicates the alignment coordinate for glyphs to achieve hanging baseline alignment.
... the value is an offset in the font coordinate system relative to the glyph-specific vert-origin-x
attribute.
... only one element is using this
attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the glyphs to achieve hanging baseline alignment.
v-ideographic - SVG: Scalable Vector Graphics
the v-ideographic
attribute indicates the alignment coordinate for glyphs to achieve ideographic baseline alignment for vertically oriented glyph layouts.
... the value is an offset in the font coordinate system relative to the glyph-specific vert-origin-x
attribute.
... only one element is using this
attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the glyphs.
v-mathematical - SVG: Scalable Vector Graphics
the v-mathematical
attribute indicates the alignment coordinate for glyphs to achieve mathematical baseline alignment for vertically oriented glyph layouts.
... the value is an offset in the font coordinate system relative to the glyph-specific vert-origin-x
attribute.
... only one element is using this
attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the glyphs.
widths - SVG: Scalable Vector Graphics
the widths
attribute indicates a list of range values, each followed by one or more glyph widths.
... only one element is using this
attribute: <font-face> usage notes value <number> default value none animatable no <number> this value is a comma-separated list of ucs range values as defined in iso 10646, each followed by one or more glyph widths.
... if this
attribute is used, the units-per-em
attribute must also be used.
word-spacing - SVG: Scalable Vector Graphics
the word-spacing
attribute specifies spacing behavior between words.
... note: as a presentation
attribute, word-spacing can be used as a css property.
... as a presentation
attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 50" xmlns="http://www.w3.org/2000/svg"> <text y="20" word-spacing="2">bigger spacing between words</text> <text x="0" y="40" word-spacing="-0.5">smaller spacing between words</text> </svg> usage notes value normal | <length> animatable yes default values normal for a description of the values, please refer to the css letter-spacing property.
<animateTransform> - SVG: Scalable Vector Graphics
the animatetransform element animates a transformation
attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.
... usage context categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements example <svg width="120" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <polygon points="60,30 90,90 30,90"> <animatetransform
attributename="transform"
attributetype="xml" type="rotate" from="0 60 70" to="360 60 70" dur="10s" repeatcount="indefinite"/> </polygon> </svg> live sample
attributes global
attributes conditional processing
attributes » core
attributes » animation event
attributes » xlink
attributes » animation
attribute target
attributes » ...
... animation timing
attributes » animation value
attributes » animation addition
attributes » externalresourcesrequired specific
attributes by from to type dom interface this element implements the svganimatetransformelement interface.
<circle> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="50"/> </svg>
attributes cx the x-axis coordinate of the center of the circle.
... value type: <number> ; default value: none; animatable: yes note: starting with svg2, cx, cy, and r are geometry properties, meaning those
attributes can also be used as css properties for that element.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-...
<feConvolveMatrix> - SVG: Scalable Vector Graphics
applied to each color value for a given pixel is: colorx,y = ( sum i=0 to [ordery-1] { sum j=0 to [orderx-1] { source x-targetx+j, y-targety+i * kernelmatrixorderx-j-1, ordery-i-1 } } ) / divisor + bias * alphax,y where "orderx" and "ordery" represent the x and y values for the ‘order’
attribute, "targetx" represents the value of the ‘targetx’
attribute, "targety" represents the value of the ‘targety’
attribute, "kernelmatrix" represents the value of the ‘kernelmatrix’
attribute, "divisor" represents the value of the ‘divisor’
attribute, and "bias" represents the value of the ‘bias’
attribute.
...assuming the simplest case (where the input image's pixel grid aligns perfectly with the kernel's pixel grid) and assuming default values for
attributes ‘divisor’, ‘targetx’ and ‘targety’, then resulting color value will be: (9* 0 + 8* 20 + 7* 40 + 6*100 + 5*120 + 4*140 + 3*200 + 2*220 + 1*240) / (9+8+7+6+5+4+3+2+1) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set>
attributes global
attributes core
attributes presentation
attributes filter...
... primitive
attributes class style specific
attributes in order kernelmatrix divisor bias targetx targety edgemode kernelunitlength preservealpha dom interface this element implements the svgfeconvolvematrixelement interface.
<feImage> - SVG: Scalable Vector Graphics
the <feimage> svg filter primitive fetches image data from an external source and provides the pixel data as output (meaning if the external source is an svg image, it is rasterized.) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <animatetransform>, <set>
attributes global
attributes core
attributes presentation
attributes filter primitive
attributes xlink
attributes class style externalresourcesrequired specific
attributes preserveaspectratio xlink:href dom interface this element implements the svgfeimageelement interface.
... working draft added href
attribute and deprecated xlink:href.
... added crossorigin
attribute.
<foreignObject> - SVG: Scalable Vector Graphics
</div> </foreignobject> </svg>
attributes height the height of the foreignobject.
... value type: <length>|<percentage> ; default value: 0; animatable: yes note: starting with svg2, x, y, width, and height are geometry properties, meaning those
attributes can also be used as css properties for that element.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes, document event
attributes, document element event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, a...
<g> - SVG: Scalable Vector Graphics
transformations applied to the <g> element are performed on its child elements, and its
attributes are inherited by its children.
... html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- using g to inherit presentation
attributes --> <g fill="white" stroke="green" stroke-width="5"> <circle cx="40" cy="40" r="25" /> <circle cx="60" cy="60" r="25" /> </g> </svg>
attributes this element only includes global
attributes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, ...
...display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly,...
<image> - SVG: Scalable Vector Graphics
usage context categoriesgraphics element, graphics referencing elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements
attributes global
attributes conditional processing
attributes core
attributes graphical event
attributes presentation
attributes xlink
attributes class style externalresourcesrequired transform specific
attributes x: positions the image horizontally from the origin.
...unlike html's <img>, this
attribute is required.
...unlike html's <img>, this
attribute is required.
<path> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <path d="m 10,30 a 20,20 0,0,1 50,30 a 20,20 0,0,1 90,30 q 90,60 50,90 q 10,60 10,30 z"/> </svg>
attributes d this
attribute defines the shape of the path.
... value type: <string> ; default value: ''; animatable: yes pathlength this
attribute lets authors specify the total length for the path, in user units.
... value type: <number> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, ar...
<polygon> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <!-- example of a polygon with the default fill --> <polygon points="0,100 50,25 50,75 100,0" /> <!-- example of the same polygon shape with stroke and no fill --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg>
attributes points this
attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon.
... value type: <number>+ ; default value: ""; animatable: yes pathlength this
attribute lets specify the total length for the path, in user units.
... value type: <number> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, ar...
<rect> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 220 100" xmlns="http://www.w3.org/2000/svg"> <!-- simple rectangle --> <rect width="100" height="100" /> <!-- rounded corner rectangle --> <rect x="120" width="100" height="100" rx="15" /> </svg>
attributes x the x coordinate of the rect.
... value type: <number> ; default value: none; animatable: yes note: starting with svg2, x, y, width, height, rx and ry are geometry properties, meaning those
attributes can also be used as css properties for that element.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-...