Search completed in 2.64 seconds.
Places utilities for JavaScript
showaddlivemarkui(nsiuri afeeduri, nsiuri asiteuri, string atitle, string adescription, int adefaultinsertionpoint, boolean ashowpicker); boolean showminimaladdlivemarkui(nsiuri afeeduri, nsiuri asiteuri, string atitle, string adescription, int adefaultinsertionpoint, boolean ashowpicker); boolean showminimaladdmultibookmarkui(array nsiuri aurilist); boolean showbookmark
properties(int aid); boolean showfolder
properties(int aid); boolean showaddfolderui(string atitle, int adefaultinsertionpoint, boolean ashowpicker); array object getannotationsforuri(nsiuri auri); array object getannotationsforitem(int aitemid); void setannotationsforuri(nsiuri auri, object aannos); void setannotationsforuri(int aitemid, object aannos); ...
... nodeis() there are a ton of nodeis(something) functions in here to check
properties of a bookmark node.
... bookmark dialog methods to show the bookmark
properties dialog in its various modes.
...And 11 more matches
XPIDL
most declarations can have
properties applied to them.
...the interpretation of the type can be modified by having
properties on the native declaration: table 3: native type definitions astring this is an nsastring declaration.
... as far as i can tell, these
properties also apply to typedefs.
...And 11 more matches
itemprop - HTML: Hypertext Markup Language
the itemprop global attribute is used to add
properties to an item.
...each name-value pair is called a property, and a group of one or more
properties forms an item.
...ce fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">trailer</a> </div> structured data item itemprop name itemprop value itemprop name avatar itemprop director james cameron itemprop genre science fiction itemprop trailer ../movies/avatar-theatrical-trailer.html
properties properties have values that are either a string or a url.
...And 11 more matches
Object - JavaScript
description nearly all objects in javascript are instances of object; a typical object inherits
properties (including methods) from object.prototype, although these
properties may be shadowed (a.k.a.
... changes to the object prototype object are seen by all objects through prototype chaining, unless the
properties and methods subject to those changes are overridden further along the prototype chain.
... deleting a property from an object there isn't any method in an object itself to delete its own
properties (such as map.prototype.delete()).
...And 11 more matches
tabs - Archive of obsolete content
usage open a tab you can open a new tab, specifying various
properties including location: var tabs = require("sdk/tabs"); tabs.open("http://www.example.com"); track tabs you can register event listeners to be notified when tabs open, close, finish loading dom content, or are made active or inactive: var tabs = require("sdk/tabs"); // listen for tab openings.
...deactivate); tab.on("close", logclose); } function logshow(tab) { console.log(tab.url + " is loaded"); } function logactivate(tab) { console.log(tab.url + " is activated"); } function logdeactivate(tab) { console.log(tab.url + " is deactivated"); } function logclose(tab) { console.log(tab.url + " is closed"); } tabs.on('open', onopen); manipulate a tab you can get and set various
properties of tabs (but note that
properties relating to the tab's content, such as the url, will not contain valid values until after the tab's ready event fires).
...
properties activetab the currently active tab in the active window.
...And 10 more matches
ui/button/action - Archive of obsolete content
"32": "./firefox-32.png" }, onclick: firstclick }); function firstclick(state) { console.log("you clicked '" + state.label + "'"); button.removelistener("click", firstclick); button.on("click", subsequentclicks); } function subsequentclicks(state) { console.log("you clicked '" + state.label + "' again"); } the listener is passed a state object that contains all the button's
properties.
...a disabled button will not generate click events and its icon will appear disabled: updating state you can update all the button's
properties except for its id.
... by default, the button has global state: that is, its
properties are the same across all open windows and tabs, and updating them updates the button's state across all open windows and tabs.
...And 10 more matches
Binding Implementations - Archive of obsolete content
introduction bindings can define methods and
properties on a bound element using the implementation tag.
... a binding implementation provides a new set of methods and
properties that can be invoked directly from the bound element.
... the methods and
properties of an implementation can be defined declaratively using method and property tags in xml, or an external implementation (e.g., a binary implementation) can be specified using the src attribute.
...And 10 more matches
Handling different text directions - Learn web development
previous overview: building blocks next many of the
properties and values that we have encountered so far in our css learning have been tied to the physical dimensions of our screen.
... logical
properties and values the reason to talk about writing modes and direction at this point in your learning however, is because of the fact we have already looked at a lot of
properties which are tied to the physical dimensions of the screen, and make most sense when in a horizontal writing mode.
... to make this easier, css has recently developed a set of mapped
properties.
...And 10 more matches
Introduction to CSS layout - Learn web development
table layout — features designed for styling the parts of an html table can be used on non-table elements using display: table and associated
properties.
... multi-column layout — the multi-column layout
properties can cause the content of a block to layout in columns, as you might see in a newspaper.
...however, when using these, you will generally need to invoke additional
properties.
...And 10 more matches
Localizing with Koala
they can be found in two files, inside the browser/chrome/browser directory: searchbar.dtd, search.
properties.
... the difference between dtd and .
properties files in the moment when they are used by the application.
...the .
properties files are used in the javascript code while the application is already running.
...And 10 more matches
USBDevice - Web APIs
properties usbdevice.configuration read only a usbconfiguration object for the currently selected interface for a paired usb device.
... usbdevice.deviceclass read only one of three
properties that identify usb devices for the purpose of loading a usb driver that will work with that device.
... the other two
properties are usbdevice.devicesubclass and usbdevice.deviceprotocol.
...And 10 more matches
Using CSS transitions - CSS: Cascading Style Sheets
css transitions provide a way to control animation speed when changing css
properties.
... css transitions let you decide which
properties to animate (by listing them explicitly), when the animation will start (by setting a delay), how long the transition will last (by setting a duration), and how the transition will run (by defining a timing function, e.g.
... which css
properties can be transitioned?
...And 10 more matches
places/bookmarks - Archive of obsolete content
nce, unsaved let bookmark = bookmark({ title: "mozilla", url: "http://mozilla.org" }); // attempt to save the bookmark instance to the bookmarks database // and store the emitter let emitter = save(bookmark); // listen for events emitter.on("data", function (saved, inputitem) { // on a "data" event, an item has been updated, passing in the // latest snapshot from the server as `saved` (with
properties // such as `updated` and `id`), as well as the initial input // item as `inputitem` console.log(saved.title === inputitem.title); // true console.log(saved !== inputitem); // true console.log(inputitem === bookmark); // true }).on("end", function (saveditems, inputitems) { // similar to "data" events, except "end" is an aggregate of // all progress events, with ordered arrays as `sa...
...query
properties are and'd together within a single query object, but are or'd together across multiple query objects.
...the second query's
properties // are and'd together, so results that are in the platform's unsorted // bookmarks folder, and are also tagged with 'mozilla', get returned // as well in this query }); globals constructors bookmark(options) creates an unsaved bookmark instance.
...And 9 more matches
jspage - Archive of obsolete content
f(array[a]){return;}elements.implement(a,function(){var c=[],g=true;for(var e=0,d=this.length;e<d;e++){var f=this[e][a].apply(this[e],arguments);c.push(f); if(g){g=($type(f)=="element");}}return(g)?new elements(c):c;});}});element.prototype={$family:{name:"element"}};element.constructors=new hash;var iframe=new native({name:"iframe",generics:false,initialize:function(){var f=array.link(arguments,{
properties:object.type,iframe:$defined}); var d=f.
properties||{};var c=document.id(f.iframe);var e=d.onload||$empty;delete d.onload;d.id=d.name=$pick(d.id,d.name,c?(c.id||c.name):"iframe_"+$time()); c=new element(c||"iframe",d);var b=function(){var g=$try(function(){return c.contentwindow.location.host;});if(!g||g==window.location.host){var h=new window(c.contentwindow); new document(c.contentwindow.documen...
...rtbefore(m,n):l.appendchild(m);}};a.inside=a.bottom;hash.each(a,function(l,m){m=m.capitalize();element.implement("inject"+m,function(n){l(this,document.id(n,true)); return this;});element.implement("grab"+m,function(n){l(document.id(n,true),this);return this;});});element.implement({set:function(o,m){switch($type(o)){case"object":for(var n in o){this.set(n,o[n]); }break;case"string":var l=element.
properties.get(o);(l&&l.set)?l.set.apply(this,array.slice(arguments,1)):this.setproperty(o,m);}return this;},get:function(m){var l=element.
properties.get(m); return(l&&l.get)?l.get.apply(this,array.slice(arguments,1)):this.getproperty(m);},erase:function(m){var l=element.
properties.get(m);(l&&l.erase)?l.erase.apply(this):this.removeproperty(m); return this;},setproperty:function(m,n){var l=e[m];if(n==undefi...
...ned){return this.removeproperty(m);}if(l&&b[m]){n=!!n;}(l)?this[l]=n:this.setattribute(m,""+n); return this;},set
properties:function(l){for(var m in l){this.setproperty(m,l[m]);}return this;},getproperty:function(m){var l=e[m];var n=(l)?this[l]:this.getattribute(m,2); return(b[m])?!!n:(l)?n:n||null;},get
properties:function(){var l=$a(arguments);return l.map(this.getproperty,this).associate(l);},removeproperty:function(m){var l=e[m]; (l)?this[l]=(l&&b[m])?false:"":this.removeattribute(m);return this;},remove
properties:function(){array.each(arguments,this.removeproperty,this);return this; },hasclass:function(l){return this.classname.contains(l," ");},addclass:function(l){if(!this.hasclass(l)){this.classname=(this.classname+" "+l).clean(); }return this;},removeclass:function(l){this.classname=this.clas...
...And 9 more matches
Index - Learn web development
you should also appreciate that objects are very useful as structures for storing related data and functionality — if you tried to keep track of all the
properties and methods in our person object as separate variables and functions, it would be inefficient and frustrating, and we'd run the risk of clashing with other variables and functions that have the same names.
... 119 handling different text directions beginner, css, learn, logical
properties, writing modes the concepts explained in this lesson are becoming increasingly important in css.
...the next article explores debugging css — how to solve problems such as layouts not looking like they should, or
properties not applying when you think they should.
...And 9 more matches
Python binding for NSS
nss/nspr objects which have "get" and "set" api function calls are exposed as python
properties.
...ocket.get_ssl_version_range sslsocket.get_ssl_channel_info sslsocket.get_negotiated_host sslsocket.connection_info_format_lines sslsocket.connection_info_format sslsocket.connection_info_str sslciphersuiteinfo.format_lines sslciphersuiteinfo.format sslchannelinfo.format_lines sslchannelinfo.format the following class
properties were added: certificate.ssl_trust_flags certificate.email_trust_flags certificate.signing_trust_flags sslciphersuiteinfo.cipher_suite sslciphersuiteinfo.cipher_suite_name sslciphersuiteinfo.auth_algorithm sslciphersuiteinfo.auth_algorithm_name sslciphersuiteinfo.kea_type sslciphersuiteinfo.kea_type_name sslciphersuiteinf...
... the following classes were added: certattribute the following class methods were added: certattribute.format_lines certattribute.format nss.secitem.get_integer the following class
properties were added: certificaterequest.attributes certattribute.type_oid certattribute.type_tag certattribute.type_str certattribute.values the following module functions were added: base64_to_binary the following files were added: test_cert_request release 0.14.1 ...
...And 4 more matches
JS_DefineConstDoubles
create multiple constant double or integer valued
properties on an object.
... syntax bool js_defineconstdoubles(jscontext *cx, js::handleobject obj, const jsconstdoublespec *cds); bool js_defineconstintegers(jscontext *cx, js::handleobject obj, const jsconstintegerspec *cis); // added in spidermonkey 38 name type description cx jscontext * the context in which to define the new
properties.
... obj jsobject * object for which to create new
properties.
...And 4 more matches
JS_Enumerate
get an array of the enumerable
properties of a given object.
... syntax jsidarray * js_enumerate(jscontext *cx, js::handleobject obj); name type description cx jscontext * the context in which to enumerate object
properties.
... obj js::handleobject the object whose
properties are to be enumerated.
...And 4 more matches
Places Developer Guide
accessing bookmarks and related items accessing item
properties for all items: string getitemtitle(aitemid) - returns an item's title int64 getitemindex(aitemid) - returns an item's position in it's parent folder prtime getitemtype(aitemid) - returns the type of an item (bookmark, folder, separator) prtime getitemdateadded(aitemid) - returns the time in microseconds that an item was added prtime getitemlastmodified(aitemid) - returns the time in mi...
...the example below shows how to enumerate a bookmark folder's contents, and how to access the
properties of the items themselves.
...foldernode.containeropen = true; for (var i=0; i < foldernode.childcount; ++i) { var childnode = foldernode.getchild(i); // some item
properties.
...And 4 more matches
nsIAbCard/Thunderbird3
in a big change from the original nsiabcard,
properties are now stored in a hash table instead of as attributes on the interface, allowing it to be more flexible.
...
properties currently supported on the card: names: firstname, lastname phoneticfirstname, phoneticlastname displayname, nickname spousename, familyname primaryemail, secondemail home contact: homeaddress, homeaddress2, homecity, homestate, homezipcode, homecountry homephone, homephonetype work contact.
...ut with `work' instead of `home' other contact: faxnumber, faxnumbertype pagernumber, pagernumbertype cellularnumber, cellularnumbertype jobtitle, department, company _aimscreenname dates: anniversaryyear, anniversarymonth, anniversaryday birthyear, birthmonth, birthday webpage1 (work), webpage2 (home) custom1, custom2, custom3, custom4 notes integral
properties: lastmodifieddate popularityindex prefermailformat (see nsiabprefermailformat) boolean
properties: allowremotecontent inherits from: nsiabitem method overview nsivariant getproperty(in autf8string name, in nsivariant defaultvalue); [noscript] astring getpropertyasastring(in string name); [noscript] autf8string getpropertyasautf8string(in...
...And 4 more matches
CSS Typed Object Model API - Web APIs
css typed om both allows for the performant manipulation of values assigned to css
properties while enabling maintainable code that is both more understand and easier to write.
... cssunparsedvalue the cssunparsedvalue interface of the css typed object model api represents property values that reference custom
properties.
... cssunparsedvalue.cssunparsedvalue() constructor creates a new cssunparsedvalue object which represents property values that reference custom
properties.
...And 4 more matches
Element - Web APIs
it only has methods and
properties common to all kinds of elements.
.../><a xlink:href="/docs/web/api/element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">element</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent interface, node, and by extension that interface's parent, eventtarget.
... it implements the
properties of parentnode, childnode, nondocumenttypechildnode, and animatable.
...And 4 more matches
HTMLAnchorElement - Web APIs
the htmlanchorelement interface represents hyperlink elements and provides special
properties and methods (beyond those of the regular htmlelement object interface that they inherit from) for manipulating the layout and presentation of such elements.
...cs/web/api/htmlanchorelement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlanchorelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
... obsolete
properties htmlanchorelement.charset is a domstring representing the character encoding of the linked resource.
...And 4 more matches
HTMLElement - Web APIs
ink:href="/docs/web/api/htmlelement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="436" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, element, and implements those from documentandelementeventhandlers, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement and toucheventhandlers.
... htmlelement.
properties read only returns a html
propertiescollection… htmlelement.spellcheck is a boolean that controls spell-checking.
... event handlers most event handler
properties, of the form onxyz, are defined on the documentandelementeventhandlers, globaleventhandlers or toucheventhandlers interfaces and implemented by htmlelement.
...And 4 more matches
Node - Web APIs
4dde4"/><a xlink:href="/docs/web/api/node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">node</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties in addition to the
properties below, node inherits
properties from its parent, eventtarget.
... obsolete
properties node.localname read only returns a domstring representing the local part of the qualified name of an element.
... methods in addition to the
properties below, node inherits methods from its parent, eventtarget.
...And 4 more matches
Web audio spatialization basics - Web APIs
this is done by setting the different
properties of the pannernode object instance in relation to that movement, to emulate spacialization.
...the default values for these work well: listener.forwardx.value = 0; listener.forwardy.value = 0; listener.forwardz.value = -1; listener.upx.value = 0; listener.upy.value = 1; listener.upz.value = 0; the forward
properties represent the 3d coordinate position of the listener's forward direction (e.g.
... the direction they are facing in), while the up
properties represent the 3d coordinate position of the top of the listener's head.
...And 4 more matches
Border-image generator - CSS: Cascading Style Sheets
--> <div id="border-width-control" class="category"> <div class="title"> border-image-width </div> </div> <!-- border-image-outset --> <div id="border-outset-control" class="category"> <div class="title"> border-image-outset </div> </div> <!-- other-settings --> <div id="aditional-
properties" class="category"> <div class="title"> aditional-
properties </div> <div class="property"> <div class="name"> repeat-x </div> <div class="ui-dropdown border-repeat" data-topic="image-repeat-x" data-selected="2"> <div data-value="0">repeat</div> <div data-value="0">stretch</div> ...
...t; width: 80px; } #controls .border-repeat .ui-dropdown-list { height: 6.2em; border-width: 1px; text-align: center; } /* border-image-slice */ #border-slice-control .ui-dropdown-list { height: 4.3em; } /* border-image-width */ #border-width-control .ui-dropdown-list { height: 6.2em; } /* border-image-outset */ #border-outset-control .ui-dropdown-list { height: 4.3em; } #aditional-
properties .property { width: 200px; } #aditional-
properties .ui-input-slider > input { width: 80px !important; } /* unit settings panel */ #unit-settings { padding: 10px; position: absolute; background: #fff; font-size: 12px; border-radius: 3px; border: 1px solid #ccc; text-align: center; color: #555; position: absolute; z-index: 1000; box-shadow: 0 0 3px 0 #bababa; transition: all 0.2...
...}; var load = function load() { browse.click(); }; browse.setattribute('type', 'file'); browse.style.display = 'none'; browse.onchange = loadimage; return { load: load }; })(); var imagecontrol = (function imagecontrol() { var scale = 0.5; var imgsource = new image(); var imgstate = null; var selected = null; var topics = ['slice', 'width', 'outset']; var
properties = {};
properties['border1'] = { fill : false, slice_values : [27, 27, 27, 27], width_values : [20, 20, 20, 20], outset_values : [0, 0, 0, 0], slice_units : [0, 0, 0, 0], width_units : [0, 0, 0, 0], outset_units : [0, 0, 0, 0], repeat : [1, 1], size : [300, 200], preview_area : 400 };
properties['border2'] = { fill : false, slice_values : [3...
...And 4 more matches
Handling content breaks in multicol - CSS: Cascading Style Sheets
in both contexts we control where and how things break by using
properties of the css fragmentation specification.
...the fragmentation
properties give us ways to exercise some control over this.
... breaks before and after boxes the break-before and break-after
properties are used to control breaks before and after elements.
...And 4 more matches
Flow Layout and Writing Modes - CSS: Cascading Style Sheets
layout
properties should work in the same way in vertical writing modes.
...in the writing modes introduction, the specification says, “a writing mode in css is determined by the writing-mode, direction, and text-orientation
properties.
... while certain languages will use a particular writing mode or text direction, we can also use these
properties for creative effect, such as running a heading vertically.
...And 4 more matches
OpenType font features guide - CSS: Cascading Style Sheets
these are all referred to as opentype features, and are made available to use on the web via specific
properties and a low-level control property — font-feature-settings.
... note: the examples below show the
properties and some example combinations, along with the lower-level syntax equivalents.
...setting a value of normal resets all
properties to their initial value.
...And 4 more matches
panel - Archive of obsolete content
the position object has one or more of the following
properties: top, right, bottom and left.
...any other
properties will be ignored.
...d // aligned to the bottom of the content area require("sdk/panel").panel({ position: { bottom: 0 } }).show(); // show the panel centered vertically and // aligned to the left of the content area require("sdk/panel").panel({ position: { left: 0 } }).show(); // centered panel, default behavior require("sdk/panel").panel({}).show(); as with the css top, bottom, left, and right
properties, setting both top and bottom or both left and right will implicitly set the panel's height or width relative to the content window: // show the panel centered horizontally, with: // - the top edge 40px from the top // of the content window // - the bottom edge 100px from the bottom // of the content window require("sdk/panel").panel({ position: { top: 40, bottom: 100 } }).show()...
...And 2 more matches
remote/parent - Archive of obsolete content
properties processes a processes object.
...
properties port an event emitter that sends messages to and receives messages from all processes.
...
properties port an event emitter that sends messages to and receives messages from all frames.
...And 2 more matches
util/object - Archive of obsolete content
globals functions merge(source, arguments) merges all of the
properties of all arguments into the first argument.
... if two or more argument objects have
properties with the same name, the property is overwritten with precedence from right to left, implying that
properties of the object on the left are overwritten by a same named property of an object on the right.
...
properties are merged with descriptors onto the source object.
...And 2 more matches
Enhanced Extension Installation - Archive of obsolete content
needs-install, needs-upgrade, needs-uninstall, needs-enable, needs-disable, needs-install when the extension manager starts, this dataset is read into two data structures: the startup cache - a hashtable keyed off install location name and then guid, each entry having persistentdescriptor, mtime and id
properties.
... the pending operations list - a set of entries organized into arrays hashed by operation key, each entry having a locationkey and id
properties.
...the extension system retains an object implementing nsirdfdatasource (so that it can supply special
properties in addition to the set stored simply in the xml datasource) and an internal member that holds the single rdf/xml datasource.
...And 2 more matches
Jetpack Processes - Archive of obsolete content
this global scope does not contain privileged apis, or any non-standard javascript objects for that matter, though new globals can be endowed by simply attaching them to the global scope as
properties.
...a handle keeps any arbitrary
properties attached to it alive, but those
properties are not transmitted across the process boundary.
... these arbitrary
properties are the primary means through which context can be provided for messages; for instance, if the handle is meant to represent a network request, an xmlhttprequest instance can be attached to the handle on the chrome process.
...And 2 more matches
In-Depth - Archive of obsolete content
mozilla css
properties mozilla.org created their own css
properties to allow them to use the technology for the ui of mozilla.
... all of the
properties follow the w3c's standards for vendor extensions, which is why they all begin with -moz.
... this is only a list of
properties which may be useful to you; it is in no way all of the mozilla specific
properties available.
...And 2 more matches
Style System Overview - Archive of obsolete content
“cascaded” value for property + element: if 0 rules matching the element have the property: some
properties inherit and some
properties use initial value.
... the declarations (
properties & values) are stored in data structs (nscss*).
... to allow for optimizations, each style struct contains only inherited
properties or only “reset”
properties.
...And 2 more matches
Venkman Introduction - Archive of obsolete content
property flags
properties of both scope and this objects are listed alphabetically, grouped by data type.
...
properties which are of the type object are displayed with the name of their constructor function in curly braces as their value.
...by default,
properties of type function are not displayed, in order to conserve space in the view.
...And 2 more matches
loadResources - Archive of obsolete content
loadresources loads a
properties file.
... method of install object syntax object loadresources( string xpipath ); parameters the sole input parameter for loadresources is a string representing the path to the
properties file in the xpi in which the key/value pairs are defined.
...description the format of the
properties file expected by loadresources is the same as that of the chrome locale .
properties files.
...And 2 more matches
Manipulating Lists - Archive of obsolete content
list selection the nsidomxulselectcontrolelement interface provides two additonal
properties, selectedindex and selecteditem.
... getting the selected item these two
properties are commonly inspected during a select event, as in the following example: example 2 : source view <listbox id="thelist" onselect="alert(this.selecteditem.label);"> <listitem label="short"/> <listitem label="medium"/> <listitem label="tall"/> </listbox> the select event is fired for a listbox when an item in the list is selected.
... changing the selection all of the selection related
properties described above may also be assigned a new value to change the selection.
...And 2 more matches
browser - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a xul <browser> element represents a frame which is expected to contain a view of a web document.
... get firefox most of the
properties and methods of the browser will rarely be used and can only be called from chrome urls.
... attributes autocompleteenabled, autocompletepopup, autoscroll, disablehistory, disableglobalhistory, disablesecurity, droppedlinkhandler, homepage, showcaret, src, type
properties accessibletype, cangoback, cangoforward, contentdocument, contentprincipal, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, messagemanager, preferences, securityui, sessionhistory, webbrowserfind, webnavigation, webprogress methods addprogresslistener, goback, goforward, gohome, gotoindex, loaduri, loaduriwithflags, reload, reloadwithflags, removeprogresslistener, stop, swapdocshells examples <!-- shows mozilla homepa...
...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.
...
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, contextmen...
...ources, 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 currentnotification type: notification element the currently displayed notification element or null.
...And 2 more matches
tabbrowser - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is used for holding a set of read-only views of web documents.
... attributes autocompleteenabled, autocompletepopup, autoscroll, contentcontextmenu, contenttooltip, handlectrlpageupdown, onbookmarkgroup, onnewtab, tabmodalpromptshowing
properties browsers, cangoback, cangoforward, contentdocument, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, securityui, selectedbrowser, selectedtab, sessionhistory, tabcontainer, tabs, visibletabs, webbrowserfind, webnavigation, webprogress methods addprogresslistener, addtab, addtabsprogresslistener,appendg...
...
properties browsers type: nodelist of browser elements holds a list of the browser elements inside the tabbrowser.
...And 2 more matches
Extentsions FAQ - Archive of obsolete content
how to attach information using the string
properties of an imap message with out changing the
properties?
... string
properties are implemented as imap user flags.
... however not all servers support user flags, in which case you get reduced functionality as follows: all flags are stored in your local cache and are lost if your cache gets invalidated, and only "known"
properties are copied when messages are copied.
...And 2 more matches
CSS - Archive of obsolete content
and layout orientation.-ms-content-zoom-chainingthe -ms-content-zoom-chaining css property is a microsoft extension specifying the zoom behavior that occurs when a user hits the zoom limit during page manipulation.-ms-content-zoom-limitthe -ms-content-zoom-limit css shorthand property is a microsoft extension that specifies values for the -ms-content-zoom-limit-min and -ms-content-zoom-limit-max
properties.-ms-content-zoom-limit-maxthe -ms-content-zoom-limit-max css property is a microsoft extension that specifies the selected elements' maximum zoom factor.-ms-content-zoom-limit-minthe -ms-content-zoom-limit-min css property is a microsoft extension that specifies the minimum zoom factor.-ms-content-zoom-snapthe -ms-content-zoom-snap css shorthand property is a microsoft extension that specifies va...
...lues for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points
properties.-ms-content-zoom-snap-pointsthe -ms-content-zoom-snap-points css property is a microsoft extension that specifies where zoom snap-points are located.-ms-content-zoom-snap-typethe -ms-content-zoom-snap-type css property is a microsoft extension that specifies how zooming is affected by defined snap-points.-ms-content-zoomingthe -ms-content-zooming css property is a microsoft extension that specifies whether zooming is enabled.-ms-filterthe -ms-filter css property is a microsoft extension that sets or retrieves the filter or collection of filters applied to an object.-ms-flow-fromthe -ms-flow-from css property is a microsoft extension that gets or sets a value identifying a region container in the document that accepts...
... the content flow from the data source.-ms-flow-intothe -ms-flow-into css property is a microsoft extension that gets or sets a value identifying an iframe container in the document that serves as the region's data source.-ms-high-contrast-adjustthe -ms-high-contrast-adjust css property is a microsoft extension that gets or sets a value indicating whether to override any css
properties that would have been set in high contrast mode.-ms-hyphenate-limit-charsthe -ms-hyphenate-limit-chars css property is a microsoft extension that specifies one to three values indicating the minimum number of characters in a hyphenated word.
...And 2 more matches
HTMLIFrameElement - Web APIs
the htmliframeelement interface provides special
properties and methods (beyond those of the htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of inline frame elements.
...cs/web/api/htmliframeelement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmliframeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... methods inherits
properties from its parent, htmlelement.
...And 2 more matches
HTMLTableCellElement - Web APIs
the htmltablecellelement interface provides special
properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of table cells, either header or data cells, in an html document.
.../api/htmltablecellelement" target="_top"><rect x="291" y="65" width="200" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="391" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablecellelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... deprecated
properties warning: these
properties have been deprecated and should no longer be used.
...And 2 more matches
MediaStreamTrack.getConstraints() - Web APIs
these constraints indicate values and ranges of values that the web site or application has specified are required or acceptable for the included constrainable
properties.
...see capabilities, constraints, and settings for details on how to work with constrainable
properties.
... syntax const constraints = track.getconstraints() return value a mediatrackconstraints object which indicates the constrainable
properties the web site or app most recently set using applyconstraints().
...And 2 more matches
PerformanceEntry - Web APIs
properties performanceentry.name read only a value that further specifies the value returned by the performanceentry.entrytype property.
... example the following example checks all performanceentry
properties to see if the browser supports them and if so, write their values to the console.
... function print_performanceentries() { // use getentries() to get a list of all performance entries var p = performance.getentries(); for (var i=0; i < p.length; i++) { console.log("performanceentry[" + i + "]"); print_performanceentry(p[i]); } } function print_performanceentry(perfentry) { var
properties = ["name", "entrytype", "starttime", "duration"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceNavigationTiming - Web APIs
the performancenavigationtiming interface provides methods and
properties to store and retrieve metrics regarding the browser's document navigation events.
...ncenavigationtiming" target="_top"><rect x="201" y="1" width="270" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="336" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performancenavigationtiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties this interface extends the following performanceentry
properties for navigation performance entry types by qualifying and constraining them as follows: performanceentry.entrytype read only returns "navigation".
... performanceentry.duration read only returns a timestamp that is the difference between the performancenavigationtiming.loadeventend and performanceentry.starttime
properties.
...And 2 more matches
PerformanceResourceTiming.connectEnd - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { var value =...
... perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.connectStart - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.domainLookupEnd - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { var value =...
... perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.domainLookupStart - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.fetchStart - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.redirectEnd - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.redirectStart - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.requestStart - Web APIs
syntax resource.requeststart; return value a domhighrestimestamp representing the time immediately before the browser starts requesting the resource from the server example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.responseEnd - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.responseStart - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.secureConnectionStart - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; if (supported) { ...
... var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming.workerStart - Web APIs
example in the following example, the value of the *start and *end
properties of all "resource" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_
properties(p[i]); } } function print_start_and_end_
properties(perfentry) { // print timestamps of the performanceentry *start and *end
properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart", "workerstart"]; for (var i=0; i <
properties.length; i++) { // check each property var supported =
properties[i] in perfentry; ...
...if (supported) { var value = perfentry[
properties[i]]; console.log("...
...And 2 more matches
PerformanceResourceTiming - Web APIs
the interface's
properties create a resource loading timeline with high-resolution timestamps for network events such as redirect start and end times, fetch start, dns lookup start and end times, response start and end times, etc..
... additionally, the interface extends performanceentry with other
properties which provide data about the size of the fetched resource as well as the type of resource that initiated the fetch.
...
properties this interface extends the following performanceentry
properties for resource performance entry types by qualifying and constraining them as follows: performanceentry.entrytyperead only returns "resource".
...And 2 more matches
Using Performance Timeline - Web APIs
this interface has four
properties and a json serializer (tojson().
... the following example shows the use of these
properties.
... function print_performanceentry(ev) { var
properties = ["name", "entrytype", "starttime", "duration"]; // create a few performance entries performance.mark("start"); do_work(50000); performance.mark("stop"); performance.measure("measure-1"); var p = performance.getentries(); for (var i=0; i < p.length; i++) { log("perfentry[" + i + "]"); for (var j=0; j <
properties.length; j++) { // check each property in window.performance var supported =
properties[j] in p[i]; if (supported) { var pe = p[i]; log("...
...And 2 more matches
Using the Web Animations API - Web APIs
we no longer need to rely on dom-heavy techniques such as writing css
properties and scoping classes onto elements to control playback direction.
... and unlike pure, declarative css, javascript also lets us dynamically set values from
properties to durations.
... representing timing
properties we’ll also need to create an object of timing
properties (an animationeffecttiming
properties object) corresponding to the values in alice’s animation: var alicetiming = { duration: 3000, iterations: infinity } you’ll notice a few differences here from how equivalent values are represented in css: for one, the duration is in milliseconds as opposed to seconds — 3000 not 3s.
...And 2 more matches
Window.getComputedStyle() - Web APIs
the window.getcomputedstyle() method returns an object containing the values of all css
properties of an element, after applying active stylesheets and resolving any basic computation those values may contain.
...these are usually the same as css 2.1’s computed values, but for some older
properties like width, height, or padding, they are instead the same as used values.
... originally, css 2.0 defined the computed values as the "ready to be used" final values of
properties after cascading and inheritance, but css 2.1 redefined them as pre-layout, and used values as post-layout.
...And 2 more matches
window.postMessage() - Web APIs
} the
properties of the dispatched message are: data the object passed from the other window.
... if you do expect to receive messages from other sites, always verify the sender's identity using the origin and possibly source
properties.
...consequently, any event listener used to receive messages must first check the identity of the sender of the message, using the origin and possibly source
properties.
...And 2 more matches
-moz-float-edge - CSS: Cascading Style Sheets
the non-standard -moz-float-edge css property specifies whether the height and width
properties of the element include the margin, border, or padding thickness.
... /* keyword values */ -moz-float-edge: border-box; -moz-float-edge: content-box; -moz-float-edge: margin-box; -moz-float-edge: padding-box; /* global values */ -moz-float-edge: inherit; -moz-float-edge: initial; -moz-float-edge: unset; syntax values border-box the height and width
properties include the content, padding and border but not the margin.
... content-box the height and width
properties include the content, but not the padding, border or margin.
...And 2 more matches
Box alignment for block, absolutely positioned and table layout - CSS: Cascading Style Sheets
note: at the time of writing (may 2018), there is no real support for the box alignment
properties in block layout.
... this document details how the specification expects these
properties to be implemented for completeness, and is likely to change as the specification and browser implementations develop.
... aligning in these layout methods today as we do not currently have browser support for box alignment in block layout, your options for alignment are either to use one of the existing alignment methods or, to make even a single item inside a container a flex item in order to use the alignment
properties as specified in flexbox.
...And 2 more matches
Flow Layout and Overflow - CSS: Cascading Style Sheets
the overflow property is in reality a shorthand for the overflow-x and overflow-y
properties.
... flow relative
properties in the guide to writing modes and flow layout, we looked at the newer
properties of block-size and inline-size which make more sense when working with different writing modes than tying our layout to the physical dimensions of the screen.
... the level 3 overflow module also includes flow relative
properties for overflow - overflow-block and overflow-inline.
...And 2 more matches
Mozilla CSS extensions - CSS: Cascading Style Sheets
mozilla applications such as firefox support a number of special mozilla extensions to css, including
properties, values, pseudo-elements and pseudo-classes, at-rules, and media queries.
... mozilla-only
properties and pseudo-classes (avoid using on websites) note: these
properties and pseudo-classes will only work in mozilla applications such as firefox, and are not on a standards track.
... b -moz-binding -moz-border-bottom-colors -moz-border-left-colors -moz-border-right-colors -moz-border-top-colors -moz-box-align -moz-box-direction -moz-box-flex -moz-box-ordinal-group -moz-box-orient -moz-box-pack c–i -moz-context-
properties -moz-float-edge -moz-force-broken-image-icon -moz-image-region o -moz-orient -moz-osx-font-smoothing -moz-outline-radius -moz-outline-radius-bottomleft -moz-outline-radius-bottomright -moz-outline-radius-topleft -moz-outline-radius-topright overflow-clip-box overflow-clip-box-block overflow-clip-box-inline s–z -moz-stack-sizing :-moz-system-metric(images-in-menus) :-moz-system-metric(mac-graphite-theme) :-moz-system-metric(scrollbar-end-backward) :-moz-sy...
...And 2 more matches
Syntax - CSS: Cascading Style Sheets
css declarations setting css
properties to specific values is the core function of the css language.
... both
properties and values are case-insensitive by default in css.
... the pair is separated by a colon, ':' (u+003a colon), and white spaces before, between, and after
properties and values, but not necessarily inside, are ignored.
...And 2 more matches
animation - CSS: Cascading Style Sheets
nimation.foreach(function (node, index) { node.addeventlistener('animationstart', function () { togglebutton(button[index], 'pause'); }); node.addeventlistener('animationend', function () { togglebutton(button[index], 'restart'); }); }); button.foreach(function (btn, index) { btn.addeventlistener('click', function () { playpause(index); }); }); }) a description of which
properties are animatable is available; it's worth noting that this description is also valid for css transitions.
... constituent
properties this property is a shorthand for the following css
properties: animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function syntax the animation property is specified as one or more single animations, separated by commas.
...when parsed, keywords that are valid for
properties other than animation-name, and whose values were not found earlier in the shorthand, must be accepted for those
properties rather than for animation-name.
...And 2 more matches
border-block-start - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: border-block-start-color border-block-start-style border-block-start-width syntax border-block-start: 1px; border-block-start: 2px dotted; border-block-start: medium dashed blue; border-block-start can be used to set the values for one or more of border-block-start-width, border-block-start-style, and border-block-start-...
... related
properties are border-block-end, border-inline-start, and border-inline-end, which define the other borders of the element.
... formal definition initial valueas each of the
properties of the shorthand:border-width: as each of the
properties of the shorthand:border-top-width: mediumborder-right-width: mediumborder-bottom-width: mediumborder-left-width: mediumborder-style: as each of the
properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonecolor: varies from one browser to anotherapplies toall elementsinheritednocomputed valueas each of the
properties of the shorthand:border-width: as e...
...And 2 more matches
border-image - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: border-image-outset border-image-repeat border-image-slice border-image-source border-image-width syntax /* source | slice */ border-image: linear-gradient(red, blue) 27; /* source | slice | repeat */ border-image: url("/images/border.png") 27 space; /* source | slice | width */ border-image: linear-gradient(red, blue) 27...
... mdn understanding wcag, guideline 1.1 explanations understanding success criterion 1.1.1 | understanding wcag 2.0 formal definition initial valueas each of the
properties of the shorthand:border-image-source: noneborder-image-slice: 100%border-image-width: 1border-image-outset: 0border-image-repeat: stretchapplies toall elements, except internal table elements when border-collapse is collapse.
... it also applies to ::first-letter.inheritednopercentagesas each of the
properties of the shorthand:border-image-slice: refer to the size of the border imageborder-image-width: refer to the width or height of the border image areacomputed valueas each of the
properties of the shorthand:border-image-outset: as specified, but with relative lengths converted into absolute lengthsborder-image-repeat: as specifiedborder-image-slice: one to four percentage(s) (as specified) or absolute length(s), plus the keyword fill if specifiedborder-image-source: none or the image with its uri made absoluteborder-image-width: as specified, but with relative lengths converted into absolute lengthsanimation typediscrete formal syntax <'border-image-source'> | <'border-image-slice'> [ / <'border-image-width'> | / <'bor...
...And 2 more matches
eval() - JavaScript
the expression can include variables and
properties of existing objects.
... accessing member
properties you should not use eval() to convert property names into
properties.
...instead, use the property accessors, which are much faster and safer: var obj = { a: 20, b: 30 }; var propname = getpropname(); // returns "a" or "b" var result = obj[ propname ]; // obj[ "a" ] is the same as obj.a you can even use this method to access descendant
properties.
...And 2 more matches
Standard built-in objects - JavaScript
this chapter documents all of javascript's standard, built-in objects, including their methods and
properties.
...in fact, the global scope consists of the
properties of the global object, including inherited
properties, if any.
... standard objects by category value
properties these global
properties return a simple value.
...And 2 more matches
Property accessors - JavaScript
property accessors provide access to an object's
properties by using the dot notation or the bracket notation.
...the keys in this array are the names of the object's
properties.
... it's typical when speaking of an object's
properties to make a distinction between
properties and methods.
...And 2 more matches
patternUnits - SVG: Scalable Vector Graphics
the patternunits attribute indicates which coordinate system to use for the geometry
properties of the <pattern> element.
... only one element is using this attribute: <pattern> html,body,svg { height:100% } <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <!-- all geometry
properties are relative to the current user space --> <pattern id="p1" x="12.5" y="12.5" width="25" height="25" patternunits="userspaceonuse"> <circle cx="10" cy="10" r="10" /> </pattern> <!-- all geometry
properties are relative to the target bounding box --> <pattern id="p2" x=".125" y=".125" width=".25" height=".25" patternunits="objectboundingbox"> <circle cx="10" cy="10" r="10" /> </pattern> <!-- left square with user space tiles --> <rect x="10" y="10" width="80" height="80" fill="url(#p1)" /> <!-- right square with bounding box tiles --> <rect x="110" y="10" wid...
...th="80" height="80" fill="url(#p2)" /> </svg> pattern for <pattern>, patternunits defines the coordinate system in use for the geometry
properties (x, y, width and height) of the element.
...And 2 more matches
request - Archive of obsolete content
the constructor takes a single parameter options which is used to set several
properties on the resulting request.
... with the exception of response, all of a request object's
properties correspond with the options in the constructor.
...
properties url headers content contenttype response events complete the request object emits this event when the request has completed and a response has been received.
...
properties url the url of the response content.
simple-storage - Archive of obsolete content
be careful to set
properties on the storage object and not the module itself, as demonstrated below: // this is not good!
...line 2 needs to be made conditional, so the array is only constructed if it does not already exist: if (!ss.storage.pages) ss.storage.pages = []; deleting data you can delete
properties using the delete operator.
... globals
properties storage a persistent object private to your add-on.
...
properties with array, boolean, number, object, null, and string values will be persisted.
lang/type - Archive of obsolete content
isempty(value) returns true if value is an object with no
properties and false otherwise.
... returns boolean : boolean indicating if value is an object with no
properties.
... source(value, indent, limit) returns the textual representation of value, containing property descriptors and types of
properties contained within the object.
...number of
properties to display per object.
preferences/service - Archive of obsolete content
some preferences refer to a
properties file.
... so that prefs.get returns the
properties file url whereas prefs.getlocalized returns the value defined in the
properties file.
... example: var prefs = require("sdk/preferences/service"); var name = "general.useragent.locale"; prefs.get(name); // is equal to "chrome://global/locale/intl.
properties" prefs.getlocalized(name) // is equal to "en-us" setlocalized(name, value) sets the localized application preference name to value.
... value : string preference value, a url to a
properties file example: require("sdk/preferences/service").set("general.useragent.locale", "chrome://global/locale/intl.
properties"); example: setting global preferences var { get, set } = require("sdk/preferences/service"); var { when: unload } = require("sdk/system/unload"); var oldvalue = get("browser.urlbar.autofill"); set("browser.urlbar.autofill", true); // by amo policy global preferences must be changed back to their original value unload(function() { set("browser.urlbar.autofill", oldvalue); }); ...
remote/child - Archive of obsolete content
globals
properties process a process object.
...
properties port an event emitter that sends and receives events from the main process.
...
properties port an event emitter that sends and receives events from every frame in this process.
...
properties port an event emitter that can be used to send and receive frame specific events to and from code in the main process.
Elements - Archive of obsolete content
a xbl binding can add anonymous content, fields,
properties, methods, and event handlers to html/xml elements.
... implementation <!entity % implementation-content "(method|property)*"> <!element implementation %implementation-content;> <!attlist implementation id id #implied name cdata #implied implements cdata #implied > the implementation element describes the set of methods and
properties that are attached to the bound element.
... once the binding is attached, these methods and
properties can be invoked directly from the bound element.
... note: all
properties of the binding are "imported" as local variables in a constructor's scope.
Complete - Archive of obsolete content
for each supported locale, a description in install.
properties overrides the default.
... a preference setting in defaults/preferences/allcustom.js makes the connection between the description and the
properties file, specifying the url: chrome://allcustom/locale/install.
properties again, the application's chrome registry converts this url to the correct file for the locale you are using.
... for example, if your locale is fr-fr, it gets the description from: locale/fr-fr/allcustom/install.
properties testing a locale to test the alternative locale, install the extension in the normal way.
... restart the application using the command line switch: -uilocale fr-fr (of course, if your application is already in french, specify en-us here to switch the extension to english.) notes: if you use a shortcut or launcher icon to start the application, then you can add the command line switch by editing the icon's
properties.
Adding Methods to XBL-defined Elements - Archive of obsolete content
methods in addition to adding script
properties to the xbl-defined element, you can also add methods.
... <body> <-- method script goes here --> </body> </method> </implementation> a method declaration goes inside the implementation element, like the fields and
properties do.
... custom
properties and methods are added only to the outer xul element the xbl is bound to.
... none of the elements declared inside the content tag have these
properties or methods.
XUL Structure - Archive of obsolete content
this means that the same css
properties may be used to style both html and xul, and many of the features can be shared between both.
... the localized text is stored in two types of files: dtd files and
properties files.
...the locale part also contains
properties files, which are similar, but are used by script files.
... the file browser.
properties contains a few such localized strings.
XUL element attributes - Archive of obsolete content
containment type: uri this attribute specifies rdf
properties (an rdf predicate) that indicate that a resource is a container.
...it may be set to a space-separated list of rdf
properties or resources.
... never all of the children are displayed at the size required by the content or as specified by the width and height attributes or the css width and height
properties.
...you can retrieve the displayed order by using the
properties of the boxobject of the container.
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, sortresourc...
...e2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width
properties object type: string the object of the element.
... 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, dispatch...
button - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a button that can be pressed by the user.
... 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.
...possible values include: accept, cancel, help, open, save, find, clear, yes, no, apply, close, print, add, remove, refresh, go-forward, go-back,
properties, select-font, select-color, network.
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
datepicker - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a datepicker allows the user to enter a date.
...in addition, the date, month and year
properties may be used to retrieve and modify each component of the date separately.
... attributes disabled, firstdayofweek, readonly, type, tabindex, value
properties date, dateleadingzero, datevalue, disabled, month, monthleadingzero, open, readonly, tabindex, value, year, yearleadingzero examples <datepicker type="grid" value="2007-03-26"/> attributes disabled type: boolean indicates whether the element is disabled or not.
...
properties date type: integer the currently selected date of the month from 1 to 31.
deck - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element that displays only one of its children at a time.
... attributes selectedindex
properties selectedindex, selectedpanel examples <deck selectedindex="2"> <description value="this is the first page"/> <button label="this is the second page"/> <box> <description value="this is the third page"/> <button label="this is also the third page"/> </box> </deck> attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...ources, 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 selectedindex type: integer returns the index of the currently selected item.
... 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 meth...
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, t...
...op, uri, wait-cursor, width
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, g...
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-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.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, g...
image - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] summary an element that displays an image, much like the html img element.
... attributes onerror, onload, src, validate
properties accessibletype, src style classes alert-icon, error-icon, message-icon, question-icon examples <image src='firefoxlogo.png' width='135' height='130'/> attributes onerror type: script code this event is sent to an image element when an error occurs loading the image.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname...
listcell - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a single cell of a listbox.
... attributes crop, disabled, image, label, type
properties disabled style classes listcell-iconic, examples (example needed) 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.
...
properties disabled type: boolean gets and sets the value of the disabled attribute.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, g...
listhead - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a header row of a listbox.
... attributes disabled
properties acesssibletype, disabled examples (example needed) attributes disabled type: boolean indicates whether the element is disabled or not.
...ources, 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.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyatt...
listheader - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a header for a single column in a listbox.
... attributes disabled
properties acesssibletype examples <listbox> <listhead> <listheader label="name"/> <listheader label="occupation"/> </listhead> <listitem> <listcell label="george"/> <listcell label="house painter"/> </listitem> <listitem> <listcell label="mary ellen"/> <listcell label="candle maker"/> </listitem> <listitem> <listcell label="roger"/> <listcell label="swashbuckler"/> </listitem> </listbox> attributes disabled type: boolean indicates whether the element is disabled or not.
...ources, 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.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, g...
menubar - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container that usually contains menu elements.
... attributes grippyhidden, statusbar
properties accessibletype, statusbar examples <menubar id="sample-menubar"> <menu id="action-menu" label="action"> <menupopup id="action-popup"> <menuitem label="new"/> <menuitem label="save" disabled="true"/> <menuitem label="close"/> <menuseparator/> <menuitem label="quit"/> </menupopup> </menu> <menu id="edit-menu" label="edit"> <menupopup id="edit-popup"> <menuitem label="undo"/> <menuitem label=...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattri...
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 a...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... 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 meth...
menupopup - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container used to display the contents of a popup menu.
... attributes ignorekeys, left, onpopuphidden, onpopuphiding, onpopupshowing, onpopupshown, position, top
properties accessibletype, anchornode, popupboxobject, position, state, triggernode methods hidepopup, moveto, openpopup, openpopupatscreen, setconsumerollupevent, showpopup, sizeto examples the following example shows how a menupopup may be attached to a menulist.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... to have a popup appear relative to another element yet still offset by some number of pixels, determine the actual screen position of the element using the boxobject.screenx and boxobject.screeny
properties of the element, and use those as the x and y arguments offset by the desired values.
progressmeter - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a meter which can be used to display the progress of a lengthy operation.
... attributes max, mode, value
properties accessibletype, max, mode, value examples <progressmeter mode="determined" value="82"/> <progressmeter mode="undetermined"/> <!-- switching modes while the mouse is over a button --> <progressmeter mode="determined" id="myprogress"/> <button label="example" onmouseover="setloading(true)" onmouseout="setloading(false)"/> function setloading(state){ document.getelementbyid('myprogress').mode = (state) ?
...ources, 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.
... 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 meth...
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, sortresour...
...ce2, 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.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, get...
<statusbarpanel> - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] firefox 4 note the status bar has been removed.
... attributes crop, image, label
properties image, label style classes statusbarpanel-iconic, statusbarpanel-iconic-text, statusbarpanel-menu-iconic examples <statusbar> <statusbarpanel label="left panel"/> <spacer flex="1"/> <progressmeter mode="determined" value="82"/> <statusbarpanel label="right panel"/> </statusbar> attributes crop type: one of the values below if the label of the element is too b...
...
properties image type: image url gets and sets the value of the image attribute.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, ...
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.
...for example, the following defines two
properties: message.displayerror=an error occured trying to display this message message.namealreadyused=the name %s is already being used by another account.
... 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.
...ources, 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 applocale obsolete since gecko 1.9.1 type: nsilocale returns the xpcom object which holds information about the user's locale.
timepicker - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] the timepicker is used to allow the user to enter a time.
...in addition, the hour, minute and second
properties may be used to retrieve and modify each component of the time separately.
... attributes disabled, hideseconds, increment, readonly, tabindex, value
properties amindicator, datevalue, disabled, hideseconds, hour, hourleadingzero, increment, is24hourclock, ispm, minute, minuteleadingzero, pmindicator, readonly, second, secondleadingzero, tabindex, value examples <timepicker value="12:05"/> attributes disabled type: boolean indicates whether the element is disabled or not.
...
properties amindicator type: string the string value displayed for hours between midnight and noon, defaulting to am.
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, ...
...style, template, tooltip, tooltiptext, top, uri, wait-cursor, width
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getu...
tooltip - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is used for the tooltip popups.
... attributes crop, default, label, noautohide, onpopuphidden, onpopuphiding, onpopupshowing, onpopupshown, page, position
properties accessibletype, label, popupboxobject, position, state methods hidepopup, moveto, openpopup, openpopupatscreen, showpopup, sizeto examples <tooltip id="moretip" orient="vertical" style="background-color: #33dd00;"> <label value="click here to see more information"/> <label value="really!" style="color: red;"/> </tooltip> <vbox> <button label="simple" tooltiptext="a simple popup"/> <button label="more" tooltip="moretip"/> </vbox> attributes crop...
... for more details, including examples, please see popup positioning
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... to have a popup appear relative to another element yet still offset by some number of pixels, determine the actual screen position of the element using the boxobject.screenx and boxobject.screeny
properties of the element, and use those as the x and y arguments offset by the desired values.
treecell - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a single cell in a tree.
... attributes editable, label, mode,
properties, ref, src, value attributes editable type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
...
properties type: space-separated list of property names sets the
properties of the element, which can be used to style the element.
...
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 m...
treecol - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a column of a tree.
... attributes crop, cycler, dragging, editable, fixed, hidden, hideheader, ignoreincolumnpicker, label, primary, sort, sortactive, sortdirection, src, type, width
properties accessibletype style classes treecol-image examples this example shows a checkbox in the first column, requires the style below.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, ge...
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.
...ources, 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.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, g...
wizardpage - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element defines a page in a wizard.
... attributes description, label, next, pageid
properties next, pageid attributes description type: string descriptive text to appear in addition to the dialog title.
...
properties next type: string wizardpage id set to the pageid of the next page after this one.
... 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 ...
XULRunner tips - Archive of obsolete content
nsions.update.enabled", true); pref("extensions.update.interval", 86400); pref("extensions.dss.enabled", false); pref("extensions.dss.switchpending", false); pref("extensions.ignoremtimechanges", false); pref("extensions.logging.enabled", false); pref("general.skins.selectedskin", "classic/1.0"); // nb these point at amo pref("extensions.update.url", "chrome://mozapps/locale/extensions/extensions.
properties"); pref("extensions.getmoreextensionsurl", "chrome://mozapps/locale/extensions/extensions.
properties"); pref("extensions.getmorethemesurl", "chrome://mozapps/locale/extensions/extensions.
properties"); if your application is based on gecko 2.0, you need to register a component through the new component registration because the extension manager uses fuel, namely application.restart(), to restart...
...some xulrunner components (in particular, the extension manager) depend on branding, in the sense that they expect to find certain strings in chrome://branding/locale/brand.dtd and chrome://branding/locale/brand.
properties.
... in order to satisfy these dependencies, you can save firefox's brand.dtd/brand.
properties to chrome/locale/branding folder, modify them appropriately, and register a locale provider for branding by adding the following line to your chrome manifest: locale branding en-us chrome/locale/branding/ the location you put the branding files in doesn't matter, as long as you register it appropriately in the manifest.
...e); pref("browser.download.manager.flashcount", 2); // pref("alerts.slideincrement", 1); pref("alerts.slideincrementtime", 10); pref("alerts.totalopentime", 4000); pref("alerts.height", 50); if you are missing preferences that a dialog requires, you will get the following errors: component returned failure code: 0x8000ffff (ns_error_unexpected) [nsiprefbranch.getboolpref] error: dialog has no
properties source file: chrome://mozapps/content/downloads/u...ontenttype.xul line: 1 enabling password manager these preferences seem to be the default in firefox, however, they are missing in xulrunner.
nsIContentPolicy - Archive of obsolete content
query any dom
properties that depend on layout (e.g., offset*
properties).
... query any dom
properties that depend on style (e.g., computed style).
... query any dom
properties that depend on the current state of the dom outside the "context" node (e.g., lengths of node lists).
... [javascript implementations only] access
properties of any sort on any object without using xpcnativewrapper (either explicitly or implicitly).
NPN_Enumerate - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary gets the names of the
properties and methods of the specified npobject.
... npobj the object of which the
properties and methods are to be retrieved.
... identifiers a pointer to receive a pointer to the start of an array of string identifiers of the names of the
properties and methods of npobj.
... returns true if the names of the
properties and methods were successfully retrieved, otherwise false.
Browser Detection and Cross Browser Support - Archive of obsolete content
in addition to navigator.useragent other
properties such as appname and appversion were available in the navigator object which could be used in browser vendor/version detection strategies.
...see the dom client object cross-reference for more details on which internet explorer's objects and
properties are supported by which version of gecko.
... note: for client side detection, we recommend using the navigator object and it's
properties.
... navigator 4 elm = document.layers[id]; } if (!elm) { // browser not supported or element not found } else if (elm.style) { // browser implements part of w3c dom style // gecko, internet explorer 4+, opera 5+ if (typeof(elm.style.left) == 'number') { // opera 5/6 do not implement the standard correctly // and assume that elm.style.left and similar
properties // are numbers.
Iterator - Archive of obsolete content
the iterator function returns an object which implements legacy iterator protocol and iterates over enumerable
properties of an object.
... syntax iterator(object, [keyonly]) parameters object object to iterate over
properties.
...
properties iterator.prototype[@@iterator] returns a function that returns iterator object.
... examples iterating over
properties of an object var a = { x: 10, y: 20, }; var iter = iterator(a); console.log(iter.next()); // ["x", 10] console.log(iter.next()); // ["y", 20] console.log(iter.next()); // throws stopiteration iterating over
properties of an object with legacy destructuring for-in statement var a = { x: 10, y: 20, }; for (var [name, value] in iterator(a)) { console.log(name, value); // x 10 // y 20 } iterating with for-of var a = { x: 10, y: 20, }; for (var [name, value] of iterator(a)) { // @@iterator is used console.log(name, value); // x 10 ...
Efficient animation for web games - Game development
in this vein, it is worth trying to stick to animating only transform and opacity
properties.
... though some browsers make some effort for other
properties to be animated quickly, these are pretty much the only ones semi-guaranteed to be fast across all browsers.
...you must keep track of time and set your animation
properties based on elapsed time.
...it includes a handful of built-in tweening functions, the facility to add your own, and helper functions for animating object
properties.
What is CSS? - Learn web development
css
properties have different allowable values, depending on which property is being specified.
...the individual property pages on mdn give you a quick way to look up
properties and their values when you forget, or want to know what else you can use as a value.
...for example, you could take a look at the mdn reference to the backgrounds and borders module to find out what its purpose is, and what different
properties and other features it contains.
... for a specific example, let's go back to the backgrounds and borders module — you might think that it makes logical sense for the background-color and border-color
properties to be defined in this module.
CSS basics - Learn web development
it specifies which of the element's
properties you want to style.
...
properties these are ways in which you can style an html element.
... (in this example, color is a property of the <p> elements.) in css, you choose which
properties you want to affect in the rule.
...each box taking up space on your page has
properties like: padding, the space around the content.
Introduction to web APIs - Learn web development
they are based on objects your code interacts with apis using one or more javascript objects, which serve as containers for the data the api uses (contained in object
properties), and the functionality the api makes available (contained in object methods).
...the most obvious ones are: audiocontext, which represents an audio graph that can be used to manipulate audio playing inside the browser, and has a number of methods and
properties available to manipulate that audio.
...its context object is created by getting a reference to the <canvas> element you want to draw on, and then calling its htmlcanvaselement.getcontext() method: const canvas = document.queryselector('canvas'); const ctx = canvas.getcontext('2d'); anything that we want to do to the canvas is then achieved by calling
properties and methods of the context object (which is an instance of canvasrenderingcontext2d), for example: ball.prototype.draw = function() { ctx.beginpath(); ctx.fillstyle = this.color; ctx.arc(this.x, this.y, this.size, 0, 2 * math.pi); ctx.fill(); }; note: you can see this code in action in our bouncing balls demo (see it running live also).
...the handler
properties that allow us to run functions when events fire are generally listed in our reference material in separate "event handlers" sections.
Object building practice - Learn web development
next, we set constants called width and height, and the width and height of the canvas element (represented by the canvas.width and canvas.height
properties) to equal the width and height of the browser viewport (the area that the webpage appears on — this can be gotten from the window.innerwidth and window.innerheight
properties).
... function ball(x, y, velx, vely, color, size) { this.x = x; this.y = y; this.velx = velx; this.vely = vely; this.color = color; this.size = size; } here we include some parameters that define the
properties each ball needs in order to function in our program: x and y coordinates — the horizontal and vertical coordinates where the ball starts on the screen.
... this handles the
properties, but what about the methods?
...its parameters are: the x and y position of the arc's center — we are specifying the ball's x and y
properties.
CSS performance optimization - Learn web development
animating on the gpu browsers are optimized to handle css animations, and handle animating
properties that do not trigger a reflow (and therefore also a repaint) very well.
...
properties that will lead to compositing include 3d transforms (transform: translatez(), rotate3d(), etc.), animating transform and opacity, position: fixed, will-change, and filter.
...when an element is promoted as a layer, also known as composited, animating transform
properties is done in the gpu, resulting in improved performance, especially on mobile.
... will-change property the css will-change property tells browsers which
properties of an element are expected to change enabling browsers to set up optimizations before the element is actually changed, improving performance by doing potentially expensive work before it is required.
TypeScript support in Svelte - Learn web development
that means it's not a complete todo — it only has a subset of a todo's
properties.
... we'll use it in the update() function — update yours like so: function update(updatedtodo: partial<todotype>) { todo = { ...todo, ...updatedtodo } // applies modifications to todo dispatch('update', todo) // emit update event } with this we are telling typescript that the updatedtodo variable will hold a subset of the todotype
properties.
...in this case we are also making use of recursive types, to specify that a jsonvalue can have an array of jsonvalue, and also an object with
properties of type jsonvalue.
... interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed
properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in sv...
Creating our first Vue component - Learn web development
inside this object, add two
properties with the keys label and done.
... the label key's value should be an object with 2
properties (or props, as they are called in the context of being available to the components).
... you use this to access a component's props and other
properties from inside data, as you may expect.
... interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed
properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in sv...
Handling common HTML and CSS problems - Learn web development
one service that can do this is the w3c markup validation service, which allows you to point to your code, and returns a list of errors: css has a similar story — you need to check that your property names are spelled correctly, property values are spelled correctly and are valid for the
properties they are used on, you are not missing any curly braces, and so on.
...this actually happens so much that other browsers have started to implement -webkit- prefixed versions of various css
properties, so they will work with such code.
...the element, for example try typing these into the javascript console: test.style.transform = 'rotate(90deg)' test.style.webkittransform = 'rotate(90deg)' as you start to type the property name representation after the second dot (note that in javascript, css property names are written in lower camel case, not hyphenated), the javascript console should begin to autocomplete the names of the
properties that exist in the browser and match what you've written so far.
...if layout
properties are ignored, your entire design will likely fall to pieces.
Accessibility/LiveRegionDevGuide
for more information about live regions, please read the aria
properties spec or the live region report to learn about aria live region markup and the live region api support document for the latest firefox api with regards to live regions.
...it is responsible for queuing messages derived from live region events, where priority is determined by chronological order and the live politeness
properties.
... filtering user actions this paragraph describes object
properties and event naming schemes that are used to help an at determine if an event is an actual live region event or is the result of user action.
... live
properties this table describe the object attributes associated with a live region event.
The Firefox codebase: CSS Guidelines
note: see css logical
properties and values for more information.
...to determine whether some css is theme-side or content-side, it is useful to know that certain css
properties are going to lean one way or the other: color - 99% of the time it will be theme css, overflow - 99% content.
...this is especially useful in conjunction with icons using -moz-context-
properties: fill; where the icon can adjust to the right platform color automatically from the text color.
... it is also possible to use currentcolor with other
properties like opacity or fill-opacity to have different opacities of the platform color.
Multiple Firefox profiles
to do this: right-click the icon and choose "
properties".
... when the
properties dialog box pops up, you should see a "target" text field that you can edit, and it should show the current file path.
...to do this: right-click the icon and choose "
properties".
... when the
properties dialog box pops up, you should see a "target" text field that you can edit, and it should show the current file path.
mozbrowsercaretstatechanged
general info specification non standard interface customevent bubbles yes cancelable yes target <iframe> default action none
properties property type description target read only eventtarget the browser iframe type read only domstring the type of event.
... details the details property returns an anonymous javascript object with the following
properties: rect an object that defines information about the bounding rectangle of the current selection.
... its
properties are width: the width of the bounding rectangle, in css pixels.
...its
properties are canselectall: a boolean indicating whether the selectall command is available (true) or not (false.) cancut: a boolean indicating whether the cut command is available (true) or not (false.) cancopy: a boolean indicating whether the copy command is available (true) or not (false.) canpaste: a boolean indicating whether the paste command is available (true) or not (false.) reason...
mozbrowsercontextmenu
general info specification non standard interface customevent bubbles yes cancelable yes target <iframe> default action none
properties property type description target read only eventtarget the browser iframe type read only domstring the type of event.
... details the details property returns an anonymous javascript object with the following
properties: clientx the x value of the coordinate that was clicked inside the browser <iframe>'s viewport.
...its
properties are as follows: documenturi a domstring representing the url of the document the menu is associated with.
...its
properties are as follows: type a domstring representing the type of context menu displayed.
mozbrowserselectionstatechanged
general info specification non standard interface customevent bubbles yes cancelable yes target <iframe> default action none
properties property type description target read only eventtarget the browser iframe type read only domstring the type of event.
... details the details property returns an anonymous javascript object with the following
properties: rect an object that represents the bounding rectangle of the selection.
... its
properties are: width: the width of the selection, in css pixels.
...its
properties are: canselectall: a boolean indicating whether the select all command can be issued (true) or not (false).
API-provided widgets
to create a widget, you should pass a specification object with its desired
properties.
... this document details the available
properties.
...
properties property description id the id of the widget (required).
...this is only used to display the shortcut as part of the tooltip for builtin widgets (which have strings inside customizablewidgets.
properties).
PopupNotifications.jsm
method overview void locationchange(); notification getnotification(id, browser); void remove(notification); notification show(browser, id, message, anchorid, mainaction, secondaryactions, options);
properties attribute type description ispanelopen boolean returns true if the notification panel is currently visible, false if it is not.
... options a javascript object containing optional
properties for the notification.
... a notification action object must contain the following
properties: label a text label describing the action.
...any combination of the following
properties may be provided: persistence an integer value indicating the number of page loads for which the notification will persist; once this many page loads have occurred, the notification may dismiss automatically.
SourceMap.jsm
the only argument is an object with the following
properties: line: the line number in the generated source.
... and an object is returned with the following
properties: source: the original source file, or null if this information is not available.
... new sourcemapgenerator(startofsourcemap) to create a new one, you must pass an object with the following
properties: file: the filename of the generated source that this source map is associated with.
...the mapping object should have the following
properties: generated: an object with the generated line and column positions.
WebRequest.jsm
usage to import webrequest, use code like: let {webrequest} = cu.import("resource://gre/modules/webrequest.jsm", {}); the webrequest object has the following
properties, each of which corresponds to a specific stage in executing a web request: onbeforerequest onbeforesendheaders onsendheaders onheadersreceived onresponsestarted oncompleted each of these objects defines two functions: addlistener(callback, filter, opt_extrainfospec) removelistener(callback) adding listeners use addlistener to add a listener to a particular event.
... filter is an object that may contain up to two
properties: urls and types.
...it also documents two data structures that vary from one event to another: the opt_extrainfospec argument to addlistener() the
properties of the argument passed to the listener.
... the following types are supported: "main_frame" "sub_frame" "stylesheet" "script" "image" "object" "xmlhttprequest" http headers https headers are represented as objects with two
properties, name and value: name type description name string header name, for example "content-type" value string header value, for example "image/png" chrome incompatibilities although this api is modeled on chrome's webrequest extension api, there are some differences.
Localization content best practices
-->
properties files # localization note(privacy-text): {{privacy}} will be replaced at run-time by an # active link.
... remove unused strings if you're removing features, don't leave around unused strings in the .
properties file.
... create localizable ui css issues some css text/font
properties may cause problems with text legibility when applied to certain language texts.
... gecko and mozilla-central first, make sure that there are no hard-coded strings, and all strings are available in localization files (.dtd, .
properties).
Localizing with Mozilla Translator
the directory structure will look like this: (ab-cd jar root) locale |-- branding | |-- brand.dtd | `-- brand.
properties |-- browser | |-- aboutdialog.dtd .
... |-- browser-region | `-- region.
properties `-- ab-cd |-- alerts | `-- notificationnames.
properties |-- autoconfig | `-- autoconfig.
properties |-- cookie | |-- cookieacceptdialog.dtd | `-- cookieacceptdialog.
properties |-- global | |-- about.dtd | |-- apppicker.dtd .
... but in the cvs and mozilla-central repositories the locale part looks like this: toolkit |-- locales | |-- en-us | | |-- chrome | | | |-- alerts | | | | `-- notificationnames.
properties | | | |-- autoconfig | | | | `-- autoconfig.
properties | | | |-- cookie | | | | |-- cookieacceptdialog.dtd | | | | `-- cookieacceptdialog.
properties | | | |-- global | | | | |-- about.dtd | | | | |-- apppicker.dtd .
... browser |-- locales | |-- en-us | | |-- readme.txt | | |-- chrome | | | |-- branding | | | | |-- brand.dtd | | | | `-- brand.
properties | | | |-- browser | | | | |-- aboutdialog.dtd as you see, there is ''link'' point, usually at chrome (in cvs & mozilla-central), sometimes in a deeper point.
Using the viewport meta tag to control layout on mobile browsers
the maximum-scale, minimum-scale, and user-scalable
properties control how users are allowed to zoom the page in or out.
...to get sharper images on these screens, web developers may want to design images – or whole layouts – at a higher scale than their final size and then scale them down using css or viewport
properties.
...these
properties affect the initial scale and width, as well as limiting changes in zoom level.
...it would be good to have a true standard for web pages to control viewport
properties.
Mozilla Style System
the style system is the module of mozilla's code responsible for the loading and parsing of css style sheets, and the computation of computed values for all css
properties.
...the style contexts then provide the api for computed style data by allowing retrieval of a set of style structs, each of which contains the computed values of a set of css
properties.
... style structs the style structs are a set of structs, each of which holds computed values a group of
properties.
... the grouping of
properties into structs follows two rules: any
properties in the same style struct must also be in the same css struct all of the
properties in a style struct must be inherited or they must all be non-inherited (see inheritance for an explanation of the difference) the first of these rules is no longer important (in fact, the separation of the specified values into nscss* structs is no longer important).
Rhino Debugger
each pane contains a tree-table which displays the
properties of the current object and currently visible local variables, respectively.
... this the
properties of the current object are displayed in the this table.
... if a property is itself a javascript object the property may be expanded to show its sub-
properties.
...if a variable is itself a javascript object the variable may be expanded to show its sub-
properties.
Rhino shell
predefined
properties scripts executing in the shell have access to some additional
properties of the top-level object.
... the following
properties of the option object are processed: args - provides an array of additional command arguments env - explicit environment object.
... all its enumeratable
properties define the corresponding environment variable names.
... seal(object) seal the specified object so any attempt to add, delete or modify its
properties would throw an exception.
JIT Optimization Outcomes
unknown
properties optimization failed because the object containing the property was marked as having unknown
properties.
... this can happen if too many
properties are defined on the object, or if delete is used to remove one of the object's
properties.
...this can occur if one of the expected types of objects to be used in this operation has unknown
properties, or if different instances of the object store the property at different locations (for example, some instances have the property assigned in a different order than others).
... protoindexedprops the object being accessed has indexed
properties that are exotic (for example, defined as a property on a prototype object and left as a hole in the underlying object).
JSAPI Cookbook
// javascript throw exc; /* jsapi */ js_setpendingexception(cx, exc); return false; when js_reporterror creates a new error object, it sets the filename and linenumber
properties to the line of javascript code currently at the top of the stack.
...*/ savedstate.drop(); return false; } return success; object
properties getting a property // javascript var x = y.myprop; the jsapi function that does this is js_getproperty.
... jsapi */ bool found; assert(y.isobject()); js::rootedobject yobj(cx, &y.toobject()); if (!js_hasproperty(cx, yobj, "myprop", &found)) return false; if (found) { // then do something } defining a constant property this is the first of three examples involving the built-in function object.defineproperty(), which gives javascript code fine-grained control over the behavior of individual
properties of any object.
... /* jsapi */ if (!js_defineproperty(cx, obj, "prop", int_to_jsval(123), js_propertystub, js_strictpropertystub, jsprop_readonly | jsprop_enumerate | jsprop_permanent)) { return false; } defining a property with a getter and setter object.defineproperty() can be used to define
properties in terms of two accessor functions.
JSClass
a c/c++ program can use a jsclass with the js_initclass and js_newobject apis to create objects that have custom methods and
properties implemented in c/c++.
... enumerate jsenumerateop method for enumerating object
properties.
... resolve jsresolveop hook for implementing lazy
properties.
...= { "robot", /* name */ 0 /* flags */ }; /* spidermonkey 31 or older */ static jsclass robot_class = { "robot", /* name */ 0, /* flags */ js_propertystub, js_propertystub, js_propertystub, js_propertystub, js_enumeratestub, js_resolvestub, js_convertstub, null, jsclass_no_optional_members }; to expose this class to scripts, and to attach methods and
properties to it, use js_initclass.
JSResolveOp
obj js::handleobject pointer to the object whose
properties are being accessed.
...lazy
properties are those reflected from some peer native property space (e.g., the dom attributes for a given node reflected as obj) on demand.
... note: jsnewresolveop provides a cheaper way to resolve lazy
properties.
...it can be used to implement lazy
properties.
JS_AlreadyHasOwnProperty
for native objects—objects whose
properties are stored in the default data structure provided by spidermonkey—these functions simply check that data structure to see if the specified field is present.
... the object's jsclass.resolve hook is not called, so lazily defined
properties are not found.
... (this is the only api that can directly detect that a lazily resolved property has not yet been resolved.) shared, permanent, delegated
properties are not found.
... (such
properties are an implementation detail of spidermonkey.
JS_ClearNonGlobalObject
this article covers features introduced in spidermonkey 24 remove all
properties associated with an object.
... obj jsobject * object from which to delete all
properties.
... description js_clearnonglobalobject removes all of obj's own
properties, except the special __proto__ and __parent__
properties, in a single operation.
...
properties belonging to objects on obj's prototype chain are not affected.
JS_ClearScope
remove all
properties associated with an object.
... obj jsobject * object from which to delete all
properties.
... description js_clearscope removes all of obj's own
properties, except the special __proto__ and __parent__
properties, in a single operation.
...
properties belonging to objects on obj's prototype chain are not affected.
JS_InitStandardClasses
description js_initstandardclasses initializes the built-in javascript global
properties.
... these include all the standard ecmascript global
properties defined in ecma 262-3 §15.1: array, boolean, date, decodeuri, decodeuricomponent, encodeuri, encodeuricomponent, error, eval, evalerror, function, infinity, isnan, isfinite, math, nan, number, object, parseint, parsefloat, rangeerror, referenceerror, regexp, string, syntaxerror, typeerror, undefined, and urierror as well as a few spidermonkey-specific globals, depending on compile-time options: escape, unescape, uneval, internalerror, script, xml, namespace, qname, file, generator, iterator, and stopiteration, as of spidermonkey 1.7.
... these global objects, functions, constructors, and constants are created as
properties of obj.
...this means that scripts executed in cx will see the
properties of obj as global variables.
Property attributes
this is usually the right thing for
properties that have getters or setters.
...obsolete since jsapi 39 this flag has an additional special meaning when used with js_defineproperty, js_fs, and other apis that define
properties: it means that the name parameter is actually an integer unsafely cast to a pointer type, not a string.
...added in spidermonkey 38 mxr id search for jsprop_redefine_nonconfigurable jsprop_resolving resolve hooks and enumerate hooks must pass this flag when calling js_define* apis to reify lazily-defined
properties.
... for enumerate hooks, triggering the resolve hook would be merely silly, not fatal, except in some cases involving non-configurable
properties.
XPCOM changes in Gecko 2.0
if your add-on depends upon xbl bindings attached to content objects—for example, the ability to call functions or get and set
properties created by the xbl binding—you will need to use the xpcnativewrapper property wrappedjsobject to access wrapped objects.
... if you need to be able to call functions or access
properties defined by web content, you'll need to do this as well.
...if, on the other hand, all you're doing with content is accessing dom methods and
properties, you've never needed to be using xpcnativewrappers=no in the first place, and should simply remove it from your manifest.
... miscellaneous xpcnativewrapper changes using the delete operator on "expando"
properties of an xpcnativewrapper no longer throws a security exception.
nsDirectoryService
class id f00152d0-b40b-11d3-8c9c-000064657374 contractid @mozilla.org/file/directory_service;1 supported interfaces nsi
properties nsidirectoryservice remarks this component is a singleton and should therefore be accessed via the xpcom service manager.
... example code #include "nsxpcom.h" #include "nscomptr.h" #include "nsdirectoryservicedefs.h" #include "nsiservicemanager.h" #include "nsi
properties.h" /** * get the location of the system's "temp" directory.
... */ nsresult gettempdir(nsifile **aresult) { nsresult rv; nscomptr<nsiservicemanager> svcmgr; rv = ns_getservicemanager(getter_addrefs(svcmgr)); if (ns_failed(rv)) return rv; nscomptr<nsi
properties> directory; rv = svcmgr->getservicebycontractid("@mozilla.org/file/directory_service;1", ns_get_iid(nsi
properties), getter_addrefs(directory)); if (ns_failed(rv)) return rv; rv = directory->get(ns_os_temp_dir, ns_get_iid(nsifile), aresult); return rv; } note that ns_os_temp_dir is defined in nsdirectoryservicedefs.h along with a number of other directory service keys.
... see also using nsidirectoryservice nsi
properties.get() nsidirectoryserviceprovider ...
nsILoginManagerStorage
gecko 1.9.1 note default values for the nsiloginmetainfo
properties are created if the specified login doesn't explicitly specify them.
...if newlogindata is specified as an nsilogininfo object, all of the old login's
properties are changed to the values from the newlogindata parameter.
... if newlogindata is a nsipropertybag, only the
properties specified in the nsipropertybag are changed in oldlogin and its corresponding nsiloginmetainfo.
... gecko 1.9.1 note the values of any nsiloginmetainfo
properties are ignored.
nsIStringBundleService
service); method overview nsistringbundle createbundle(in string aurlspec); nsistringbundle createextensiblebundle(in string aregistrykey); void flushbundles(); wstring formatstatusmessage(in nsresult astatus, in wstring astatusarg); methods createbundle() nsistringbundle createbundle( in string aurlspec ); parameters aurlspec the url of the
properties file to load.
...chrome://global/locale/global.
properties return value a string bundle corresponding to the
properties file.
... createextensiblebundle() nsistringbundle createextensiblebundle( in string aregistrykey ); parameters aregistrykey the name of the category under which the
properties file(s) have been registered.
... return value an extensible bundle corresponding to the
properties file(s).
Mail and RDF
there are of course many more
properties that are exposed via rdf, but this should give you a feel for it.
...it also answers queries about various
properties of folders such as the total number of messages, whether or not this folder is actually a root server, and so forth.
...all rdf
properties of a message currently come from the database that backs the containing folder.
...when a folder's contents or
properties change, it tells the mail session to notify the folder listeners that the data has changed.
ArrayType
properties property type description elementtype ctype the data type of the elements in an array type.
...
properties inherited from ctype these
properties are available on all ctype objects.
... arraytype cdata
properties property type description length number the length of the array.
...
properties inherited from cdata property type description constructor ctype the data type of the cdata object, as a ctype.
PointerType
examples creating a type "pointer to 32-bit integer" looks like this: var intptrtype = new ctypes.pointertype(ctypes.int32_t);
properties property type description targettype ctype the type of object the pointer points to.
...
properties inherited from ctype these
properties are available on all ctype objects.
... pointertype cdata
properties property type description contents cdata reading this property returns a cdata object referring to the pointed-to contents of the object.
...
properties inherited from cdata property type description constructor ctype the data type of the cdata object, as a ctype.
StructType
a complete field descriptor list might look like this: [ {'serialnumber': ctypes.int}, {'username': ctypes.char.ptr} ]
properties property type description fields ctype[] a sealed array of field descriptors.
...
properties inherited from ctype these
properties are available on all ctype objects.
... structtype cdata
properties every struct object has a getter and a setter for each member field of the structure.
...
properties inherited from cdata property type description constructor ctype the data type of the cdata object, as a ctype.
Edit fonts - Firefox Developer Tools
variable font support in firefox developer tools firefox 62 added support for variable fonts and firefox 63 features support for editing the
properties of variable fonts in the font editor.
... note: font characteristics set using font-variation-settings will always override those set using the corresponding basic font
properties, e.g.
... here are the registered axes along with their corresponding css
properties: axis tag css property "wght" font-weight "wdth" font-stretch "slnt" (slant) font-style: oblique + angle "ital" font-style: italic "opsz" font-optical-sizing any axis that is not on the list of registered axes is considered a custom axis.
... custom axes do not have corresponding css font
properties.
Attr - Web APIs
l="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">attr</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: starting in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4), a number of deprecated
properties and methods output warning messages to the console.
...see deprecated
properties and methods for a complete list.
...
properties name read only the attribute's name.
... deprecated
properties and methods the following
properties have been deprecated.
AudioListener - Web APIs
properties the position, forward, and up value are set and retrieved using different syntaxes.
... in a previous version of the specification, the dopplerfactor and speedofsound
properties and the setposition() method could be used to control the doppler effect applied to audiobuffersourcenodes connected downstream — these would be pitched up and down according to the relative speed of the pannernode and the audiolistener.
... because of these issues, these
properties and methods have been removed.
...if it supports those, or older methods (like audiolistener.setorientation()) if it still supports those but not the new
properties.
CSSUnparsedValue - Web APIs
the cssunparsedvalue interface of the css typed object model api represents property values that reference custom
properties.
... custom
properties are represented by cssunparsedvalue and var() references are represented using cssvariablereferencevalue.
...
properties cssunparsedvalue.length returns the number of items in the cssunparsedvalue object.
... methods cssunparsedvalue.entries() returns an array of a given object's own enumerable property [key, value] pairs in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates
properties in the prototype chain as well).
CanvasRenderingContext2D - Web APIs
see the interface's
properties and methods in the sidebar and below.
...see also the textmetrics object for text
properties.
... line styles the following methods and
properties control how lines are drawn.
... text styles the following
properties control how text is laid out.
DOMPoint.fromPoint() - Web APIs
although this interface is based on dompointreadonly, it is not read-only; the
properties within may be changed at will.
... syntax var point = dompoint.frompoint(sourcepoint);
properties sourcepoint a dompointinit-compliant object, which includes both dompoint and dompointreadonly, from which to take the values of the new point's
properties.
...the point's
properties are mutable and may be changed at any time.
...the z and w
properties are allowed to keep their default values (0 and 1 respectively).
Introduction to the DOM - Web APIs
alert(paragraphs[0].nodename); all of the
properties, methods, and events available for manipulating and creating web pages are organized into objects (for example, the document object that represents the document itself, the table object that implements the special htmltableelement dom interface for accessing html tables, and so forth).
...the idea is not to describe what these apis do here but to give you an idea of the sorts of methods and
properties you will see very often as you use the dom.
...element inherits from the generic node interface, and together these two interfaces provide many of the methods and
properties you use on individual elements.
... value="blue">blue</option> <option value="green">green</option> </select> <small> <a href="http://some.website.tld/page.html" id="sample"> (sample link) </a> </small><br /> <input type="button" value="version" onclick="ver()" /> </form> </div> </body> </html> to test a lot of interfaces in a single page—for example, a "suite" of
properties that affect the colors of a web page—you can create a similar test page with a whole console of buttons, textfields, and other html elements.
EffectTiming - Web APIs
the effecttiming dictionary, part of the web animations api, is used by element.animate(), keyframeeffectreadonly(), and keyframeeffect() to describe timing
properties for animation effects.
... these
properties are all optional, although without setting a duration the animation will not play.
... simply put, these
properties describe how the user agent should go about making the transition from keyframe to keyframe, and how to behave when the animation begins and ends.
...
properties delay optional the number of milliseconds to delay the start of the animation.
Fullscreen API - Web APIs
instead, it augments several other interfaces to add the methods,
properties, and event handlers needed to provide full-screen functionality.
...
properties the document interface provides
properties that can be used to determine if full-screen mode is supported and available, and if full-screen mode is currently active, which element is using the screen.
... note: these event handler
properties are not available as html content attributes.
... obsolete
properties document.fullscreen a boolean value which is true if the document has an element currently being displayed in full-screen mode; otherwise, this returns false.
HTMLAudioElement - Web APIs
the htmlaudioelement interface provides access to the
properties of <audio> elements, as well as methods to manipulate them.
... it's based on, and inherits
properties and methods from, the htmlmediaelement interface.
...
properties no specific
properties; inherits
properties from its parent, htmlmediaelement, and from htmlelement.
... some of the more commonly used
properties of the audio element include src, currenttime, duration, paused, muted, and volume.
HTMLImageElement.border - Web APIs
the border property or its longhand
properties to not only set the thickness of the border but to potentially apply a wide variety of other styling options to it.
... the width, specifically, is controlled using the writing-mode aware border-block-start-width, border-block-end-width, border-inline-start-width, and border-inline-end-width
properties.
... for compatibility (or perhaps other) reasons, you can use the older
properties instead (or in addition): border-top-width, border-right-width, border-bottom-width, and border-left-width.
...instead, use the css border property and its longhand
properties to establish borders around images.
HTMLObjectElement - Web APIs
the htmlobjectelement interface provides special
properties and methods (beyond those on the htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of <object> element, representing external resources.
...cs/web/api/htmlobjectelement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlobjectelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... the following
properties are now obsolete: align, archive, border, code, codebase, codetype, declare, hspace, standby, and vspace.
... the following
properties have been added: typemustmatch, contentwindow, willvalidate, validity, and validationmessage.
HTMLScriptElement - Web APIs
html <script> elements expose the htmlscriptelement interface, which provides special
properties and methods for manipulating the behavior and execution of <script> elements (beyond the inherited htmlelement interface).
...cs/web/api/htmlscriptelement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
...for more details, see the defer and async
properties.
... recommendation the following
properties are now obsolete: htmlfor,.
HTMLStyleElement - Web APIs
it inherits
properties and methods from its parent, htmlelement, and from linkstyle.
...to manipulate css, see using dynamic styling information for an overview of the objects used to manipulate specified css
properties using the dom.
...docs/web/api/htmlstyleelement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement, and implements linkstyle.
... methods no specific method; inherits
properties from its parent, htmlelement, and linkstyle.
HTMLVideoElement - Web APIs
the htmlvideoelement interface provides special
properties and methods for manipulating video objects.
... it also inherits
properties and methods of htmlmediaelement and htmlelement.
...docs/web/api/htmlvideoelement" target="_top"><rect x="131" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="211" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlvideoelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its ancestor interfaces, htmlmediaelement, and htmlelement.
... gecko-specific
properties htmlvideoelement.mozparsedframes read only returns an unsigned long with the count of video frames that have been parsed from the media resource.
Basic concepts - Web APIs
the values can be complex structured objects, and keys can be
properties of those objects.
...they have onsuccess and onerror
properties, and you can call addeventlistener() and removeeventlistener() on them.
... they also have readystate, result, and errorcode
properties that tell you the status of the request.
... when an object or array is stored, the
properties and values in that object or array can also be anything that is a valid value.
KeyframeEffectOptions - Web APIs
the keyframeeffectoptions dictionary, part of the web animations api, is used by element.animate(), keyframeeffectreadonly() and keyframeeffect() to describe timing
properties for animation effects.
... these
properties are all optional, although without setting a duration the animation will not play.
... simply put, these
properties describe how the user agent should go about making the transition from keyframe to keyframe, and how to behave when the animation begins and ends.
...
properties composite optional determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation.
MediaStreamTrack.getSettings() - Web APIs
the getsettings() method of the mediastreamtrack interface returns a mediatracksettings object containing the current values of each of the constrainable
properties for the current mediastreamtrack.
... see capabilities, constraints, and settings for details on how to work with constrainable
properties.
... syntax const settings = track.getsettings() returns a mediatracksettings object describing the current configuration of the track's constrainable
properties.
...to instead fetch the most-recently established constraints for the track's
properties, as specified by the site's code, use getconstraints().
MouseEvent - Web APIs
properties this interface also inherits
properties of its parents, uievent and event.
... candidate recommendation from document object model (dom) level 3 events specification, added movementx and movementy
properties.
... working draft from document object model (dom) level 3 events specification, added offsetx and offsety, pagex and pagey, x, and y
properties.
... redefined screen, page, client, and coordinate (x and y)
properties as double from long.
NodeList - Web APIs
nodelist objects are collections of nodes, usually returned by
properties such as node.childnodes and methods such as document.queryselectorall().
...
properties nodelist.length the number of nodes in the nodelist.
... example it's possible to loop over the items in a nodelist using a for loop: for (let i = 0; i < mynodelist.length; i++) { let item = mynodelist[i]; } don't use for...in to enumerate the items in nodelists, since they will also enumerate its length and item
properties and cause errors if your script assumes it only has to deal with element objects.
... also, for..in is not guaranteed to visit the
properties in any particular order.
OscillatorNode.OscillatorNode() - Web APIs
the oscillatornode() constructor of the web audio api creates a new oscillatornode object which is an audionode that represents a periodic waveform, like a sine wave, optionally setting the node's
properties' values to match values in a specified object.
... if the default values of the
properties are acceptable, you can optionally use the audiocontext.createoscillator() factory method instead.
... options optional an object whose
properties specify the initial values for the oscillator node's
properties.
... any
properties omitted from the object will take on the default value as documented.
ParentNode - Web APIs
the parentnode mixin contains methods and
properties that are common to all types of node objects that can have children.
...
properties parentnode.childelementcount read only returns the number of children of this parentnode which are elements.
...the parentnode.firstelementchild, parentnode.lastelementchild, and parentnode.childelementcount
properties are now defined on the latter.
... obsolete added the initial definition of its
properties to the elementtraversal pure interface and used it on element.
PaymentAddress - Web APIs
properties paymentaddress.addressline read only an array of domstring objects providing each line of the address not included among the other
properties.
... note:
properties for which values were not specified contain empty strings.
... obsolete
properties the following
properties are obsolete and should no longer be used, but may still be present in some browser versions.
... methods paymentaddress.tojson() a standard serializer that returns a json representation of the paymentaddress object's
properties.
PerformanceTiming - Web APIs
the performancetiming interface is a legacy interface kept for backwards compatibility and contains
properties that offer performance timing information for various events which occur during the loading and use of the current page.
...
properties the performancetiming interface doesn't inherit any
properties.
... these
properties each describe the time at which a particular point in the page loading process was reached.
... each time is provided as an unsigned long long representing the moment, in milliseconds since the unix epoch these
properties are listed in the order in which they occur during the navigation process.
Pointer Lock API - Web APIs
method/
properties overview this section provides a brief description of each property and method related to the pointer lock specification.
...the values of the parameters are the same as the difference between the values of mouseevent
properties, screenx and screeny, which are stored in two subsequent mousemove events, enow and eprevious.
... locked state when pointer lock is enabled, the standard mouseevent
properties clientx, clienty, screenx, and screeny are held constant, as if the mouse is not moving.
... the movementx and movementy
properties continue to provide the mouse's change in position.
RTCIceCandidatePairStats - Web APIs
properties rtcicecandidatepairstats is based upon rtcstats and inherits its
properties.
... in addition, it adds the following new
properties: availableincomingbitrate optional provides an informative value representing the available inbound capacity of the network by reporting the total number of bits per second available for all of the candidate pair's incoming rtp streams.
... obsolete
properties the following
properties have been removed from the specification and should no longer be used.
... non-standard
properties selected optional a firefox-specific boolean value which is true if the candidate pair described by this object is the one currently in use.
RTCPeerConnection - Web APIs
t-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">rtcpeerconnection</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructorrtcpeerconnection() the rtcpeerconnection() constructor returns a newly-created rtcpeerconnection, which represents a connection between the local device and a remote peer.
propertiesalso inherits
properties from: eventtargetcantrickleicecandidatesthe read-only rtcpeerconnection property cantrickleicecandidates returns a boolean which indicates whether or not the remote peer can accept trickled ice candidates.connectionstate the read-only connectionstate property of the rtcpeerconnection interface indicates the current state of the peer connection by returning one of the stri...
...this description specifies the
properties of the local end of the connection, including the media format.setremotedescription()the rtcpeerconnection method setremotedescription() sets the specified session description as the remote peer's current offer or answer.
... the description specifies the
properties of the remote end of the connection, including the media format.
...the event's
properties describe the error.
RTCRtpStreamStats - Web APIs
while the dictionary has a base set of
properties that are present in each of these cases, there are also additional
properties added depending on which interface the method is called on.
...
properties the rtcrtpstreamstats dictionary is based on rtcstats, and inherits its
properties.
... in addition, some or all of the following
properties are available.
... local-only measurements these
properties are computed locally, and are only available to the device receiving the media stream.
Touch - Web APIs
note: many of the
properties' values are hardware-dependent; for example, if the device doesn't have a way to detect the amount of pressure placed on the surface, the force value will always be 0.
...
properties this interface has no parent, and doesn't inherits or implements any other property.
... basic
properties touch.identifier read only returns a unique identifier for this touch object.
... draft added radiusx, radiusy, rotationangle, force
properties, as well as the touch() constructor.
URL API - Web APIs
accessing url components creating an url object for a given url parses the url and provides quick access to its constituent parts through its
properties.
... let addr = new url("/docs/web/api/url_api"); let host = addr.host; let path = addr.pathname; the snippet above creates a url object for the article you're reading right now, then fetches the host and pathname
properties.
... changing the url most of the
properties of url are settable; you can write new values to them to alter the url represented by the object.
...this is true for any of the writable
properties.
WebGLRenderingContext - Web APIs
the webgl context the following
properties and methods provide general information and functionality to deal with the webgl context: webglrenderingcontext.canvas a read-only back-reference to the htmlcanvaselement.
...however, the
properties and variables you can tweak are different for each api.
...this is done by assigning the width and height
properties of the canvas to the values of the clientwidth and clientheight
properties, respectively.
...the internal width and height
properties of the canvas remain at default values, which are different than the actual size of the canvas element in the browser window.
WebRTC connectivity - Web APIs
pending and current descriptions taking one step deeper into the process, we find that localdescription and remotedescription, the
properties which return these two descriptions, aren't as simple as they look.
... the current description (which is returned by the rtcpeerconnection.currentlocaldescription and rtcpeerconnection.currentremotedescription
properties) represents the description currently in actual use by the connection.
... see the individual articles on these
properties and methods for more specifics, and codecs used by webrtc for information about codecs supported by webrtc and which are compatible with which browsers.
...any other
properties in the description object are ignored.
Window.openDialog() - Web APIs
returning values from the dialog since window.close() erases all
properties associated with the dialog window (i.e.
...you can then access this object from within the dialog code and set
properties on it, containing the values you want to return or preserve past the window.close() operation.
... var retvals = { address: null, delivery: null }; opendialog("http://example.tld/zzz.xul", "dlg", "modal", "pizza", 6.98, retvals); if you set the
properties of the retvals object in the dialog code as described below, you can now access them via the retvals array after the opendialog() call returns.
... inside the dialog code, you can set the
properties as follows: var retvals = window.arguments[2]; retvals.address = enteredaddress; retvals.delivery = "immediate"; specification this is not part of any specification.
XRReferenceSpaceEventInit - Web APIs
the xrreferencespaceeventinit dictionary is used when calling the xrreferencespaceevent() constructor to provide the values for its
properties.
... since the
properties are read-only, this is the only opportunity available to set their values.
...
properties referencespace the xrreferencespace from which the event originated.
... usage notes all of this dictionary's
properties must have valid values set on them before calling the xrreferencespaceevent() constructor.
XRSession - Web APIs
the webxr device api's xrsession interface represents an ongoing xr session, providing methods and
properties used to interact with and control the session.
...
properties in addition to the
properties listed below, xrsession inherits
properties from its parent interface, eventtarget.
... updaterenderstate() updates the
properties of the session's render state to match the values specified in the specified xrrenderstateinit dictionary.
... any
properties not included in the given dictionary are left unchanged from their current values.
ARIA: listbox role - Accessibility
associated aria roles, states, and
properties associated roles option one or more nested options are required.
... list a section containing listitem elements states and
properties aria-activedescendant holds the id string of the currently active element within the listbox.
... (for further details and a full list of aria states and
properties see the aria listbox (role) documentation.) keyboard interactions when a single-select listbox receives focus: if none of the options are selected before the listbox receives focus, the first option receives focus.
... if one or more entries are not dom children of listbox, additional aria-*
properties will need to be set (see aria best practices).
Accessibility documentation index - Accessibility
here's where to file bugs: 13 using aria: roles, states, and
properties aria, accessibility, overview, reference aria defines semantics that can be applied to elements, with these divided into roles (defining a type of user interface element) and states and
properties that are supported by a role.
... authors must assign an aria role and the appropriate states and
properties to an element during its life-cycle, unless the element already has appropriate aria semantics (via use of an appropriate html element).
...if the aria-valuenow has a known maximum and minimum, the author should provide
properties for aria-valuemax and aria-valuemin.the value of aria-valuemin must be less than or equal to the value of aria-valuemax.
...for a full list of roles, see using aria: roles, states, and
properties 42 aria: comment role aria, aria role, comment, reference, annotations the comment landmark role semantically denotes a comment/reaction to some content on the page, or to a previous comment.
::first-letter (:first-letter) - CSS: Cascading Style Sheets
allowable
properties only a small subset of css
properties can be used with the ::first-letter pseudo-element: all font
properties : font, font-style, font-feature-settings, font-kerning, font-language-override, font-stretch, font-synthesis, font-variant, font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-ligatures, font-variant-numeric, font-variant-position, font-weight, font-size...
..., font-size-adjust, line-height and font-family all background
properties : background, background-color, background-image, background-clip, background-origin, background-position, background-repeat, background-size, background-attachment, and background-blend-mode all margin
properties: margin, margin-top, margin-right, margin-bottom, margin-left all padding
properties: padding, padding-top, padding-right, padding-bottom, padding-left all border
properties: the shorthands border, border-style, border-color, border-width, border-radius, border-image, and the longhands
properties the color property the text-decoration, text-shadow, text-transform, letter-spacing, word-spacing (when appropriate), line-height, text-decoration-color, text-decoration-line, text-decoration-style, box-shadow, float, ...
...vertical-align (only if float is none) css
properties syntax /* css3 syntax */ ::first-letter /* css2 syntax */ :first-letter examples simple drop cap in this example we will use the ::first-letter pseudo-element to create a simple drop cap effect on the first letter of the paragraph coming right after the <h2>.
... working draft generalizes allowed
properties to typesetting, text decoration, inline layout
properties, opacity, and box-shadow.
::first-line (:first-line) - CSS: Cascading Style Sheets
allowable
properties only a small subset of css
properties can be used with the ::first-line pseudo-element: all font-related
properties: font, font-kerning, font-style, font-variant, font-variant-numeric, font-variant-position, font-variant-east-asian, font-variant-caps, font-variant-alternates, font-variant-ligatures, font-synthesis, font-feature-settings, font-language-override, font-weight, font-size, font-si...
...ze-adjust, font-stretch, and font-family all background-related
properties: background-color, background-clip, background-image, background-origin, background-position, background-repeat, background-size, background-attachment, and background-blend-mode the color property word-spacing, letter-spacing, text-decoration, text-transform, and line-height text-shadow, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, and vertical-align.
...see what i mean?</p> <span>the first line of this text will not receive special styling because it is not a block-level element.</span> css ::first-line { color: blue; text-transform: uppercase; /* warning: do not use these */ /* many
properties are invalid in ::first-line pseudo-elements */ margin-left: 20px; text-indent: 20px; } result specifications specification status comment css pseudo-elements level 4the definition of '::first-line' in that specification.
... generalizes allowed
properties to typesetting, text decoration, and inline layout
properties and opacity.
@page - CSS: Cascading Style Sheets
the @page css at-rule is used to modify some css
properties when printing a document.
... description you can't change all css
properties with @page.
...attempts to change any other css
properties will be ignored.
... :blank :first :left :right :recto :verso specifications specification status comment css logical
properties and values level 1the definition of ':recto and :verso' in that specification.
Box alignment in Multi-column Layout - CSS: Cascading Style Sheets
the
properties which apply to multi-column layouts are detailed below.
...and the
properties listed here, while specified for multicol, may not be supported in browsers.
... column-gap the column-gap property was specified in earlier versions of the multiple-column layout specification, and has now been unified with the gap
properties for other layout methods in box alignment.
... reference css
properties justify-content align-content column-gap glossary entries alignment subject alignment container fallback alignment ...
Basic Concepts of Multicol - CSS: Cascading Style Sheets
the
properties defined by the specification are: column-width column-count columns column-rule-color column-rule-style column-rule-width column-rule column-span column-fill column-gap by adding column-count or column-width to an element, that element becomes a multi-column container, or multicol container for short.
... defining columns to create a multicol container you must use at least one of the column-*
properties, these being column-count and column-width.
... using column-count and column-width together if you specify both
properties on a multicol container then column-count will act as a maximum number of columns.
... when using both
properties together you may get fewer columns than specified in the value for column-count.
CSS Flexible Box Layout - CSS: Cascading Style Sheets
reference css
properties flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap order alignment
properties the
properties align-content, align-self, align-items and justify-content initially appeared in the flexbox specification, but are now defined in box alignment.
...also additional alignment
properties are now defined in box alignment.
...ce-content place-items row-gap column-gap gap glossary entries flexbox flex container flex item main axis cross axis flex guides basic concepts of flexbox an overview of the features of flexbox relationship of flexbox to other layout methods how flexbox relates to other layout methods, and other css specifications aligning items in a flex container how the box alignment
properties work with flexbox.
... controlling ratios of flex items along the main axis explaining the flex-grow, flex-shrink and flex-basis
properties.
Basic Concepts of grid layout - CSS: Cascading Style Sheets
grid tracks we define rows and columns on our grid with the grid-template-columns and grid-template-rows
properties.
... you can also define a set size for tracks created in the implicit grid with the grid-auto-rows and grid-auto-columns
properties.
... in the following example i am placing the first two items on our three column track grid, using the grid-column-start, grid-column-end, grid-row-start and grid-row-end
properties.
... gutters gutters or alleys between grid cells can be created using the column-gap and row-gap
properties, or the shorthand gap.
Grid template areas - CSS: Cascading Style Sheets
</div> </div> grid definition shorthands having looked at various ways of placing items on our grids and many of the
properties used to define grid, this is a good time to take a look at a couple of shorthands that are available for defining the grid and many things about it all in one line of css.
... before using any shorthand it is worth remembering that shorthands not only enable the setting of many
properties in one go, they also act to reset things to their initial values that you do not, or cannot set in the shorthand.
... grid-template the grid-template property sets the following
properties: grid-template-rows grid-template-columns grid-template-areas the property is referred to as the explicit grid shorthand because it is setting those things that you control when you define an explicit grid, and not those which impact any implicit row or column tracks that might be created.
... grid the grid shorthand goes a step further and also sets
properties used by the implicit grid.
Layout and the containing block - CSS: Cascading Style Sheets
percentage values that are applied to the width, height, padding, margin, and offset
properties of an absolutely positioned element (i.e., which has its position set to absolute or fixed) are computed from the element's containing block.
... calculating percentage values from the containing block as noted above, when certain
properties are given a percentage value, the computed value depends on the element's containing block.
... the
properties that work this way are box model
properties and offset
properties: the height, top, and bottom
properties compute percentage values from the height of the containing block.
... the width, left, right, padding, and margin
properties compute percentage values from the width of the containing block.
CSS reference - CSS: Cascading Style Sheets
use this css reference to browse an alphabetical index of all of the standard css
properties, pseudo-classes, pseudo-elements, data types, and at-rules.
... basic rule syntax style rule syntax style-rule ::= selectors-list {
properties-list } ...
... where : selectors-list ::= selector[:pseudo-class] [::pseudo-element] [, selectors-list]
properties-list ::= [property : value] [;
properties-list] see the index of selectors, pseudo-classes, and pseudo-elements below.
... concepts syntax and semantics css syntax at-rules cascade comments descriptor inheritance shorthand
properties specificity value definition syntax css unit and value types values actual value computed value initial value resolved value specified value used value layout block formatting context box model containing block layout mode margin collapsing replaced elements stacking context visual formatting model dom-css / cssom major object types documentorshadowroot.stylesheets ...
border-block-end - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: border-block-end-color border-block-end-style border-block-end-width syntax border-block-end: 1px; border-block-end: 2px dotted; border-block-end: medium dashed blue; border-block-end can be used to set the values for one or more of border-block-end-width, border-block-end-style, and border-block-end-color.
... related
properties are border-block-start, border-inline-start, and border-inline-end, which define the other borders of the element.
... formal definition initial valueas each of the
properties of the shorthand:border-top-width: mediumborder-top-style: noneborder-top-color: currentcolorapplies toall elementsinheritednocomputed valueas each of the
properties of the shorthand:border-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-top-style: as specifiedborder-top-color: computed coloranimation typeas each of the
properties of the shorthand:border-block-end-color: a colorborder-block-end-style: discreteborder-block-end-width: a length ...
...r> | <percentage><hue> = <number> | <angle> examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-block-end: 5px dashed blue; } results specifications specification status comment css logical
properties and values level 1the definition of 'border-block-end' in that specification.
border-block - CSS: Cascading Style Sheets
it corresponds to the border-top and border-bottom or border-right, and border-left
properties depending on the values defined for writing-mode, direction, and text-orientation.
... constituent
properties this property is a shorthand for the following css
properties: border-block-color border-block-style border-block-width syntax values the border-block is specified with one or more of the following, in any order: <'border-width'> the width of the border.
... formal definition initial valueas each of the
properties of the shorthand:border-top-width: mediumborder-top-style: noneborder-top-color: currentcolorapplies toall elementsinheritednocomputed valueas each of the
properties of the shorthand:border-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-top-style: as specifiedborder-top-color: computed coloranimation typediscrete formal syntax <'border-top-width'> | <'border-top-style'> | <'color'>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]?
...umber> | <percentage><hue> = <number> | <angle> examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-block: 5px dashed blue; } results specifications specification status comment css logical
properties and values level 1the definition of 'border-block' in that specification.
border-bottom - CSS: Cascading Style Sheets
as with all shorthand
properties, border-bottom always sets the values of all of the
properties that it can set, even if they are not specified.
... constituent
properties this property is a shorthand for the following css
properties: border-bottom-color border-bottom-style border-bottom-width syntax border-bottom: 1px; border-bottom: 2px dotted; border-bottom: medium dashed blue; the three values of the shorthand property can be specified in any order, and one or two of them may be omitted.
... formal definition initial valueas each of the
properties of the shorthand:border-bottom-width: mediumborder-bottom-style: noneborder-bottom-color: currentcolorapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed valueas each of the
properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-bottom-style: as specifiedborder-bottom-color: computed coloranimation typeas each of the
properties of the shorthand:border-bottom-color: a colorborder-bottom-style: discreteborder-bottom-width: a length formal syntax <line-width> | <line-style> | <color>where <line-width> = <length> | thin | medium | thick<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]?
border-color - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: border-bottom-color border-left-color border-right-color border-top-color syntax /* <color> values */ border-color: red; /* horizontal | vertical */ border-color: red #f015ca; /* top | vertical | bottom */ border-color: red rgb(240,30,50,.7) green; /* top | right | bottom | left */ border-color: red yellow green blue; /*...
... formal definition initial valueas each of the
properties of the shorthand:border-top-color: currentcolorborder-right-color: currentcolorborder-bottom-color: currentcolorborder-left-color: currentcolorapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed valueas each of the
properties of the shorthand:border-bottom-color: computed colorborder-left-color: computed colorborder-right-color: computed colorborder-top-color: computed coloranimation typeas each of the
properties of the shorthand:border-bottom-color: a colorborder-left-color: a colorborder-right-color: a colorborder-top-color: a color formal syntax <color>{1,4}where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]?
... } #horzvert { border-color: gold red; } #topvertbott { border-color: red cyan gold; } #trbl { border-color: red cyan black gold; } /* set width and style for all divs */ div { border: solid 0.3em; width: auto; margin: 0.5em; padding: 0.5em; } ul { margin: 0; list-style: none; } result specifications specification status comment css logical
properties and values level 1 editor's draft added the logical keyword.
border-inline - CSS: Cascading Style Sheets
it corresponds to the border-top and border-bottom or border-right, and border-left
properties, depending on the values defined for writing-mode, direction, and text-orientation.
... initial valueas each of the
properties of the shorthand:border-top-width: mediumborder-top-style: noneborder-top-color: currentcolorapplies toall elementsinheritednocomputed valueas each of the
properties of the shorthand:border-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-top-style: as specifiedborder-top-color: computed coloranimation typediscrete constituent
properties this property is a shorthand for the following css
properties: border-inline-color border-inline-style border-inline-width syntax values the border-inline is specified with one or more of the following, in any order: <'border-width'> the width of the border.
... formal definition initial valueas each of the
properties of the shorthand:border-top-width: mediumborder-top-style: noneborder-top-color: currentcolorapplies toall elementsinheritednocomputed valueas each of the
properties of the shorthand:border-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-top-style: as specifiedborder-top-color: computed coloranimation typediscrete formal syntax <'border-top-width'> | <'border-top-style'> | <'color'>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]?
...mber> | <percentage><hue> = <number> | <angle> examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-inline: 5px dashed blue; } results specifications specification status comment css logical
properties and values level 1the definition of 'border-inline' in that specification.
border-left - CSS: Cascading Style Sheets
as with all shorthand
properties, border-left always sets the values of all of the
properties that it can set, even if they are not specified.
... constituent
properties this property is a shorthand for the following css
properties: border-left-color border-left-style border-left-width syntax border-left: 1px; border-left: 2px dotted; border-left: medium dashed green; the three values of the shorthand property can be specified in any order, and one or two of them may be omitted.
... formal definition initial valueas each of the
properties of the shorthand:border-left-width: mediumborder-left-style: noneborder-left-color: currentcolorapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed valueas each of the
properties of the shorthand:border-left-width: the absolute length or 0 if border-left-style is none or hiddenborder-left-style: as specifiedborder-left-color: computed coloranimation typeas each of the
properties of the shorthand:border-left-color: a colorborder-left-style: discreteborder-left-width: a length formal syntax <line-width> | <line-style> | <color>where <line-width> = <length> | thin | medium | thick<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]?
font-variant - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: font-variant-alternates font-variant-caps font-variant-east-asian font-variant-ligatures font-variant-numeric syntax font-variant: small-caps; font-variant: common-ligatures small-caps; /* global values */ font-variant: inherit; font-variant: initial; font-variant: unset; values normal specifies a normal font fa...
...ce; each of the longhand
properties has an initial value of normal.
... longhand
properties of font-variant are: font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, and font-variant-east-asian.
... candidate recommendation made it a shorthand of the new font-variant-*
properties.
mask-border - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: mask-border-mode mask-border-outset mask-border-repeat mask-border-slice mask-border-source mask-border-width syntax /* source | slice */ mask-border: url('border-mask.png') 25; /* source | slice | repeat */ mask-border: url('border-mask.png') 25 space; /* source | slice | width */ mask-border: url('border-mask.png') 25 / 35px; /* source | slice | width | outset | repeat | mode */ mask-border: url('border-mask.png') 25 / 35px / 12px space alpha; values <'mask-border-source'> the source image.
... formal definition initial valueas each of the
properties of the shorthand:mask-border-mode: alphamask-border-outset: 0mask-border-repeat: stretchmask-border-slice: 0mask-border-source: nonemask-border-width: autoapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednopercentagesas each of the
properties of the shorthand:mask-border-slice: refer to size of the mask border imagemask-...
...border-width: relative to width/height of the mask border image areacomputed valueas each of the
properties of the shorthand:mask-border-mode: as specifiedmask-border-outset: as specified, but with relative lengths converted into absolute lengthsmask-border-repeat: as specifiedmask-border-slice: as specifiedmask-border-source: as specified, but with <url> values made absolutemask-border-width: as specified, but with relative lengths converted into absolute lengthsanimation typeas each of the
properties of the shorthand:mask-border-mode: discretemask-border-outset: discretemask-border-repeat: discretemask-border-slice: discretemask-border-source: discretemask-border-width: discretecreates stacking contextyes formal syntax <'mask-border-source'> | <'mask-border-slice'> [ / <'mask-border-width'>?
... div { width: 200px; background-color: lavender; border: 18px solid salmon; padding: 10px; /* prefixed longhand
properties currently supported in chromium -webkit-mask-box-image-source: url(https://udn.realityripple.com/samples/2d/fd08a3134c.png); -webkit-mask-box-image-slice: 30 fill; -webkit-mask-box-image-width: 20px; -webkit-mask-box-image-repeat: round; -webkit-mask-box-image-outset: 1px; */ /* prefixed shorthand property currently supported in chromium */ -webkit-mask-box-image: url("...
position - CSS: Cascading Style Sheets
the top, right, bottom, and left
properties determine the final location of positioned elements.
...the top, right, bottom, left, and z-index
properties have no effect.
...the top and bottom
properties specify the vertical offset from its normal position; the left and right
properties specify the horizontal offset.
...the top, right, bottom, and left
properties specify offsets from the edges of the element's containing block.
transition - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: transition-delay transition-duration transition-property transition-timing-function syntax /* apply to 1 property */ /* property name | duration */ transition: margin-right 4s; /* property name | duration | delay */ transition: margin-right 4s 1s; /* property name | duration | timing function */ transition: margin-right 4s...
... ease-in-out; /* property name | duration | timing function | delay */ transition: margin-right 4s ease-in-out 1s; /* apply to 2
properties */ transition: margin-right 4s, color 1s; /* apply to all changed
properties */ transition: all 0.5s ease-out; /* global values */ transition: inherit; transition: initial; transition: unset; the transition property is specified as one or more single-property transitions, separated by commas.
...in short, extra transition descriptions beyond the number of
properties actually being animated are ignored.
... formal definition initial valueas each of the
properties of the shorthand:transition-delay: 0stransition-duration: 0stransition-property: alltransition-timing-function: easeapplies toall elements, ::before and ::after pseudo-elementsinheritednocomputed valueas each of the
properties of the shorthand:transition-delay: as specifiedtransition-duration: as specifiedtransition-property: as specifiedtransition-timing-function: as specifiedanimation typediscrete formal syntax <single-transition>#where <single-transition> = [ none | <single-transition-property> ] | <time> | <timing-function> | <time>where <single-transition-property> = all | <custom-ident><timing-function> = linear | <cubic-bezier-timing-function> | <step-timing-function>where <cubic-bezier-timing-function> = ease | ease-in | ease-out ...
Cross-browser audio basics - Developer guides
this article provides: a basic guide to creating a cross-browser html5 audio player with all the associated attributes,
properties, and events explained a guide to custom controls created using the media api basic audio example the code below is an example of a basic audio implementation using html5: <audio controls> <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <p>your browser does not support html5 audio, but you can still <a href="audiofile.mp3">download the music</a>.</p> </audio> note: you can also use an mp4 file instead of mp3.
... manipulating the audio element with javascript in addition to being able to specify various attributes in html, the <audio> element comes complete with several
properties and methods that you can manipulate via javascript.
...var myaudio = document.createelement('audio'); if (myaudio.canplaytype('audio/mpeg')) { myaudio.setattribute('src','audiofile.mp3'); } if (myaudio.canplaytype('audio/ogg')) { myaudio.setattribute('src','audiofile.ogg'); } alert('play'); myaudio.play(); alert('stop'); myaudio.pause(); alert('play from 5 seconds in'); myaudio.currenttime = 5; myaudio.play(); let's explore the available
properties and methods in more detail.
... there are a couple of
properties we haven't looked at yet, buffered and seekable.
Localizations and character encodings - Developer guides
the canonical names are the values to the right of the equals sign in unixcharset.
properties.
... the fallback encoding is specified by the preference intl.charset.default in intl.
properties.
... specifying the heuristic detection mode the heuristic detection mode is specified by the preference intl.charset.detector in intl.
properties.
... setting some encodings to be more easily selectable from the character encoding menu the preference intl.charsetmenu.browser.static in intl.
properties makes some character encodings more easily available in the character encoding menu in the browser.
CSS Houdini
the worklet also has access to the element's custom
properties: they don't need to be passed as function arguments.
... css
properties and values api defines an api for registering new css
properties.
...
properties registered using this api are provided with a parse syntax that defines a type, inheritance behaviour, and an initial value.
... css
properties and values api reference css
properties and values api guide css typed om converting cssom value strings into meaningfully typed javascript representations and back can incur a significant performance overhead.
Loops and iteration - JavaScript
while (i < 4) { console.log(i); i += 1; checkj: while (j > 4) { console.log(j); j -= 1; if ((j % 2) === 0) { continue checkj; } console.log(j + ' is odd.'); } console.log('i = ' + i); console.log('j = ' + j); } for...in statement the for...in statement iterates a specified variable over all the enumerable
properties of an object.
...it then iterates over all the object's
properties and returns a string that lists the property names and their values.
... function dump_props(obj, obj_name) { let result = ''; for (let i in obj) { result += obj_name + '.' + i + ' = ' + obj[i] + '<br>'; } result += '<hr>'; return result; } for an object car with
properties make and model, result would be: car.make = ford car.model = mustang arrays although it may be tempting to use this as a way to iterate over array elements, the for...in statement will return the name of your user-defined
properties in addition to the numeric indexes.
... therefore, it is better to use a traditional for loop with a numeric index when iterating over arrays, because the for...in statement iterates over user-defined
properties in addition to the array elements, if you modify the array object (such as adding custom
properties or methods).
Meta programming - JavaScript
here, an object that is proxied will not return undefined when getting undefined
properties, but will instead return the number 42.
...invariants (semantics that remain unchanged) regarding object non-extensibility or non-configurable
properties are verified against the target.
... the result list must contain the keys of all non-configurable own
properties of target.
... if the target object is not extensible, then the result list must contain all the keys of the own
properties of target and no other values.
TypeError: can't define property "x": "obj" is not extensible - JavaScript
the javascript exception "can't define property "x": "obj" is not extensible" occurs when object.preventextensions() marked an object as no longer extensible, so that it will never have
properties beyond the ones it had at the time it was marked as non-extensible.
... usually, an object is extensible and new
properties can be added to it.
... however, in this case object.preventextensions() marked an object as no longer extensible, so that it will never have
properties beyond the ones it had at the time it was marked as non-extensible.
... examples adding new
properties to a non-extensible objects in strict mode, attempting to add new
properties to a non-extensible object throws a typeerror.
SyntaxError: missing : after property id - JavaScript
a colon (:) separates keys and values for the object's
properties.
... when creating objects with the object initializer syntax, a colon (:) separates keys and values for the object's
properties.
... var obj = { propertykey: 'value' }; // or alternatively var obj = { }; obj['propertykey'] = 'value'; empty
properties you can't create empty
properties like this: var obj = { propertykey; }; // syntaxerror: missing : after property id if you need to define a property without a value, you might use null as a value.
... var obj = { propertykey: null }; computed
properties if you create a property key from an expression, you need to use square brackets.
Functions - JavaScript
in javascript, functions are first-class objects, because they can have
properties and methods just like any other object.
...see function for information on
properties and methods of function objects.
...however, object references are values, too, and they are special: if the function changes the referred object's
properties, that change is visible outside the function, as shown in the following example: /* declare the function 'myfunc' */ function myfunc(theobject) { theobject.brand = "toyota"; } /* * declare variable 'mycar'; * create and initialize a new object; * assign reference to it to 'mycar' */ var mycar = { brand: "honda", model: "accord", year: 1998 }; /* logs 'honda' */ console.log(mycar.br...
... defining method functions getter and setter functions you can define getters (accessor methods) and setters (mutator methods) on any standard built-in object or user-defined object that supports the addition of new
properties.
JavaScript Object Management - Archive of obsolete content
that should come in handy when you have general utility functions or
properties that you want to use across all objects within the namespace.
...it's one of the funky
properties of javascript: all objects are nothing more than name / value mappings.
...in this case we defined "getter"
properties for the name and url members.
The Box Model - Archive of obsolete content
all css
properties involving lengths should be handled with caution.
... also, just like in html, you can control the dimensions of inflexible elements using the width and height css
properties and attributes.
...you can either use the align and pack attributes, or the -moz-box-align and -moz-box-pack css
properties.
Localizing an extension - Archive of obsolete content
create a
properties file the first thing we do is create a property file for the literal strings used by the javascript code in stockwatcher2.js: changestring=chg: openstring=open: lowstring=low: highstring=high: volumestring=vol: the stockwatcher2.
properties file shown above maps five keys (changestring, openstring, lowstring, highstring, and volumestring) to the corresponding text in english.
...we do this by creating a string bundle, using the following code: <stringbundleset id="stringbundleset"> <stringbundle id="string-bundle" src="chrome://stockwatcher2/locale/stockwatcher2.
properties"/> </stringbundleset> this establishes a new string bundle, referenced by the id "string-bundle", whose keys and values are to be loaded from the stockwatcher2.
properties file we've already created.
... « previousnext » see also how to localize html pages, xul files, and js/jsm files from bootstrapped add-ons: bootstrapped extensions :: localization (l10n) xul school localization tutorial: dtd/entities method and
properties method ...
Bookmark Keywords - Archive of obsolete content
changing the
properties to alter the
properties of the bookmark, highlight the bookmark and select the "
properties..." button at the top of the bookmark manager.
... this will open up a dialog box that will let you edit the
properties of the bookmark.
... once this result page has been bookmarked, we need only adjust the boookmark's
properties.
Compiling The npruntime Sample Plugin in Visual Studio - Archive of obsolete content
add the npapi sdk include path (example : c:\npapi-sdk\headers) to project
properties|(all configurations)|c++|general|additional include directories.
... add the following preprocessor definitions to project
properties|(all configurations)|c++|preprocessor|preprocessor definitions: win32;_windows;xp_win32;xp_win;_x86_;npsimple_exports disable precompiled headers using project
properties|(all configurations)|c++|precompiled headers|create/use precompiled header.
...nprt.def) to project
properties|(all configurations)|linker|input|module definition file.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
the observer is an object which may have a number of
properties, each set to a function which handles a particular aspect of drag and drop.
...(in javascript,
properties can be declared with the syntax name : value).
...the transfer object has two
properties, data which holds the data and flavour which holds the flavour of the data.
Twitter - Archive of obsolete content
the first is simple: define
properties on the object corresponding to the parameters of the twitter method.
...(you can read about the parameters of the various methods at twitter's api reference.) there are two special, optional
properties: success and error.
...in other words, define a data property that is itself an object whose
properties correspond to the parameters of the twitter method.
Binding Attachment and Detachment - Archive of obsolete content
attachment using element.style property none of the xbl inheritance
properties of element.style.mozbinding described here are implemented (if ever).
... the methods and
properties of the binding are installed on the element and become available to scripts that reference the bound element.
... methods and
properties with getters/setters are no longer accessible from the binding, although
properties with raw values remain.
XPInstall API reference - Archive of obsolete content
objects install
properties methods adddirectory addfile alert cancelinstall confirm deleteregisteredfile execute gestalt getcomponentfolder getfolder getlasterror getwinprofile getwinregistry initinstall loadresources logcomment patch performinstall refreshplugins ...
... registerchrome reseterror setpackagefolder installtrigger no
properties methods compareversion enabled getversion install installchrome startsoftwareupdate installversion
properties methods compareto init tostring file no
properties methods copy dircreate dirgetparent dirremove dirrename diskspaceavailable execute exists isdirectory isfile macalias moddate moddatechanged move remove rename size windowsgetshortname windowsregisterserver windowsshortcut winprofile ...
... no
properties methods getstring writestring winreg no
properties methods createkey deletekey deletevalue enumkeys enumvaluenames getvalue getvaluenumber getvaluestring iskeywritable keyexists setrootkey setvalue setvaluenumber setvaluestring valueexists winregvalue constructor other information return codes see complete list examples trigger scripts and install scripts code samples file.macalias file.windowsshortcut install.adddirectory install.addfile installtrigger.installchrome installtrigger.startsoftwareupdate windows install ...
findbar - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] in gecko 1.9, the findbar widget moved into toolkit, so it's available to any xul application, as well as extensions.
... attributes browserid, findnextaccesskey, findpreviousaccesskey, highlightaccesskey, matchcaseaccesskey
properties browser, findmode methods close, onfindagaincommand, open, startfind, togglehighlight example <browser type="content-primary" flex="1" id="content" src="about:blank"/> <findbar id="findtoolbar" browserid="content"/> attributes browserid type: string the id of the browser element to which the findbar is attached.
...
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 b...
Extensions - Archive of obsolete content
specifically, this object is initialized with a set of
properties that indiciate the type of object that was the target of the context menu.
... you may wish to use these
properties instead of determining the type yourself, as the code already handles various special and complex cases that would take a lot of code to deal with manually.
... the following are the most common
properties that you can check.
Menus - Archive of obsolete content
if the menu has been created using a menulist, this is easily accomplished using the selecteditem or selectedindex
properties.
... however, it is not possible to use these
properties for menus whose popup is the child of menu, button, or toolbarbutton.
... for menulists, however, setting the selecteditem or selectedindex
properties on the menu will automatically take care of that for you.
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.
...ndex,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, tabindex, tabscrolling, timeout, type, value
properties accessibletype, completedefaultindex, controller, crop, disableautocomplete, disablekeynavigation, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, label, maxlength, maxrows, minresultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimagecolumn,size, tabindex, tabscrolling, t...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
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.
...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, autofillaftermatch, completedefaultindex, crop, disableautocomplete, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, issearching, iswaiting, label, maxlength, maxrows, minresultsforpopup, nomatch, open, popup, popupopen, resultspopup, searchcount, searchparam, searchsessions, selectionend, selecti...
...
properties accessible type: nsiaccessible returns the accessibility object for the element.
The Joy of XUL - Archive of obsolete content
xul provides a clear separation among the client application definition and programmatic logic ("content" consisting of xul, xbl, and javascript), presentation ("skin" consisting of css and images), and language-specific text labels ("locale" consisting of dtds and string bundles in .
properties files).
...with xbl, developers can define new content for xul widgets, add additional event handlers to a xul widget, and add new interface
properties and methods.
...it parses ical components and provides a c api for manipulating the component
properties, parameters, and subcomponents.
Custom Tree Views - Archive of obsolete content
){ if (column.id == "namecol") return "row "+row; else return "february 18"; }, settree: function(treebox){ this.treebox = treebox; }, iscontainer: function(row){ return false; }, isseparator: function(row){ return false; }, issorted: function(){ return false; }, getlevel: function(row){ return 0; }, getimagesrc: function(row,col){ return null; }, getrow
properties: function(row,props){}, getcell
properties: function(row,col,props){}, getcolumn
properties: function(colid,col,props){} }; the functions in the example not described above do not need to perform any action, but they must be implemented as the tree calls them to gather additional information.
...){ if (column.id == "namecol") return "row "+row; else return "february 18"; }, settree: function(treebox){ this.treebox = treebox; }, iscontainer: function(row){ return false; }, isseparator: function(row){ return false; }, issorted: function(){ return false; }, getlevel: function(row){ return 0; }, getimagesrc: function(row,col){ return null; }, getrow
properties: function(row,props){}, getcell
properties: function(row,col,props){}, getcolumn
properties: function(colid,col,props){} }; function setview(){ document.getelementbyid('my-tree').view = treeview; } </script> <tree id="my-tree" flex="1"> <treecols> <treecol id="namecol" label="name" flex="1"/> <treecol id="datecol" label="date" flex="1"/> </treecols> <treechildren/> </tre...
... the nsitreeview interface lists all of the
properties and methods that you can implement for the tree view.
Introduction to XBL - Archive of obsolete content
the behavior describes the
properties and methods of the scroll bar in addition to describing the xul elements that make up a scroll bar.
...
properties:
properties added to the element.
... style: custom style
properties that the xbl defined element has.
Stacks and Decks - Archive of obsolete content
the box tag creates the simplest box with no special
properties.
...the size of the stack is determined by its largest child, but you can use the css
properties width, height, min-width and other related
properties on both the stack and its children.
... shadowing with stacks one convenient use of the stack element however is that you could emulate a number of css
properties with it.
Trees - Archive of obsolete content
this interface contains thirty
properties and functions which you may implement.
... naturally, having to implement a tree view with thirty or so
properties and methods for every tree can be very cumbersome, especially for simple trees.
...for instance, you cannot change the appearance of the tree rows using the style attribute or with other css
properties and the box related features such as flexibility and orientation cannot be used.
XPCOM Interfaces - Archive of obsolete content
an interface would need to be created which describes
properties and functions that can be performed on files.
... a file would need
properties for its name, modification date and its size.
...the table below shows some of the
properties and methods of the nsilocalfile interface.
XUL Questions and Answers - Archive of obsolete content
xul attributes such as left="100" or top="200", as well as corresponding
properties, look as if they're integers but they are actually handled as strings.
... while the attributes are always strings per the dom specification, the
properties will eventually be fixed to return the value with the correct type.
...possible values include: accept, cancel, help, open, save, find, clear, yes, no, apply, close, print, add, remove, refresh, go-forward, go-back,
properties, select-font, select-color, network.
arrowscrollbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a box which provides scroll arrows along its edges for scrolling through the contents of the box.
... attributes clicktoscroll, disabled, smoothscroll, tabindex
properties disabled, scrollboxobject, scrollincrement, smoothscroll, tabindex methods ensureelementisvisible, scrollbyindex, scrollbypixels examples <arrowscrollbox orient="vertical" flex="1"> <button label="red"/> <button label="blue"/> <button label="green"/> <button label="yellow"/> <button label="orange"/> <button label="silver"/> <button label="lavender"/> <button label="gold"/> <button label="turquoise"/> <button label="peach"/> <button label...
...
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 ...
caption - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a header for a groupbox.
... attributes accesskey, crop, image, label, tabindex
properties accesskey, crop, image, label, tabindex examples <groupbox> <caption label="my groupbox"/> </groupbox> <groupbox flex="1"> <caption> <checkbox label="a checked groupbox"/> </caption> </groupbox> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
checkbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element that can be turned on and off.
... attributes accesskey, checked, command, crop, disabled, src, label, preference, tabindex
properties accesskey, accessibletype, checked, command, crop, disabled, src, label, tabindex examples <checkbox label="enable javascript" checked="true"/> <checkbox label="enable java" checked="false"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
colorpicker - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a palette of colors from which a user may select by clicking on one of the grid cells.
... attributes disabled, color, onchange, preference, tabindex, type
properties accessibletype, color, disabled, open, tabindex, value examples <colorpicker/> attributes disabled type: boolean indicates whether the element is disabled or not.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
description - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is used to create a block of text.
... attributes crop, disabled, tabindex value
properties accessibletype, crop, disabled, tabindex, value style classes header, indent, monospace, plain, small-margin examples this is a long section of text that will word wrap when displayed <description> this is a long section of text that will word wrap when displayed.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
dialog - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element should be used in place of the window element for dialog boxes.
... attributes buttonaccesskeyaccept, buttonaccesskeycancel, buttonaccesskeydisclosure, buttonaccesskeyextra1, buttonaccesskeyextra2, buttonaccesskeyhelp, buttonalign, buttondir, buttondisabledaccept, buttonlabelaccept, buttonlabelcancel, buttonlabeldisclosure, buttonlabelextra1, buttonlabelextra2, buttonlabelhelp, buttonorient, buttonpack, buttons, defaultbutton, title
properties buttons, defaultbutton methods acceptdialog, canceldialog, centerwindowonscreen, getbutton, movetoalertposition 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" buttons="accept,cancel" buttonlabelcancel="cancel...
...
properties buttons type: comma-separated list of the values below a comma-separated list of buttons to appear on the dialog box.
editor - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a frame which is expected to contain an editable document.
... attributes editortype, src, type
properties accessibletype, commandmanager, contentdocument, contentwindow, docshell, editingsession, editortype, webbrowserfind, webnavigation methods geteditor, gethtmleditor, makeeditable examples this example shows how to made the editor editable by setting the designmode property of the loaded html document: <script language="javascript"> function initeditor(){ // this function is called to ...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
iframe - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an inner frame that works much like the html <iframe> element.
... attributes showcaret, src, type, transparent
properties accessibletype, contentdocument, contentwindow, docshell, webnavigation examples <iframe src="table.php" flex="2" id="browsertable" name="table_frame"/> selecting an url from a menu <menulist oncommand="donav(this);"> <menupopup> <menuitem label="mozilla" value="http://mozilla.org" /> <menuitem label="slashdot" value="http://slashdot.org"/> <menuitem label="sourceforge" value...
...ources, 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.
label - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is used to provide a label for a control element.
... attributes accesskey, control, crop, disabled, href, value
properties accesskey, accessibletype, control, crop, disabled, value style classes header, indent, monospace, plain, small-margin, text-link examples <label value="email address" control="email"/> <textbox id="email"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
listbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is used to create a list of items where one or more of the items may be selected.
... attributes disabled, disablekeynavigation, preference, rows, seltype, suppressonselect, tabindex, value
properties accessibletype, currentindex, currentitem, disabled, disablekeynavigation, itemcount, listboxobject, selectedcount, selectedindex, selecteditem, selecteditems, seltype, suppressonselect, tabindex, value methods additemtoselection, appenditem, clearselection, ensureelementisvisible, ensureindexisvisible, getindexoffirstvisiblerow, getindexofitem, getitematindex, getnumberofvisiblerows, getro...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
listitem - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a single row in a listbox.
... 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 ch...
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
member - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] used within a rule's conditions element to match elements that are containers or are contained within another element.
...
properties child, container 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 child type: ?
... 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(), appen...
menu - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element, much like a button, that is placed on a menubar.
... attributes acceltext, accesskey, allowevents, command, crop, disabled, image, label, menuactive, open, sizetopopup, tabindex, value
properties accessibletype, accesskey, command, control, crop, disabled, image, itemcount, label, labelelement, menupopup, open, parentcontainer, selected, tabindex, value methods appenditem, getindexofitem, getitematindex, insertitemat, removeitemat style classes menu-iconic example <menubar id="sample-menubar"> <menu id="file-menu" label="file"> <menupopup id="file-popup"> <menuitem label="new"/> <menuitem label="open"/> <menuitem label="sav...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
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, getitematindex, insertitemat, removeallitems, removeitemat, select examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> ...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
menuseparator - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] used to create a separator between menu items.
... attributes acceltext, accesskey, allowevents, command, crop, disabled, image, label, selected, tabindex, value
properties accessibletype, accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value examples <menu label="menu"> <menupopup> <menuitem label="item1"/> <menuseparator/> <menuitem label="item2"/> <menuitem label="item3"/> </menupopup> </menu> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
notification - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] the notification is used to display an informative message.
... attributes image, label, priority, persistence, type, value
properties accessibletype, control, image, label, priority, persistence, type, value methods close examples <notification label="this is a warning"/> attributes image type: uri the uri of the image to appear on the element.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
panel - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a panel is a used as a temporary floating popup window that may contain any type of content.
... attributes backdrag, close, consumeoutsideclicks, fade, flip, ignorekeys, label, left, level, noautofocus, noautohide, norestorefocus, onpopuphidden, onpopuphiding, onpopupshowing, onpopupshown, position, titlebar, top, type
properties accessibletype, label, popupboxobject, popup, state methods hidepopup, moveto, openpopup, openpopupatscreen, sizeto examples the following example shows how a panel may be attached to a label.
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
preference - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] declares a preference that may be adjusted in a prefpane.
... attributes disabled, instantapply, inverted, name, onchange, readonly, tabindex, type
properties defaultvalue, disabled, hasuservalue, inverted, locked, name, preferences, readonly, tabindex, type, value, valuefrompreferences methods reset examples <preferences> <preference id="pref_id" name="preference.name" type="int"/> </preferences> see preferences system for a complete example.
...
properties defaultvalue (readonly) returns the default value of the preference.
preferences - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] overview <preferences> is a container for <preference> elements.
... note: it's not clear which of the following methods and
properties are public.
...ources, 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 m...
prefpane - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a single preference panel in a prefwindow.
... attributes helpuri, image, label, onpaneload, selected, src
properties image, label, preferenceelements, preferences, selected, src examples methods preferenceforelement <prefpane id="panegeneral" label="general" src="chrome://path/to/paneoverlay.xul"/> or <prefpane id="panegeneral" label="general" onpaneload="ongeneralpaneload(event);"> <preferences> <preference id="pref_one" name="extensions.myextension.one" type="bool"/> ...
...
properties contentheight (readonly) the height (in pixels) of current pane's content.
prefwindow - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a specialized window used for preference dialogs.
... attributes buttonalign, buttondir, buttonorient, buttonpack, buttons, defaultbutton, lastselected, onbeforeaccept, ondialogaccept, ondialogcancel, ondialogdisclosure, ondialoghelp, onload, onunload, title, type
properties buttons, currentpane, defaultbutton, lastselected, preferencepanes, type methods acceptdialog, addpane, canceldialog, centerwindowonscreen, getbutton, opensubdialog, openwindow, showpane examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <prefwindow xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="saveoptio...
...
properties buttons type: comma-separated list of the values below a comma-separated list of buttons to appear on the dialog box.
radio - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element that can be turned on and off.
... attributes accesskey, command, crop, disabled, focused, group, image, label, selected, tabindex, value
properties accesskey, accessibletype, control, crop, disabled, image, label, radiogroup, selected, tabindex, value examples <radiogroup> <radio id="orange" label="red" accesskey="r"/> <radio id="violet" label="green" accesskey="g" selected="true"/> <radio id="yellow" label="blue" accesskey="b" disabled="true"/> </radiogroup> attributes accesskey type: character this should be set ...
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
radiogroup - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a group of radio buttons.
... attributes disabled, focused, preference, tabindex, value
properties accessibletype, disabled, focuseditem, itemcount, selectedindex, selecteditem, tabindex, value methods appenditem, checkadjacentelement, getindexofitem, getitematindex, insertitemat, removeitemat examples <radiogroup> <radio id="orange" label="red"/> <radio id="violet" label="green" selected="true"/> <radio id="yellow" label="blue"/> </radiogroup> attributes disabled ty...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
richlistbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is used to create a list of listitems (richlistitems), similar to a listbox, but is designed to be used when the items do not contain simple text content.
... attributes disabled, disablekeynavigation, preference, seltype, suppressonselect, tabindex, value
properties accessibletype, currentindex, currentitem, disabled, disablekeynavigation, itemcount, scrollboxobject, selectedcount, selectedindex, selecteditem, selecteditems, seltype, suppressonselect, tabindex, value methods additemtoselection, appenditem, clearselection, ensureelementisvisible, ensureindexisvisible, getindexoffirstvisiblerow, getindexofitem, getitematindex, getnumberofvisiblerows, getrowcount, getselecteditem, insertitemat, invertselection, movebyoffset, removeitemat, removeitemfromselection, scrolltoindex, selectall,...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
richlistitem - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an individual item in a richlistbox.
... attributes disabled, searchlabel, selected, tabindex, value
properties accessible, control, disabled, label, selected, tabindex, value examples (example needed) attributes disabled type: boolean indicates whether the element is disabled or not.
...
properties accessible type: nsiaccessible returns the accessibility object for the element.
scale - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a scale (sometimes referred to as a "slider") allows the user to select a value from a range.
... attributes dir, disabled, increment, max, min, movetoclick, pageincrement, tabindex, value
properties disabled, max, min, increment, pageincrement, tabindex, value, methods decrease, decreasepage, increase, increasepage, examples horizontal scale: <scale min="1" max="10"/> vertical scale: <scale min="1" max="10" orient="vertical"/> attributes dir type: one of the values below the direction in which the child elements of the element are placed.
...
properties disabled type: boolean gets and sets the value of the disabled attribute.
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.
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
tabbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container used to display a set of tabbed pages of elements.
... attributes eventnode, handlectrlpageupdown, handlectrltab
properties accessibletype, eventnode, handlectrlpageupdown, handlectrltab, selectedindex, selectedpanel, selectedtab, tabs, tabpanels examples <tabbox id="mytablist" selectedindex="2"> <tabs> <tab label="a first tab"/> <tab label="second tab"/> <tab label="another tab"/> <tab label="last tab"/> </tabs> <tabpanels> <tabpanel><!-- tabpanel first elements go here --></tabpanel> <tabpanel><!-- tab...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
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.
...ources, 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 accessible type: nsiaccessible returns the accessibility object for the element.
tabs - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a row of tabs.
... attributes closebutton, disableclose, disabled, onclosetab, onnewtab, onselect, setfocus, selectedindex, tabbox, tabindex, tooltiptextnew, value,
properties accessibletype, disabled, itemcount, selectedindex, selecteditem, tabindex, value, methods advanceselectedtab, appenditem, getindexofitem, getitematindex, insertitemat, removeitemat examples (example needed) attributes closebutton obsolete since gecko 1.9.2 type: boolean if this attribute is set to true, the tabs row will have a "new tab" button and "close" but...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
textbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an input field where the user can enter text.
... 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 pl...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
toolbar - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container which typically contains a row of buttons.
... attributes autohide, currentset, customindex, customizable, defaultset, grippyhidden, grippytooltiptext, height, iconsize, mode, toolbarname
properties accessibletype, currentset, firstpermanentchild, lastpermanentchild, toolbarname, toolboxid methods insertitem style classes chromeclass-toolbar examples <toolbox> <toolbar id="nav-toolbar"> <toolbarbutton id="nav-users" accesskey="u" label="users"/> <toolbarbutton id="nav-groups" accesskey="p" label="groups"/> <toolbarbutton id="nav-events" accesskey="e" label="eve...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
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 accesskey="p" label="plain"/> <toolbarbutton accesskey="c" label="checkbox" type="checkbox"/> <toolbarbutton accesskey="b" label="menu-button" type="menu-button"> <menupopup> ...
...
properties accesskey type: character gets and sets the value of the accesskey attribute.
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 ...
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyatt...
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.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, g...
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.
... 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, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, get...
toolbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container for toolbars.
...
properties accessible, customtoolbarcount, externaltoolbars, palette, toolbarset methods appendcustomtoolbar, collapsetoolbar, expandtoolbar examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="yourwindow" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="toolbox example" width="300"> <toolbox> <toolbar> ...
...ources, 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 accessible type: nsiaccessible returns the accessibility object for the element.
tree - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container which can be used to hold a tabular or hierarchical set of rows of elements.
... attributes disablekeynavigation, disabled, editable, enablecolumndrag, flags, hidecolumnpicker, onselect, rows, seltype, statedatasource, tabindex, treelines
properties accessibletype, builderview, columns, contentview, currentindex, disablekeynavigation, disabled, editingcolumn, editingrow, enablecolumndrag, firstordinalcolumn, inputfield, seltype, selstyle, tabindex, treeboxobject, view examples a tree with several columns <tree flex="1" rows="2"> <treecols> <treecol id="sender" label="sender" flex="1"/> <treecol id="subject" label="subject" fl...
...
properties accessibletype type: integer a value indicating the type of accessibility object for the element.
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.
...ources, 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 m...
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.
...ources, 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 m...
wizard - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is used to construct a step-by-step wizard found in some applications to guide users through a task.
... attributes firstpage, lastpage, pagestep, title, windowtype
properties canadvance, canrewind, currentpage, onfirstpage, onlastpage, pagecount, pageindex, pagestep, title, wizardpages methods advance, cancel, extra1, extra2, getbutton, getpagebyid, goto, rewind examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <wizard id="thewizard" title="secret code wizard" xmlns="http://www.mozilla.org/keymaster/gatekeeper/t...
... values for window type as found on mxr: http://mxr.mozilla.org/mozilla-release/search?string=windowtype navigator:browser - looks like if window has gbrowser it has this window type devtools:scratchpad - scratchpad windows navigator:view-source - the view source windows
properties canadvance type: boolean this property is set to true if the user can press the next button to go to the next page.
Building a Theme - Archive of obsolete content
see install manifests for a complete listing of the required and optional
properties.
...that form the structure and behavior of an application ui), locale (dtd, .
properties files etc that contain strings for the ui's localization), and skin (css and images that form the theme of the ui) finally, the path of a file to load.
...for more information on chrome manifests and the
properties they support, see the chrome manifest reference.
Theme changes in Firefox 2 - Archive of obsolete content
browser/bookmarks/bookmarks
properties.css new file; includes microsummary-related css.
... bookmarks/bookmarks
properties.css this is a new file in firefox 2, and should contain the same css code as you added to addbookmark.css.
... this file styles bookmarks
properties.xul.
-ms-content-zoom-limit - Archive of obsolete content
the -ms-content-zoom-limit css shorthand property is a microsoft extension that specifies values for the -ms-content-zoom-limit-min and -ms-content-zoom-limit-max
properties.
... initial valueas each of the
properties of the shorthand:-ms-content-zoom-limit-max: 400%-ms-content-zoom-limit-min: 100%applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednopercentagesas each of the
properties of the shorthand:-ms-content-zoom-limit-max: the largest allowed zoom factor.
...smaller values zoom out.computed valueas each of the
properties of the shorthand:-ms-content-zoom-limit-max: as specified-ms-content-zoom-limit-min: as specifiedanimation typediscrete syntax the -ms-content-zoom-limit shorthand property is specified as one or both of the following content zoom limit values, in order, separated by spaces.
-ms-high-contrast-adjust - Archive of obsolete content
the -ms-high-contrast-adjust css property is a microsoft extension that gets or sets a value indicating whether to override any css
properties that would have been set in high contrast mode.
... initial valueautoapplies toall elementsinheritedyescomputed valueas specifiedanimation typediscrete syntax values auto indicates the applicable css
properties will be adjusted as expected when the system is in high contrast mode.
... none indicates the applicable css
properties will not be adjusted when the system is in high contrast mode.
::-ms-fill - Archive of obsolete content
all allowable
properties except animation-name apply to a determinate progress bar.
... allowable
properties only the following css
properties can be used in a rule with ::-ms-fill in its selector.
... other
properties are ignored.
Debug - Archive of obsolete content
its
properties and methods are called off the debug class.
... if the script is not being debugged, the debug methods and
properties have no effect.
... 3
properties debug.debuggerenabled determines whether debugging is enabled for the script context.
Reflect.enumerate() - Archive of obsolete content
the static reflect.enumerate() method used to return an iterator with the enumerable own and inherited
properties of the target object, but has been removed in ecmascript 2016 and is deprecated in browsers.
... return value an iterator with the enumerable own and inherited
properties of the target object.
... description the reflect.enumerate method returns an iterator with the enumerable own and inherited
properties of the target object.
Archived JavaScript Reference - Archive of obsolete content
see also the newer version of date.prototype.tolocaledatestring().ecmascript 2016 to es.next support in mozillaexpression closuresexpression closures are a shorthand function syntax for writing simple functions.for each...inthe for each...in statement iterates a specified variable over all values of object's
properties.
...you can use the more general proxy object instead.object.prototype.__count__the __count__ property used to store the count of enumerable
properties on the object, but it has been removed.object.prototype.__nosuchmethod__the __nosuchmethod__ property used to reference a function to be executed when a non-existent method is called on an object, but this function is no longer available.object.prototype.__parent__the __parent__ property used to point to an object's context, but it has been removed.object.prototype.eval()the object.eval() method ...
...you can use the more general proxy object instead.reflect.enumerate()the static reflect.enumerate() method used to return an iterator with the enumerable own and inherited
properties of the target object, but has been removed in ecmascript 2016 and is deprecated in browsers.string.prototype.quote()the non-standard quote() method returns a copy of the string, replacing various special characters in the string with their escape sequences and wrapping the result in double-quotes (").
LiveConnect Overview - Archive of obsolete content
the jsobject class provides an interface for invoking javascript methods and examining javascript
properties.
...this package defines the following classes: netscape.javascript.jsobject allows java code to access javascript methods and
properties.
... public string dogsex; // define the class constructor public javadog(jsobject jsdog){ // use try...catch to handle jsexceptions here this.dogbreed = (string)jsdog.getmember("breed"); this.dogcolor = (string)jsdog.getmember("color"); this.dogsex = (string)jsdog.getmember("sex"); } } notice that the getmember method of jsobject is used to access the
properties of the javascript object.
Packages - Archive of obsolete content
the java, netscape, and sun
properties represent the packages java.*, netscape.*, and sun.* respectively.
...for example, you can access a constructor of the frame class as follows: var theframe = new packages.java.awt.frame(); for convenience, javascript provides the top-level netscape, sun, and java objects that are synonyms for the packages
properties with the same names.
...
properties classname: the fully qualified name of a java class in a package other than netscape, java, or sun that is available to javascript.
Gutters - MDN Web Docs Glossary: Definitions of Web-related terms
these can be created in css grid layout using the grid-column-gap, grid-row-gap, or grid-gap
properties.
... the grid-gap
properties are not the only thing that can cause tracks to space out.
... margins, padding or the use of the space distribution
properties in box alignment can all contribute to the visible gap – therefore the grid-gap
properties should not be seen as equal to “the gutter size” unless you know that your design has not introduced any additional space with one of these methods.
Vendor Prefix - MDN Web Docs Glossary: Definitions of Web-related terms
browser vendors sometimes add prefixes to experimental or nonstandard css
properties and javascript apis, so developers can experiment with new ideas while—in theory—preventing their experiments from being relied upon and then breaking web developers' code during the standardization process.
...if an entire interface is experimental, then the interface's name is prefixed (but not the
properties or methods within).
... interface prefixes prefixes for interface names are upper-cased: webkit (chrome, safari, newer versions of opera, almost all ios browsers (including firefox for ios); basically, any webkit based browser) moz (firefox) o (older, pre-webkit, versions of opera) ms (internet explorer and microsoft edge) property and method prefixes the prefixes for
properties and methods are lower-case: webkit (chrome, safari, newer versions of opera, almost all ios browsers (including firefox for ios); basically, any webkit based browser) moz (firefox) o (old, pre-webkit, versions of opera) ms (internet explorer and microsoft edge) sample usage: var requestanimationframe = window.requestanimationframe || window.mozrequestanimation...
Advanced styling effects - Learn web development
there are two
properties that use blend modes in css: background-blend-mode, which blends together multiple background images and colors set on a single element.
... note: don't worry if you don't understand some of the layout
properties above, like position, top, bottom, z-index, etc.
...when used in this context, both of the
properties would require a -webkit- vendor prefix, even for non-webkit/chrome-based browsers: .text-clip { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } so why have other browsers implemented a -webkit- prefix?
Organizing your CSS - Learn web development
you will typically have rules set up for: body p h1, h2, h3, h4, h5 ul and ol the table
properties links in this section of the stylesheet we are providing default styling for the type on the site, setting up a default style for data tables and lists and so on.
... defining variables css now has native custom
properties, making this feature increasingly less important, however one of the reasons you might use sass is to be able to define all of the colors and fonts used in a project as settings, then use that variable around the project.
...you can look up
properties and values, explore our css cookbook for patterns to use, and read more in some of the specific guides such as our guide to css grid layout.
CSS values and units - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn about the different types of values and units used in css
properties.
... note: yes, css values tend to be denoted using angle brackets, to differentiate them from css
properties (e.g.
... unit relative to em font size of the parent, in the case of typographical
properties like font-size, and font size of the element itself, in the case of other
properties like width.
Multiple-column layout - Learn web development
we switch on multicol by using one of two
properties column-count or column-width.
...integer ligula ipsum, tristique sit amet orci vel, viverra egestas ligula.</p> </div> </div> .container { column-width: 250px; column-gap: 20px; } .card { background-color: rgb(207, 232, 220); border: 2px solid rgb(79, 185, 227); padding: 10px; margin: 0 0 1em 0; } to control this behavior we can use
properties from the css fragmentation specification.
... this specification gives us
properties to control breaking of content in multicol and in paged media.
Supporting older browsers - Learn web development
if the browser supports grid layout it will display the grid view, if not it ignores the display: grid and related
properties and the floated layout is used.
... float and clear as shown above, the float and clear
properties cease to affect the layout if floated or cleared items become flex or grid items.
... multiple-column layout for certain layouts you could use multi-col as a fallback, if your container has any of the column-*
properties defined on it and then becomes a grid container, the multicol behaviour will not happen.
Using your new knowledge - Learn web development
the css
properties that i have used are as follows — each one links to its property page on mdn, which will give you more examples of its use.
... use css to change how this biography looks by changing the values of the
properties i have used.
... afterwards try looking up some
properties not mentioned on this page in the mdn css reference and get adventurous!
Styling links - Learn web development
the default styles can be turned off/changed using the following css
properties: color for the text color.
... note: you are not just limited to the above
properties to style your links — you are free to use any
properties you like.
...the last rule however is interesting — here we are inserting a custom background image on external links in a similar manner to how we handled custom bullets on list items in the last article — this time however we are using background shorthand instead of the individual
properties.
CSS property compatibility table for form controls - Learn web development
you should probably avoid these
properties unless you master those side effects first.
...t is t (tweaked) indicates that the property is applied with the extra rule below: * { /* turn off the native look and feel */ -webkit-appearance: none; appearance: none; /* for internet explorer */ background: none; } compatibility tables global behaviors some behaviors are common to many browsers at a global level: border, background, border-radius, height using one of these
properties can partially or fully turn off the native look & feel of widgets on some browsers.
...many
properties are supported, but there is too much inconstency between browsers to be reliable.
Manipulating documents - Learn web development
inside your script element, add the following line: const link = document.queryselector('a'); now we have the element reference stored in a variable, we can start to manipulate it using
properties and methods available to it (these are defined on interfaces like htmlanchorelement in the case of <a> element, its more general parent interface htmlelement, and node — which represents all nodes in a dom).
...you can set
properties of this object to directly update element styles.
... first of all, let's grab a reference to the div, and then grab the width and height of the viewport (the inner window, where your document is displayed) and store them in variables — these two values are handily contained in the window.innerwidth and window.innerheight
properties.
A first splash into JavaScript - Learn web development
w, below the rest of your javascript: function setgameover() { guessfield.disabled = true; guesssubmit.disabled = true; resetbutton = document.createelement('button'); resetbutton.textcontent = 'start new game'; document.body.append(resetbutton); resetbutton.addeventlistener('click', resetgame); } the first two lines disable the form text input and button by setting their disabled
properties to true.
... because guessfield now contains a reference to an <input> element, it now has access to a number of
properties (basically variables stored inside objects, some of which can't have their values changed) and methods (basically functions stored inside objects).
...try entering the below lines, one by one: guesses.style.backgroundcolor = 'yellow'; guesses.style.fontsize = '200%'; guesses.style.padding = '10px'; guesses.style.boxshadow = '3px 3px 6px black'; every element on a page has a style property, which itself contains an object whose
properties contain all the inline css styles applied to that element.
Adding features to our bouncing balls demo - Learn web development
creating our new objects first of all, change your existing ball() constructor so that it becomes a shape() constructor and add a new ball() constructor: the shape() constructor should define the x, y, velx, and vely
properties in the same way as the ball() constructor did originally, but not the color and size
properties.
... the ball() constructor should inherit the x, y, velx, vely, and exists
properties from the shape() constructor.
... you should do this something like shape.call(this, x, y, 20, 20, exists); it should also define its own
properties, as follows: color — 'white' size — 10 again, remember to define your inherited
properties as parameters in the constructor, and set the prototype and constructor
properties correctly.
Working with JSON - Learn web development
other notes json is purely a data format — it contains only
properties, no methods.
... unlike in javascript code in which object
properties may be unquoted, in json only quoted strings may be used as
properties.
...the only difference is that its text is set to a concatenated string containing both the hometown and formed
properties of the object.
Ember interactivity: Events, classes and state - Learn web development
note: a decorator is basically a wrapper function, which wraps and calls other functions or
properties, providing additional functionality along the way.
...the only ember-specific part of this class is the @tracked decorator — this hooks in to the reactivity system and allows ember to update what you're seeing in your app automatically if the tracked
properties change.
... interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed
properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in sv...
Introduction to client-side frameworks - Learn web development
{ const item = document.createelement('li'); const span = document.createelement('span'); const textcontent = document.createtextnode(name); span.appendchild(textcontent) item.id = id; item.appendchild(span); item.appendchild(builddeletebuttonel(id)); return item; } here, we use the document.createelement() method to make our <li>, and several more lines of code to create the
properties and children it needs.
... working directly with the dom, as in this example, requires understanding many things about how the dom works: how to make elements; how to change their
properties; how to put elements inside of each other; how to get them on the page.
... interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed
properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in sv...
Framework main features - Learn web development
regardless of their opinions on how components should be written, each framework's components offer a way to describe the external
properties they may need, the internal state that the component should manage, and the events a user can trigger on the component's markup.
...
properties properties, or props, are external data that a component needs in order to render.
... interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed
properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in sv...
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
you'll notice that the array is successfully updated every time you press the button (the todo objects' completed
properties are toggled between true and false), but svelte is not aware of that.
... we could also access the todos array by index, like this: const checkalltodos = (completed) => { todos.foreach( (t,i) => todos[i].completed = completed) } assignments to
properties of arrays and objects — e.g.
... interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed
properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in sv...
Rendering a list of Vue components - Learn web development
this is really useful, as we want our todo items to display their label
properties as their label, not a static label of "my todo item".
... in addition, we want their checked status to reflect their done
properties, not always be set to done="false".
... interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember resources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new todo form: vue events, methods, and models styling vue components with css using vue computed
properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in sv...
Accessibility API cross-reference
fill out tagged pdf column (relevant documents from pdf association) add missing aria
properties fill out events cross reference table use this info to expand mozilla's accessibility api coverage to include mac, so that we can start to freeze them talk about the fact that msaa uses one interface (iaccessible), wherease gnome accessibility uses a lot of different interfaces depending on the type of object go through the atk info and make sure it's up-to-date accessible roles d...
... <p> <p> shows percentage completion for task progressbar progress_bar n/a progressbar page showing
properties of something propertypage n/a n/a n/a your average, run-of-the-mill button pushbutton push_button push_button button <button> only one radio button in a group is selectable.
... color_chooser n/a <input type=color> a dialog for picking a file n/a file_chooser file_chooser n/a invoked with <input type=file> no explanation given n/a n/a invalid n/a contains accessible info, but its role is not known n/a n/a unknown accessible states and
properties description & notes msaa state (state_system_*) java accessibility state gnome accessibility state (atk_state_*) mac os x accessibility state aria state or property html attribute tagged pdf relevant xul used in aria to denote non-conformant user input n/a n/a invalid aria-invalid this window is currently the acti...
Chrome registration
the two main types of localizable files are dtd files and java-style
properties files.
...to update your add-on to work without this flag: if your add-on depends upon xbl bindings attached to content objects (that is, it needs to be able to call functions or get and set
properties created by the xbl binding), you'll need to use the object's wrappedjsobject property to obtain a wrapped object.
... if you need to call functions or access
properties defined by the content -- for example, if your add-on wants to add a button to the page that calls a javascript function defined by the page.
Communicating with frame scripts
the example below sends a message named "my-e10s-extension-message", with a data payload containing details and tag
properties, and exposes the event.target object as a cpow: // frame script addeventlistener("click", function (event) { sendasyncmessage("my-addon@me.org:my-e10s-extension-message", { details : "they clicked", tag : event.target.tagname }, { target : event.target }); }, false); to receive messages from content, a chrome script needs to add a message listener using the message manager'...
... the message passed to the listener is an object containing the following
properties: name string containing the message name.
... objects an object whose
properties are any cpows exposed by the sender as the third argument to sendasyncmessage() in the example below the listener just logs all the messages details: // chrome script messagemanager.addmessagelistener("my-addon@me.org:my-e10s-extension-message", listener); function listener(message) { console.log(message.name); console.log(message.sync); console.log(message.data); console.log(message.target); console.log(message.objects); } so combining this message listener with the message...
Performance best practices for Firefox front-end engineers
note how abundant the
properties in that first list are.
... this means that when enumerating
properties on dom objects (e.g.
... elements/nodes, events, windows, etc.) accessing the value of each enumerated property will almost certainly (accidentally) cause uninterruptible reflow, because a lot of dom objects have one or even several
properties that do so.
mozbrowsershowmodalprompt
general info specification non standard interface customevent bubbles yes cancelable yes target <iframe> default action none
properties property type description target read only eventtarget the browser iframe type read only domstring the type of event.
... details the details property is an anonymous javascript object with the following
properties: prompttype a domstring defining the type of the prompt.
... obsolete
properties of details msg_name a string representing the type of message.
Script security
transparent wrappers allow access to all the target's
properties: functionally, it's as if the target is in the caller's compartment.
... this denies access to all the object's
properties, except for a few
properties of window and location objects, as defined by the same-origin policy.
...any expando
properties are not visible, and if any native dom
properties have been redefined, they are not visible in the xray.
AddonListener
in boolean needsrestart) void ondisabled(in addon addon) void oninstalling(in addon addon, in boolean needsrestart) void oninstalled(in addon addon) void onuninstalling(in addon addon, in boolean needsrestart) void onuninstalled(in addon addon) void onoperationcancelled(in addon addon) void onpropertychanged(in addon addon, in string
properties[]) methods onenabling() called when an add-on is about to be enabled.
... void onoperationcancelled( in addon addon, ) parameters addon the addon that has had a pending operation cancelled onpropertychanged() called when one or more
properties of addon has changed.
... only applies to the following
properties: applybackgroundupdates void onpropertychanged( in addon addon, in string
properties[] ) parameters addon the addon that has had its
properties changed
properties an array of the names of
properties that changed.
XPCOMUtils.jsm
mycomponent.prototype = { //
properties required for xpcom registration: classdescription: "unique text description", classid: components.id("{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}"), contractid: "@example.com/xxx;1", // [optional] custom factory (an object implementing nsifactory).
... function generateci( classinfo ); parameters classinfo an object containing the optional
properties interfaces, contractid, classdescription, classid, flags.
... return value an nsiclassinfo implementation returning the values of the
properties from the classinfo parameter in its various
properties.
Mozilla Quirks Mode Behavior
don't inherit font
properties into tables except for font-family.
... the css parser interprets unitless numbers as px (except for line-height and any other
properties where they have distinct meaning, and except in shorthands).
... the scrollleft, scrolltop, scrollwidth, and scrollheight
properties are relative to body in quirks mode (instead of html) (bug 211030).
Profile Manager
additionally, you can manually add firefox versions by clicking the "manage firefox versions..." button: each firefox version in the list has the following
properties: path, version, and default.
...
properties - shows a dialog that displays the profile's path and last-modified date.
... add 'profile size' to the
properties dialog.
An overview of NSS Internals
nss will usually create an in-memory (ram) presentation of certificates, once a certificate has been received from the network, read from disk, or looked up from the database, and prepare in-memory data structures that contain the certificate's
properties, as well as providing a handle for the programmer to use.
...the preferred approach is to use certificates, and to look up certificates by
properties such as the contained subject name (information that describes the owner of the certificate).
...over the time nss has received three different asn.1 parser implementations, each having their own specific
properties, advantages and disadvantages, which is why all of them are still being used (nobody has yet dared to replace the older with the newer ones because of risks for side effects).
Index
nss will usually create an in-memory (ram) presentation of certificates, once a certificate has been received from the network, read from disk, or looked up from the database, and prepare in-memory data structures that contain the certificate's
properties, as well as providing a handle for the programmer to use.
...the preferred approach is to use certificates, and to look up certificates by
properties such as the contained subject name (information that describes the owner of the certificate).
...over the time nss has received three different asn.1 parser implementations, each having their own specific
properties, advantages and disadvantages, which is why all of them are still being used (nobody has yet dared to replace the older with the newer ones because of risks for side effects).
Tutorial: Embedding Rhino
ting a script printing the result exiting the context expose java apis using java apis implementing interfaces adding java objects using javascript objects from java using javascript variables calling javascript functions javascript host objects defining host objects counter example counter's constructors class name dynamic
properties defining javascript "methods" adding counter to runscript runscript: a simple embedding about the simplest embedding of rhino possible is the runscript example.
...ndefined or not a function."); } else { object functionargs[] = { "my arg" }; function f = (function)fobj; object result = f.call(cx, scope, scope, functionargs); string report = "f('my args') = " + context.tostring(result); system.out.println(report); } javascript host objects defining host objects custom host objects can implement special javascript features like dynamic
properties.
... public string getclassname() { return "counter"; } dynamic
properties dynamic
properties are defined by methods beginning with jsget_ or jsset_.
HTMLImageElement.x - Web APIs
the x and y
properties are only valid for an image if its display property has the computed value table-column or table-column-group.
... example the example below demonstrates the use of the htmlimageelement
properties x and y.
... finally, we can look up and display the values of the htmlimageelement's x and y
properties.
HTMLImageElement.y - Web APIs
the x and y
properties are only valid for an image if its display property has the computed value table-column or table-column-group.
... example the example below demonstrates the use of the htmlimageelement
properties x and y.
... finally, we can look up and display the values of the htmlimageelement's x and y
properties.
HTMLInputElement.setSelectionRange() - Web APIs
this method updates the htmlinputelement.selectionstart, selectionend, and selectiondirection
properties in one call.
... note that accordingly to the whatwg forms spec selectionstart, selectionend
properties and setselectionrange method apply only to inputs of types text, search, url, tel and password.
... chrome, starting from version 33, throws an exception while accessing those
properties and method on the rest of input types.
HTMLLIElement - Web APIs
the htmllielement interface exposes specific
properties and methods (beyond those defined by regular htmlelement interface it also has available to it by inheritance) for manipulating list elements.
...ref="/docs/web/api/htmllielement" target="_top"><rect x="361" y="65" width="130" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="426" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllielement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... methods no specific method; inherits
properties from its parent, htmlelement.
HTMLLabelElement - Web APIs
the htmllabelelement interface gives access to
properties specific to <label> elements.
... it inherits methods and
properties from the base htmlelement interface.
...docs/web/api/htmllabelelement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllabelelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
HTMLLegendElement - Web APIs
the htmllegendelement is an interface allowing to access
properties of the <legend> elements.
... it inherits
properties and methods from the htmlelement interface.
...cs/web/api/htmllegendelement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllegendelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
HTMLMediaElement - Web APIs
the htmlmediaelement interface adds to htmlelement the
properties and methods needed to support basic media-related capabilities that are common to audio and video.
...docs/web/api/htmlmediaelement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmediaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties this interface also inherits
properties from its ancestors htmlelement, element, node, and eventtarget.
... htmlmediaelement.mozcapturestream() [enter description] htmlmediaelement.mozcapturestreamuntilended() [enter description] htmlmediaelement.mozgetmetadata() returns object, which contains
properties that represent metadata from the playing media resource as {key: value} pairs.
HTMLParamElement - Web APIs
the htmlparamelement interface provides special
properties (beyond those of the regular htmlelement object interface it inherits) for manipulating <param> elements, representing a pair of a key and a value that acts as a parameter for an <object> element.
...docs/web/api/htmlparamelement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlparamelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... recommendation the following
properties are now obsolete: type, and valuetype.
HTMLPreElement - Web APIs
the htmlpreelement interface exposes specific
properties and methods (beyond those of the htmlelement interface it also has available to it by inheritance) for manipulating a block of preformatted text (<pre>).
...f="/docs/web/api/htmlpreelement" target="_top"><rect x="351" y="65" width="140" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="421" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlpreelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... methods no specific method; inherits
properties from its parent, htmlelement.
HTMLProgressElement - Web APIs
the htmlprogresselement interface provides special
properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of <progress> elements.
...eb/api/htmlprogresselement" target="_top"><rect x="301" y="65" width="190" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlprogresselement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... methods no specific method; inherits
properties from its parent, htmlelement.
HTMLQuoteElement - Web APIs
the htmlquoteelement interface provides special
properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating quoting elements, like <blockquote> and <q>, but not the <cite> element.
...docs/web/api/htmlquoteelement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlquoteelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... methods no specific method; inherits
properties from its parent, htmlelement.
HTMLSelectElement - Web APIs
these elements also share all of the
properties and methods of other html elements via the htmlelement interface.
...cs/web/api/htmlselectelement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlselectelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties this interface inherits the
properties of htmlelement, and of element and node.
... it adds the autofocus, form, required, labels, selectedoptions, willvalidate, validity and validationmessage
properties.
HTMLTableCaptionElement - Web APIs
the htmltablecaptionelement interface special
properties (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating table caption elements.
...tmltablecaptionelement" target="_top"><rect x="261" y="65" width="230" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="376" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablecaptionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... methods no specific method; inherits
properties from its parent, htmlelement.
HTMLTableElement - Web APIs
the htmltableelement interface provides special
properties and methods (beyond the regular htmlelement object interface it also has available to it by inheritance) for manipulating the layout and presentation of tables in an html document.
...docs/web/api/htmltableelement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltableelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... obsolete
properties warning: the following
properties are obsolete.
HTMLTableRowElement - Web APIs
the htmltablerowelement interface provides special
properties and methods (beyond the htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of rows in an html table.
...eb/api/htmltablerowelement" target="_top"><rect x="301" y="65" width="190" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablerowelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;}
properties inherits
properties from its parent, htmlelement.
... obsolete the cells, rowindex, and selectionrowindex
properties are now read-only.
USBDevice.usbVersionSubminor - Web APIs
the usbversionsubminor read only property of the usbdevice interface is one of three
properties that declare the usb protocol version supported by the device.
... the other two
properties are usbdevice.usbversionmajor and usbdevice.usbversionminor.
... syntax var serialnumber = usbdevice.usbversionsubminor value the first of three
properties that declare the usb protocol version supported by the device.
Visual Viewport API - Web APIs
the visual viewport api provides an explicit mechanism for querying and modifying the
properties of the window's visual viewport.
...the object includes a set of
properties describing the viewport.
...when called it queries the offsetleft and height
properties for values it uses in a css translate() method.
Inputs and input sources - Web APIs
properties of input sources each individual xrinputsource has a set of
properties that describe the input's available axes and buttons, which hand the user's holding it in, and how the input source is used to handle targeting within the 3d space.
...the event is delivered as an xrinputsourcechangeevent, which includes three
properties of interest: session the xrsession for which the input sources have changed.
... applying inputs to the scene now that we have the deltas that need to be applied to the position and orientation—in our example, in the posdelta and orientdelta
properties of our avatar object—we can write code to apply those changes.
Keyframe Formats - Web APIs
syntax there are two different ways to format keyframes: an array of objects (keyframes) consisting of
properties and values to iterate over.
... attributes keyframes may specify property-value pairs for any of the animatable css
properties.
... two exceptional css
properties are: float, which must be written as cssfloat since "float" is a reserved word in javascript.
Using Web Workers - Web APIs
for example, you can't directly manipulate the dom from inside a worker, or use some default methods and
properties of the window object.
...etc): calls a worker's queryable function * postmessage(string or json data): see worker.prototype.postmessage() * terminate(): terminates the worker * addlistener(name, function): adds a listener * removelistener(name): removes a listener queryableworker instances
properties: * defaultlistener: the default listener executed only when the worker calls the postmessage() function directly */ function queryableworker(url, defaultlistener, onerror) { var instance = this, worker = new worker(url), listeners = {}; this.defaultlistener = defaultlistener || function() {}; if (onerror) {worker.onerror = onerror;} this.po...
...var onmessage and function onmessage will define global
properties with those names, but they will not register the function to receive messages sent by the web page that created the worker).
Window.open() - Web APIs
the returned reference can be used to access
properties and methods of the new window as long as it complies with same-origin policy security requirements.
... i cannot access the
properties of the new secondary window.
...a script loaded in a window (or frame) from a distinct origin (domain name) cannot get nor set
properties of another window (or frame) or the
properties of any of its html objects coming from another distinct origin (domain name).
XMLHttpRequest - Web APIs
properties this interface also inherits
properties of xmlhttprequesteventtarget and of eventtarget.
... non-standard
properties xmlhttprequest.channelread only is a nsichannel.
... more recent browsers, including firefox, also support listening to the xmlhttprequest events via standard addeventlistener() apis in addition to setting on*
properties to a handler function.
ARIA: grid role - Accessibility
even though both data grids and layout grids employ the same aria roles, states, and
properties, differences in their content and purpose surface factors that are important to consider in keyboard interaction design.
... associated aria roles, states, and
properties roles treegrid (subclass) if a grid has columns that can expanded or collapsed, a treegrid can be used.
... states and
properties aria-level indicates the hierarchical level of the grid within other structures.
Web applications and ARIA FAQ - Accessibility
javascript toolkits aria roles, states, and
properties have been added to a number of popular javascript user interface toolkits, including: dojo/dijit jquery ui fluid infusion google closure google web toolkit bbc glow yahoo!
...unfortunately, there isn't a more semantic tag available to developers in html 4, so we need to include aria roles and
properties.
...aria includes many roles, states, and
properties that aren't available in html5, so these will continue to be useful to developers who use html5.
An overview of accessible web applications and widgets - Accessibility
the aria specification is split up into three different types of attributes: roles, states, and
properties.
...
properties describe characteristics of these widgets, such as if they are draggable, have a required element, or have a popup associated with them.
...examples include (but are certainly not limited to): aria-checked: indicates the state of a checkbox or radio button aria-disabled: indicates that an element is visible, but not editable or otherwise operable aria-grabbed: indicates the 'grabbed' state of an object in a drag-and-drop operation (for a full list of aria states, consult the aria list of states and
properties.) developers should use aria states to indicate the state of ui widget elements and use css attribute selectors to alter the visual appearance based on the state changes (rather than using script to change a class name on the element).
-moz-outline-radius - CSS: Cascading Style Sheets
/* one value */ -moz-outline-radius: 25px; /* two values */ -moz-outline-radius: 25px 1em; /* three values */ -moz-outline-radius: 25px 1em 12%; /* four values */ -moz-outline-radius: 25px 1em 12% 4mm; /* global values */ -moz-outline-radius: inherit; -moz-outline-radius: initial; -moz-outline-radius: unset; constituent
properties this property is a shorthand for the following css
properties: -moz-outline-radius-bottomleft -moz-outline-radius-bottomright -moz-outline-radius-topleft -moz-outline-radius-topright syntax values elliptical outlines and <percentage> values follow the syntax described in border-radius.
... formal definition initial valueas each of the
properties of the shorthand:-moz-outline-radius-topleft: 0-moz-outline-radius-topright: 0-moz-outline-radius-bottomright: 0-moz-outline-radius-bottomleft: 0applies toall elementsinheritednopercentagesas each of the
properties of the shorthand:-moz-outline-radius-topleft: refer to the corresponding dimension of the border box-moz-outline-radius-topright: refer to the corresponding dimension of the border box...
...-moz-outline-radius-bottomright: refer to the corresponding dimension of the border box-moz-outline-radius-bottomleft: refer to the corresponding dimension of the border boxcomputed valueas each of the
properties of the shorthand:-moz-outline-radius-topleft: as specified-moz-outline-radius-topright: as specified-moz-outline-radius-bottomright: as specified-moz-outline-radius-bottomleft: as specifiedanimation typeas each of the
properties of the shorthand:-moz-outline-radius-topleft: a length, percentage or calc();-moz-outline-radius-topright: a length, percentage or calc();-moz-outline-radius-bottomright: a length, percentage or calc();-moz-outline-radius-bottomleft: a length, percentage or calc(); formal syntax <outline-radius>{1,4} [ / <outline-radius>{1,4} ]?where <outline-radius> = <length> | ...
-webkit-text-stroke - CSS: Cascading Style Sheets
this is a shorthand property for the longhand
properties -webkit-text-stroke-width and -webkit-text-stroke-color.
... /* width and color values */ -webkit-text-stroke: 4px navy; text-stroke: 4px navy; /* global values */ -webkit-text-stroke: inherit; -webkit-text-stroke: initial; -webkit-text-stroke: unset; text-stroke: inherit; text-stroke: initial; text-stroke: unset; constituent
properties this property is a shorthand for the following css
properties: -webkit-stroke-color -webkit-stroke-width syntax values <length> the width of the stroke.
... formal definition initial valueas each of the
properties of the shorthand:-webkit-text-stroke-width: 0-webkit-text-stroke-color: currentcolorapplies toall elementsinheritedyescomputed valueas each of the
properties of the shorthand:-webkit-text-stroke-width: absolute <length>-webkit-text-stroke-color: computed coloranimation typeas each of the
properties of the shorthand:-webkit-text-stroke-width: discrete-webkit-text-stroke-color: a color formal syntax <length> | <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]?
::cue-region - CSS: Cascading Style Sheets
::cue-region { color: yellow; font-weight: bold; } the
properties are applied to the entire set of cues as if they were a single unit.
... the only exception is that background and its shorthand
properties apply to each cue individually, to avoid creating boxes and obscuring unexpectedly large areas of the media.
... syntax ::cue-region | ::cue-region( <selector> ) permitted
properties rules whose selectors include this element may only use the following css
properties: background background-attachment background-clip background-color background-image background-origin background-position background-repeat background-size color font font-family font-size font-stretch font-style font-variant font-weight line-height opacity outline outline-color outline-style outline-width ruby-position text-combine-upright text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-shadow visibility white-space specifications specification status comment webvtt: the web video text tracks formatthe definition of...
::cue - CSS: Cascading Style Sheets
::cue { color: yellow; font-weight: bold; } the
properties are applied to the entire set of cues as if they were a single unit.
... the only exception is that background and its longhand
properties apply to each cue individually, to avoid creating boxes and obscuring unexpectedly large areas of the media.
... syntax ::cue | ::cue( <selector> ) permitted
properties rules whose selectors include this element may only use the following css
properties: background background-attachment background-clip background-color background-image background-origin background-position background-repeat background-size color font font-family font-size font-stretch font-style font-variant font-weight line-height opacity outline outline-color outline-style outline-width ruby-position text-combine-upright text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-shadow visibility white-space examples styling webvtt cues as white-on-black the following css sets the cue style so that the text is white and the background is a tran...
@keyframes - CSS: Cascading Style Sheets
properties that can't be animated in keyframe rules are ignored, but supported
properties will still be animated.
... when
properties are left out of some keyframes
properties that aren't specified in every keyframe are interpolated if possible —
properties that can't be interpolated are dropped from the animation.
... when a keyframe is defined multiple times if a keyframe is defined multiple times but not all affected
properties are in each keyframe, all values specified in these keyframes are considered.
border-style - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: border-bottom-style border-left-style border-right-style border-top-style syntax /* keyword values */ border-style: none; border-style: hidden; border-style: dotted; border-style: dashed; border-style: solid; border-style: double; border-style: groove; border-style: ridge; border-style: inset; border-style: outset; /* vertical | horizontal */ border-style: dotted solid; /* top ...
... formal definition initial valueas each of the
properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: noneapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed valueas each of the
properties of the shorthand:border-bottom-style: as specifiedborder-left-style: as specifiedborder-right-style: as specifiedborder-top-style: as specifiedanimation typediscrete formal syntax <line-style>{1,4}where <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset examples table with all property values here is an example of all the property values.
border-width - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: border-bottom-width border-left-width border-right-width border-top-width syntax /* keyword values */ border-width: thin; border-width: medium; border-width: thick; /* <length> values */ border-width: 4px; border-width: 1.2rem; /* vertical | horizontal */ border-width: 2px 1.5em; /* top | horizontal | bottom */ border-width: 1px 2em 1.5cm; /* top | right | bottom | left */ border-width: 1px 2em 0 4r...
... formal definition initial valueas each of the
properties of the shorthand:border-top-width: mediumborder-right-width: mediumborder-bottom-width: mediumborder-left-width: mediumapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed valueas each of the
properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-left-width: the absolute length or 0 if border-left-style is none or hiddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenborder-top-width: the absolute length or 0 if border-top-style is none or hiddenanimation typeas each of the
properties of the shorthand:border-bottom-width: a lengthborder-left-width: a lengthborder-right-width: a lengthborder-top-width: a length formal syntax <line-width>{1,4}where <line-width> = <length> | thin | medium | thick examples a mix of values and lengths html <p id="sval"> one value: 6px wide border on all 4 sides</p> <p id="biv...
column-rule - CSS: Cascading Style Sheets
it is a shorthand property that sets the individual column-rule-*
properties in a single, convenient declaration: column-rule-width, column-rule-style, and column-rule-color.
... note: as with all shorthand
properties, any individual value that is not specified is set to its corresponding initial value (possibly overriding values previously set using non-shorthand
properties).
... formal definition initial valueas each of the
properties of the shorthand:column-rule-width: mediumcolumn-rule-style: nonecolumn-rule-color: currentcolorapplies tomulticol elementsinheritednocomputed valueas each of the
properties of the shorthand:column-rule-color: computed colorcolumn-rule-style: as specifiedcolumn-rule-width: the absolute length; 0 if the column-rule-style is none or hiddenanimation typeas each of the
properties of the shorthand:col...
display - CSS: Cascading Style Sheets
depending on the value of other
properties (such as position, float, or overflow) and whether it is itself participating in a block or inline formatting context, it either establishes a new block formatting context (bfc) for its contents or integrates its contents into its parent formatting context.
... if you want to visually hide the element, a more accessible alternative is to use a combination of
properties to remove it visually from the screen but keep it parseable by assistive technology such as screen readers.
... short note on what css display
properties do to table semantics — the paciello group hidden content for better a11y | go make things mdn understanding wcag, guideline 1.3 explanations understanding success criterion 1.3.1 | w3c understanding wcag 2.0 formal definition initial valueinlineapplies toall elementsinheritednocomputed valueas the specified value, except for positioned and floating elements and the root element.
font-variation-settings - CSS: Cascading Style Sheets
you should only use it when no basic
properties exist to set those features (e.g.
... font characteristics set using font-variation-settings will always override those set using the corresponding basic font
properties, e.g.
... here are the registered axes along with their corresponding css
properties: axis tag css property "wght" font-weight "wdth" font-stretch "slnt" (slant) font-style: oblique + angle "ital" font-style: italic "opsz" font-optical-sizing custom axes can be anything the font designer wants to vary in their font, for example ascender or descender heights, the size of serifs, or anythin...
initial - CSS: Cascading Style Sheets
this includes the css shorthand all, with which initial can be used to restore all css
properties to their initial state.
... on inherited
properties, the initial value may be unexpected.
... the all property lets you reset all
properties to their initial, inherited, reverted, or unset state at once.
inset-block - CSS: Cascading Style Sheets
it corresponds to the top and bottom, or right and left
properties depending on the values defined for writing-mode, direction, and text-orientation.
... /* <length> values */ inset-block: 3px 10px; inset-block: 2.4em 3em; inset-block: 10px; /* value applied to start and end */ /* <percentage>s of the width or height of the containing block */ inset-block: 10% 5%; /* keyword value */ inset-block: auto; /* global values */ inset-block: inherit; inset-block: initial; inset-block: unset; constituent
properties this property is a shorthand for the following css
properties: inset-block-end inset-block-start syntax values the inset-block property takes the same values as the left property.
... formal definition initial valueautoapplies topositioned elementsinheritednopercentageslogical-height of containing blockcomputed valuesame as box offsets: top, right, bottom, left
properties except that directions are logicalanimation typea length, percentage or calc(); formal syntax <'top'>{1,2} examples setting block start and end offsets html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; position: relative; inset-block: 20px 50px; background-color: #c8c800; } result specifications specification status comment css logical
properties and values level 1the definition of 'inset-block' in that specification.
inset-inline - CSS: Cascading Style Sheets
it corresponds to the top and bottom, or right and left
properties depending on the values defined for writing-mode, direction, and text-orientation.
... /* <length> values */ inset-inline: 3px 10px; inset-inline: 2.4em 3em; inset-inline: 10px; /* value applied to start and end */ /* <percentage>s of the width or height of the containing block */ inset-inline: 10% 5%; /* keyword value */ inset-inline: auto; /* global values */ inset-inline: inherit; inset-inline: initial; inset-inline: unset; constituent
properties this property is a shorthand for the following css
properties: inset-inline-end inset-inline-start syntax values the inset-inline property takes the same values as the left property.
... formal definition initial valueautoapplies topositioned elementsinheritednopercentageslogical-width of containing blockcomputed valuesame as box offsets: top, right, bottom, left
properties except that directions are logicalanimation typea length, percentage or calc(); formal syntax <'top'>{1,2} examples setting inline start and end offsets html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; position: relative; inset-inline: 20px 50px; background-color: #c8c800; } result specifications specification status comment css logical
properties and values level 1the definition of 'inset-inline' in that specification.
inset - CSS: Cascading Style Sheets
it is a shorthand that corresponds to the top, right, bottom, and/or left
properties.
...formal definition initial valueautoapplies topositioned elementsinheritednopercentageslogical-height of containing blockcomputed valuesame as box offsets: top, right, bottom, left
properties except that directions are logicalanimation typea length, percentage or calc(); formal syntax <'top'>{1,4} examples setting offsets for an element html <div> <span class="exampletext">example text</span> </div> css div { background-color: yellow; width: 150px; height: 120px; position: relative; } .exampletext { writing-mode: sideways-rl; position: absolute; inset: 20px 4...
...0px 30px 10px; background-color: #c8c800; } result specifications specification status comment css logical
properties and values level 1the definition of 'inset' in that specification.
list-style - CSS: Cascading Style Sheets
the list-style css shorthand property allows you set all the list style
properties at once.
... constituent
properties this property is a shorthand for the following css
properties: list-style-image list-style-position list-style-type syntax /* type */ list-style: square; /* image */ list-style: url('../img/shape.png'); /* position */ list-style: inside; /* type | position */ list-style: georgian inside; /* type | image | position */ list-style: lower-roman url('../img/shape.png') outside; /* keywor...
... ul { list-style: none; } ul li::before { content: "\200b"; } voiceover and list-style-type: none – unfettered thoughts mdn understanding wcag, guideline 1.3 explanations understanding success criterion 1.3.1 | w3c understanding wcag 2.0 formal definition initial valueas each of the
properties of the shorthand:list-style-type: disclist-style-position: outsidelist-style-image: noneapplies tolist itemsinheritedyescomputed valueas each of the
properties of the shorthand:list-style-image: none or the image with its uri made absolutelist-style-position: as specifiedlist-style-type: as specifiedanimation typediscrete formal syntax <'list-style-type'> | <'list-style-position'> | <'list-styl...
margin-inline - CSS: Cascading Style Sheets
ve to the text size */ margin-inline: 5% 2%; /* relative to the nearest block container's width */ margin-inline: 10px; /* sets both start and end values */ /* keyword values */ margin-inline: auto; /* global values */ margin-inline: inherit; margin-inline: initial; margin-inline: unset; this property corresponds to the margin-top and margin-bottom, or margin-right, and margin-left
properties, depending on the values defined for writing-mode, direction, and text-orientation.
... constituent
properties this property is a shorthand for the following css
properties: margin-inline-end margin-inline-start syntax values the margin-inline property takes the same values as the margin-left property.
...n-left'>{1,2} examples setting inline start and end margins html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; margin-inline: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical
properties and values level 1the definition of 'margin-inline' in that specification.
offset - CSS: Cascading Style Sheets
the offset css shorthand property sets all the
properties required for animating an element along a defined path.
... constituent
properties this property is a shorthand for the following css
properties: offset-anchor offset-distance offset-path offset-position offset-rotate syntax /* offset position */ offset: auto; offset: 10px 30px; offset: none; /* offset path */ offset: ray(45deg closest-side); offset: path('m 100 100 l 300 100 l 200 300 z'); offset: url(arc.svg); /* offset path with distance and/or rotation */ offset: url(circle.svg) 100px; offset: url(circle.svg) 40%; offset: url(circle.svg) 30deg; offset: url(circle.svg) 50px 20deg; /* including offset anchor */ offset: ray(45deg closest-side) / 40px 20px; offset: url(arc.svg) 2cm / 0.5cm 3cm; offset: url(arc.svg) 30deg / 50px 100px; formal definition initial valueas each of...
... the
properties of the shorthand:offset-position: autooffset-path: noneoffset-distance: 0offset-anchor: autooffset-rotate: autoapplies totransformable elementsinheritednopercentagesas each of the
properties of the shorthand:offset-position: refertosizeofcontainingblockoffset-distance: refer to the total path lengthoffset-anchor: relativetowidthandheightcomputed valueas each of the
properties of the shorthand:offset-position: for <length> the absolute value, otherwise a percentageoffset-path: as specifiedoffset-distance: for <length> the absolute value, otherwise a percentageoffset-anchor: for <length> the absolute value, otherwise a percentageoffset-rotate: as specifiedanimation typeas each of the
properties of the shorthand:offset-position: a positionoffset-path: as <angle>, <basic-shape> or <path(...
padding-block - CSS: Cascading Style Sheets
the padding-block css shorthand property defines the logical block start and end padding of an element, which maps to physical padding
properties depending on the element's writing mode, directionality, and text orientation.
... constituent
properties this property is a shorthand for the following css
properties: padding-block-end padding-block-start syntax values the padding-block property takes the same values as the padding-left property.
...eft'>{1,2} examples setting block padding for vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; padding-block: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical
properties and values level 1the definition of 'padding-block' in that specification.
padding-inline - CSS: Cascading Style Sheets
the padding-inline css shorthand property defines the logical inline start and end padding of an element, which maps to physical padding
properties depending on the element's writing mode, directionality, and text orientation.
...ength> values */ padding-inline: 10px 20px; /* an absolute length */ padding-inline: 1em 2em; /* relative to the text size */ padding-inline: 10px; /* sets both start and end values */ /* <percentage> values */ padding-inline: 5% 2%; /* relative to the nearest block container's width */ /* global values */ padding-inline: inherit; padding-inline: initial; padding-inline: unset; constituent
properties this property is a shorthand for the following css
properties: padding-inline-end padding-inline-start syntax values the padding-inline property takes the same values as the padding-left property.
...t'>{1,2} examples setting inline padding for vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; padding-inline: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical
properties and values level 1the definition of 'padding-inline' in that specification.
padding - CSS: Cascading Style Sheets
constituent
properties this property is a shorthand for the following css
properties: padding-bottom padding-left padding-right padding-top syntax /* apply to all four sides */ padding: 1em; /* vertical | horizontal */ padding: 5% 10%; /* top | horizontal | bottom */ padding: 1em 2em 2em; /* top | right | bottom | left */ padding: 5px 1em 0 2em; /* global values */ padding: inherit; padding: initial; padd...
... formal definition initial valueas each of the
properties of the shorthand:padding-bottom: 0padding-left: 0padding-right: 0padding-top: 0applies toall elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column.
... it also applies to ::first-letter and ::first-line.inheritednopercentagesrefer to the width of the containing blockcomputed valueas each of the
properties of the shorthand:padding-bottom: the percentage as specified or the absolute lengthpadding-left: the percentage as specified or the absolute lengthpadding-right: the percentage as specified or the absolute lengthpadding-top: the percentage as specified or the absolute lengthanimation typea length formal syntax [ <length> | <percentage> ]{1,4} examples setting padding with pixels html <h4>this element has moderate padding.</h4> <h3>the padding is huge in this element!</h3> css h4 { background-color: lime; padding: 20px 50px; } h3 { background-color: cyan; padding: 110px 50px 50px 110px; } result setting padding with pixels a...
action - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] used to specify the content that should be generated for each matching result from a query.
...ources, 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 me...
assign - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] for xml templates, specifies an additional variable to assign a value to.
...ources, 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 m...
bbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a horizontal box that is baseline aligned.
...ources, 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 m...
bindings - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] used to specify a set of variable bindings for a rule.
...
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 m...
box - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container element which can contain any number of child elements.
...ources, 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 m...
broadcaster - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a broadcaster is used when you want multiple elements to share one or more attribute values, or when you want elements to respond to a state change.
...ources, 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 m...
broadcasterset - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container element for broadcaster elements.
...ources, 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 m...
column - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a single column in a columns element.
...ources, 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 m...
columns - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] defines the columns of a grid.
...ources, 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 m...
command - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a command element can be used to invoke an operation that can come from multiple sources.
...
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 m...
commandset - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is not displayed and serves as a container for command elements.
...
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 m...
conditions - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element should appear directly inside a rule element and is used to define conditions for the rule.
...ources, 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 m...
dialogheader - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a heading row for a dialog box.
...
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 m...
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.
...ources, 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 m...
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.
...ources, 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 m...
hbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container element which can contain any number of child elements.
...ources, 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 m...
key - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] the key element defines a window-global keyboard shortcut and must be placed inside a keyset element.
...
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 m...
keyset - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container element for key elements.
...
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 m...
listcol - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a column in a listbox.
...ources, 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 m...
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.
...ources, 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 m...
observes - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] the observes element can be used to listen to a broadcaster and receive events and attributes from it.
...ources, 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 m...
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.
...ources, 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 m...
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.
... type type: one of the values below the type of the parameter's value integer 32 bit integer int64 64 bit integer double double-precision floating-point number string string literal, the default value
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 m...
popupset - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container for menupopup, panel and tooltip elements.
...ources, 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 m...
query - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] used to specify the query for a template.
...ources, 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 m...
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.
...ources, 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 m...
resizer - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element used for window resizing.
...ources, 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 m...
row - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a single row in a rows element.
...ources, 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 m...
rows - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] defines the rows of a grid.
...ources, 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 m...
rule - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a rule is used in a template.
...
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 m...
script - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] much like the html script element, this is used to declare a script to be used by the xul window.
...ources, 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 m...
scrollbar - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] when a container's contents which are larger that the size of the container, scroll bars may be placed at the side of the container to allow the user to scroll around in the container.
...
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 m...
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.
...ources, 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 m...
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.
...ources, 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 m...
separator - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] creates a small separating gap between elements.
...ources, 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 m...
spacer - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element that takes up space but does not display anything.
...ources, 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 m...
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.
...ources, 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 m...
splitter - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element which should appear before or after an element inside a container.
...
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 m...
stack - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] an element that renders its children on top of each other.
...ources, 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 m...
stringbundleset - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container for stringbundle elements.
...ources, 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 m...
tabpanel - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a individual panel in a tabpanels element.
...ources, 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 m...
template - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] used to declare a template for rule-based construction of elements.
...ources, 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 m...
textnode - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] normally when substituting rdf resources in template rules, you place the rdf property name inside an attribute value preceded with rdf:.
...ources, 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 m...
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.
...
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 m...
toolbaritem - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] firefox only an item that appears on a toolbar.
...ources, 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 m...
toolbarpalette - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] firefox only the item is a palette of available toolbar items.
...ources, 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 m...
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.
...sources, 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 met...
treechildren - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] this element is the body of the tree.
...ources, 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 m...
treeitem - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a treeitem should be placed inside a treechildren element and should contain treerow elements.
...
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 m...
triple - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a triple can be included inside a rule's conditions element.
...ources, 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 m...
vbox - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] a container element which can contain any number of child elements.
...ources, 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 m...
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.
...ources, 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 m...
window - Archive of obsolete content
« xul reference home [ examples | attributes |
properties | methods | related ] describes the structure of a top-level window.
... values for window type as found on mxr: http://mxr.mozilla.org/mozilla-release/search?string=windowtype navigator:browser - looks like if window has gbrowser it has this window type devtools:scratchpad - scratchpad windows navigator:view-source - the view source windows
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 m...
Developing cross-browser and cross-platform pages - Archive of obsolete content
another major problem with this approach is that the browser identity can be "spoofed" because, in many modern browsers, the navigator.appversion and navigator.useragent string
properties are user configurable strings.
... for example, firefox 1.x users and users of any/all mozilla-based browsers can customize the "general.useragent.*" string
properties to any value.
-ms-content-zoom-snap - Archive of obsolete content
the -ms-content-zoom-snap css shorthand property is a microsoft extension that specifies values for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points
properties.
... initial valueas each of the
properties of the shorthand:-ms-content-zoom-snap-type: none-ms-content-zoom-snap-points: snapinterval(0%, 100%)applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed valueas each of the
properties of the shorthand:-ms-content-zoom-snap-type: as specified-ms-content-zoom-snap-points: as specifiedanimation typediscrete syntax the -ms-content-zoom-snap shorthand property is specified as one or both of the following content zoom snap values, in order, separated by spaces.
-ms-filter - Archive of obsolete content
filterfrom.filters.item(0).transition=12; imagefrom.style.visibility = "hidden"; filterto.style.visibility = ""; filterfrom.filters.item(0).play(14); } </script> </body> gradient progid:dximagetransform.microsoft.gradient( <
properties> ) where <
properties> = [ <enabled> | <endcolor> | <endcolorstr> | <gradienttype> | <startcolor> | <startcolorstr> ]# where <enabled> = 'enabled=' [ true | false ] <endcolor> = 'startcolor=' <color> <endcolorstr> = 'startcolorstr=' <color> <gradienttype> = 'gradienttype=' <integer> <startcolor> = 'startcolor=' <color> <startcolorstr> = 'startcolorstr=' <color> enabled default: true set to f...
... initial value"" (the empty string)applies toall elementsinheritednocomputed valueas specifiedanimation typediscrete remarks the following table lists the most popular dx filters and their standards-based alternatives: dx filter standards-based alternative alpha opacity alphaimageloader <img> or background-image and related
properties gradient background-image: linear-gradient() dropshadow text-shadow or box-shadow matrix transform, transform-origin in windows internet explorer 8, the -ms-filter attribute is an extension to css, and can be used as a synonym for filter in ie8 standards mode.
-ms-scroll-limit - Archive of obsolete content
the -ms-scroll-limit css property is a microsoft extension that specifies values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max, and -ms-scroll-limit-y-max
properties.
... initial valueas each of the
properties of the shorthand:-ms-scroll-limit-x-min: 0-ms-scroll-limit-y-min: 0-ms-scroll-limit-x-max: auto-ms-scroll-limit-y-max: autoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed valueas each of the
properties of the shorthand:-ms-scroll-limit-x-min: as specified-ms-scroll-limit-y-min: as specified-ms-scroll-limit-x-max: as specified-ms-scroll-limit-y-max: as specifiedanimation typediscrete syntax the -ms-scroll-limit property is specified as one or more of the following scroll limit values, in the order listed, separated by spaces.
-ms-scroll-snap-x - Archive of obsolete content
the -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x
properties.
... initial valueas each of the
properties of the shorthand:-ms-scroll-snap-type: none-ms-scroll-snap-points-x: snapinterval(0px, 100%)applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed valueas each of the
properties of the shorthand:-ms-scroll-snap-type: as specified-ms-scroll-snap-points-x: as specifiedanimation typediscrete syntax values the -ms-scroll-snap-x shorthand property is specified as one or both of the following values, in order and separated by spaces.
-ms-scroll-snap-y - Archive of obsolete content
the -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y
properties.
... initial valueas each of the
properties of the shorthand:-ms-scroll-snap-type: none-ms-scroll-snap-points-y: snapinterval(0px, 100%)applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed valueas each of the
properties of the shorthand:-ms-scroll-snap-type: as specified-ms-scroll-snap-points-y: as specifiedanimation typediscrete syntax values the -ms-scroll-snap-y shorthand property is specified as one or both of the following values, in order and separated by spaces.