Search completed in 1.33 seconds.
CSSPrimitiveValue.setFloatValue() - Web APIs
the setfloat
value() method of the cssprimitive
value interface is used to set a float
value.
... if the property attached to this
value can't accept the specified unit or the float
value, the
value will be unchanged and a domexception will be raised.
... syntax cssprimitive
value.setfloat
value(unittype, float
value); parameters unittype an unsigned short representing the code for the unit type, in which the
value should be returned.
...And 23 more matches
CSSPrimitiveValue.getFloatValue() - Web APIs
the getfloat
value() method of the cssprimitive
value interface is used to get a float
value in a specified unit.
... if this css
value doesn't contain a float
value or can't be converted into the specified unit, a domexception is raised.
... syntax var float
value = cssprimitive
value.getfloat
value(unit); parameters unittype an unsigned short representing the code for the unit type, in which the
value should be returned.
...And 22 more matches
CSSPrimitiveValue.setStringValue() - Web APIs
the setstring
value() method of the cssprimitive
value interface is used to set a string
value.
... if the property attached to this
value can't accept the specified unit or the string
value, the
value will be unchanged and a domexception will be raised.
... syntax cssprimitive
value.setstring
value(stringtype, string
value); parameters stringtype an unsigned short representing the type of the
value.
...And 8 more matches
CSSValue.cssValueType - Web APIs
the css
valuetype read-only property of the css
value interface represents the type of the current computed css property
value.
... syntax css
valuetype = css
value.css
valuetype;
value an unsigned short representing a code defining the type of the
value.
... possible
values are: constant description css_custom the
value is a custom
value.
...And 4 more matches
IDBCursorWithValue.value - Web APIs
the
value read-only property of the idbcursorwith
value interface returns the
value of the current cursor, whatever that is.
... syntax var
value = myidbcursorwith
value.
value;
value the
value of the current cursor.
...within each iteration we log the
value of the cursor with cursor.
value.
...And 3 more matches
CSSPrimitiveValue.getCounterValue() - Web APIs
the getcounter
value() method of the cssprimitive
value interface is used to get the counter
value.
... if this css
value doesn't contain a counter
value, a domexception is raised.
... syntax var counter
value = cssprimitive
value.getcounter
value(); return
value a counter object representing the counter
value.
...And 2 more matches
CSSPrimitiveValue.getRGBColorValue() - Web APIs
the getrgbcolor
value() method of the cssprimitive
value interface is used to get an rgb color
value.
... if this css
value doesn't contain a rgb color
value, a domexception is raised.
... syntax var rgbcolor
value = cssprimitive
value.getrgbcolor
value(); return
value an rgbcolor object representing the color
value.
...And 2 more matches
CSSPrimitiveValue.getRectValue() - Web APIs
the getrect
value() method of the cssprimitive
value interface is used to get a rect
value.
... if this css
value doesn't contain a rect
value, a domexception is raised.
... syntax var rect
value = cssprimitive
value.getrect
value(); return
value a rect object representing the rect
value.
...And 2 more matches
CSSPrimitiveValue.getStringValue() - Web APIs
the getstring
value() method of the cssprimitive
value interface is used to get a string
value.
... if this css
value doesn't contain a string
value, a domexception is raised.
... syntax var string
value = cssprimitive
value.getstring
value(); return
value a string
value.
...And 2 more matches
CSSUnitValue.CSSUnitValue() - Web APIs
the cssunit
value() constructor creates a new cssunit
value object which returns a new cssunit
value object which represents
values that contain a single unit type.
... for example, "42px" would be represented by a cssnumeric
value.
... syntax var cssunit
value = new cssunit
value() parameters
value returns a double indicating the number of units.
...And 2 more matches
CSSUnitValue.value - Web APIs
the cssunit
value.
value property of the cssunit
value interface returns a double indicating the number of units.
... syntax var cssunit
value = cssunit
value.
value; cssunit
value.
value = cssunit
value;
value a double.
... examples the following creates a cssposition
value from individual cssunit
value constructors, then queries the cssunit
value.
value.
... let pos = new cssposition
value( new cssunit
value( 5, "px" ), new cssunit
value( 10, "px" )); console.log( pos.x.
value ); // 5 console.log( pos.y.
value ); // 10 specifications specification status comment css typed om level 1the definition of 'cssunit
value.
value' in that specification.
CSSUnparsedValue.values() - Web APIs
the cssunparsed
value.
values() method returns a new array iterator object that contains the
values for each index in the cssunparsed
value object.
... syntax cssunparsed
value.
values() parameters none.
... return
value a new array.
... specifications specification status comment css typed om level 1the definition of '
values()' in that specification.
CSSKeywordValue.CSSKeywordValue() - Web APIs
the csskeyword
value constructor creates a new csskeyword
value object which represents css keywords and other identifiers.
... syntax var csskeyword
value = new csskeyword
value(val) parameters
value sets or returns the
value of the new csskeyword
value.
... #myelement { display: flex; } <div id="myelement">check the developer tools to see the log in the console and to inspect the style attribute on this div.</div> let keyword = new csskeyword
value('initial'); let myelement = document.getelementbyid('myelement').attributestylemap; myelement.set('display', keyword); console.log( myelement.get('display').
value); // 'initial' console.dir( keyword ); specifications specification status comment css typed om level 1the definition of 'csskeyword
value' in that specification.
CSSKeywordValue.value - Web APIs
the
value property of the csskeyword
value interface returns or sets the
value of the csskeyword
value.
... syntax var val = csskeyword
value.
value csskeyword
value.
value = val
value a usvstring.
... let indicator = document.getelementbyid('indicator'); indicator.attributestylemap.set('display', new csskeyword
value('initial')); indicator.attributestylemap.get('display').
value // 'initial' specifications specification status comment css typed om level 1the definition of 'undefined' in that specification.
CSSPositionValue.CSSPositionValue() - Web APIs
the cssposition
value constructor creates a new cssposition
value object which represents
values for properties that take a position, for example object-position.
... syntax cvar cssposition
value = new cssposition
value(x, y) parameters x a position along the web page's horizontal axis.
... let somediv = document.getelementbyid('container'); let position = new cssposition
value(css.px(5), css.px(10)); somediv.attributestylemap.set('object-position', position); console.log(position.x.
value, position.y.
value); // 5 10 ...
CSSUnparsedValue.CSSUnparsedValue() - Web APIs
the cssunparsed
value() constructor creates a new cssunparsed
value object which represents property
values that reference custom properties.
... syntax var cssunparsed
value = new cssunparsed
value(members) parameters members an array whose
values must be either a usvstring or a cssvariablereference
value.
... examples let
value = new cssunparsed
value( ['4deg'] ),
values = new cssunparsed
value( ['1em', '#445566', '-45px'] ); console.log(
value ); // cssunparsed
value {0: "4deg", length: 1} console.log(
values ); // cssunparsed
value {0: "1em", 1: "#445566", 2: "-45px", length: 3} specifications specification status comment css typed om level 1the definition of 'cssunparsed
value' in that specification.
CSSPrimitiveValue - Web APIs
the cssprimitive
value interface derives from the css
value interface and represents the current computed
value of a css property.
... this interface represents a single css
value.
... it may be used to determine the
value of a specific style property currently set in a block or to set a specific style property explicitly within the block.
...And 75 more matches
CSS values and units - Learn web development
previous overview: building blocks next every property used in css has a
value or set of
values that are allowed for that property, and taking a look at any property page on mdn will help you understand the
values that are valid for any particular property.
... in this lesson we will take a look at some of the most common
values and units in use.
... 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.
...And 70 more matches
CSSPrimitiveValue.primitiveType - Web APIs
the primitivetype read-only property of the cssprimitive
value interface represents the type of a css
value.
... syntax type = cssprimitive
value.primitivetype;
value an unsigned short representing the type of the
value.
... possible
values are: constant description css_attr the
value is an attr() function.
...And 52 more matches
Key Values - Web APIs
the tables below list the standard key
values in various categories of key, with an explanation of what the key is typically used for.
... learn how to use these key
values in javascript using keyboardevent.key special
values | modifier keys | whitespace keys | navigation keys | editing keys | ui keys | device keys | ime and composition keys | function keys | phone keys | multimedia keys | audio control keys | tv control keys | media controller keys | speech recognition keys | document keys | application selector keys | browser control keys | numeric keypad keys special
values
values of key which have special meanings other than identifying a specific key or character.
... keyboardevent.key
value description virtual keycode windows mac linux android "unidentified" the user agent wasn't able to map the event's virtual keycode to a specific key
value.
...And 44 more matches
CSS values and units - CSS: Cascading Style Sheets
every css declaration includes a property /
value pair.
... depending on the property, the
value can include a single integer or keyword, to a series of keywords and
values with or without units.
... there are a common set of data types --
values and units -- that css properties accept.
...And 33 more matches
Function return values - Learn web development
previous overview: building blocks next there's one last essential concept about functions for us to discuss — return
values.
... some functions don't return a significant
value, but others do.
... it's important to understand what their
values are, how to use them in your code, and how to make functions return useful
values.
...And 27 more matches
Value definition syntax - CSS: Cascading Style Sheets
css
value definition syntax, a formal grammar, is used for defining the set of valid
values for a css property or function.
... in addition to this syntax, the set of valid
values can be further restricted by semantic constraints (for example, for a number to be strictly positive).
... the definition syntax describes which
values are allowed and the interactions between them.
...And 27 more matches
JS::Value
js::
value is the type of javascript
values in the jsapi.
... a c++ variable of type js::
value represents a
value in javascript: a string, number, object (including arrays and functions), boolean, symbol, null, or undefined.
... js::
value is a class whose internal structure is an implementation detail.
...And 26 more matches
IAccessibleValue
other-licenses/ia2/accessible
value.idlnot scriptable this interface gives access to a single numerical
value.
... 1.0 66 introduced gecko 1.9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) the iaccessible
value interface represents a single numerical
value and should be implemented by any class that supports numerical
value like progress bars and spin boxes.
... this interface lets you access the
value and its upper and lower bounds.
...And 17 more matches
AudioParam.value - Web APIs
the web audio api's audioparam interface property
value gets or sets the
value of this audioparam at the current time.
... initially, the
value is set to audioparam.default
value.
... setting
value has the same effect as calling audioparam.set
valueattime with the time returned by the audiocontext's currenttime property..
...And 17 more matches
JS_ConvertValue
converts a javascript
value to a
value of a specific javascript type.
... syntax bool js_convert
value(jscontext *cx, js::handle
value v, jstype type, js::mutablehandle
value vp); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 15 more matches
mozIStorageValueArray
the mozistorage
valuearray interface obtains provides methods to obtain data from a given result.
... storage/public/mozistorage
valuearray.idlscriptable please add a summary to this article.
... constants constant
value description
value_type_null 0 null data type.
...And 15 more matches
AudioParam.setValueCurveAtTime() - Web APIs
the set
valuecurveattime() method of the audioparam interface schedules the parameter's
value to change following a curve defined by a list of
values.
... the curve is a linear interpolation between the sequence of
values defined in an array of floating-point
values, which are scaled to fit into the given interval starting at starttime and a specific duration.
... syntax var paramref = param.set
valuecurveattime(
values, starttime, duration); parameters
values an array of floating-point numbers representing the
value curve the audioparam will change through along the specified duration.
...And 14 more matches
Object.prototype.valueOf() - JavaScript
the
valueof() method returns the primitive
value of the specified object.
... syntax object.
valueof() return
value the primitive
value of the specified object.
... a (unary) plus sign can sometimes be used as a shorthand for
valueof, e.g.
...And 13 more matches
CSS grids, logical values, and writing modes - CSS: Cascading Style Sheets
logical and physical properties and
values css is full of physical positioning keywords – left and right, top and bottom.
... if we position an item using absolute positioning, we use these physical keywords as offset
values to push the item around.
...you can see that the first paragraph remains left to right, due to the text-align
value being left .
...And 12 more matches
JS_ValueToNumber
convert any javascript
value to a floating-point number of type jsdouble.
... syntax jsbool js_
valuetonumber(jscontext *cx, jsval v, jsdouble *dp); name type description cx jscontext * the context in which to perform the conversion.
... v jsval the
value to convert.
...And 11 more matches
values - SVG: Scalable Vector Graphics
the
values attribute has different meanings, depending upon the context where itʼs used, either it defines a sequence of
values used over the course of an animation, or itʼs a list of numbers for a color matrix, which is interpreted differently depending on the type of color change to be performed.
... five elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, <animatetransform>, and <fecolormatrix> animate, animatecolor, animatemotion, animatetransform for <animate>, <animatecolor>, <animatemotion>, and <animatetransform>,
values is a list of
values defining the sequence of
values over the course of the animation.
... if this attribute is specified, any from, to, and by attribute
values set on the element are ignored.
...And 11 more matches
NPN_GetValue - Archive of obsolete content
syntax #include <npapi.h> nperror npn_get
value(npp instance, npnvariable variable, void *
value); parameters this function has the following parameters: instance pointer to the current plug-in instance.
...
values for npnvariable: npnvxdisplay =1: unix only: returns the current display npnvxtappcontext: unix only: returns the application's xtappcontext npnvnetscapewindow: ms windows and unix/x11 only: ms windows: gets the native window on which plug-in drawing occurs; returns hwnd unix/x11: gets the browser toplevel window in which the plug-in is displayed; returns window npnvjavascriptenabledbool: tells whether javascript is enabled; true=javascript enabled, false=not enabled npnvasdenabledbool: tells whether smartupdate (former name: asd) is enabled; true=smartupdate enabled, false=not enabled npnvisofflinebool: tells whether offline mode is enabled; true=offline mode enabled, false=not enabled npnvtoo...
...the
value parameter should point to a npbool, which will be set appropriately if the function returns nperr_no_error.
...And 10 more matches
@font-feature-values - CSS: Cascading Style Sheets
the @font-feature-
values css at-rule lets you use a common name in the font-variant-alternates property for features activated differently in opentype.
... the @font-feature-
values at-rule may be used either at the top level of your css or inside any css conditional-group at-rule.
... syntax feature
value blocks @swash specifies a feature name that will work with the swash() functional notation of font-variant-alternates.
...And 10 more matches
NPN_SetValue - Archive of obsolete content
syntax #include <npapi.h> nperror npn_set
value(npp instance, nppvariable variable, void *
value); parameters the function has the following parameters: instance pointer to the plugin instance setting the variable.
... variable
values the function can set: nppvpluginwindowbool: sets windowed/windowless mode for plugin display; true=windowed, false=windowless nppvplugintransparentbool: sets transparent mode for display of a plugin; true=transparent, false=opaque nppvjavaclass nppvpluginwindowsize nppvplugintimerinterval nppvpluginscriptableinstance nppvpluginscriptableiid nppvjavascriptpushcallerbool: specifies whether you are pushing or popping the jscontext off the stack nppvpluginkeeplibraryinmemory: tells browser that the plugin dll should live longer than usual nppvpluginneedsxembed nppvpluginscriptablenpobject nppvform
value nppvplugindrawingmodel
value the
value of the specified variable to be set.
...for possible
values, see error codes.
...And 9 more matches
JS::AutoValueArray
this article covers features introduced in spidermonkey 31 root an internal fixed-size array of js::
values.
... syntax js::auto
valuearray<n> vp(cx); name type description cx jscontext * the context in which to add the root.
... n size_t size of a js::
value array.
...And 9 more matches
JS::HandleValueArray
this article covers features introduced in spidermonkey 31 a handle to an array of rooted
values.
... syntax js::handle
valuearray(const js::rooted
value&
value); js::handle
valuearray(const js::auto
valuevector&
values); js::handle
valuearray(const js::auto
valuearray<n>&
values); js::handle
valuearray(const js::callargs& args); js::handle
valuearray::frommarkedlocation(size_t len, const js::
value *elements); js::handle
valuearray::subarray(const js::handle
valuearray&
values, size_t startindex, size_t len); js::handle
valuearray::empty(); name type description
value js::rooted
value & an element of newly created 1-length array.
...
values js::auto
valuevector & elements of newly created array.
...And 9 more matches
JS_DefaultValue
this article covers features introduced in spidermonkey 1.8.6 converts a javascript object to a primitive
value, using the semantics of that object's internal [[default
value]] hook.
... syntax bool js_default
value(jscontext *cx, js::handle<jsobject*> obj, jstype hint, js::mutablehandle<js::
value> vp); name type description cx jscontext * the context in which to perform the conversion.
... hint jstype the hint to pass to the [[default
value]] hook when converting the object.
...And 9 more matches
Used value - CSS: Cascading Style Sheets
the used
value of a css property is its
value after all calculations have been performed on the computed
value.
... after the user agent has finished its calculations, every css property has a used
value.
... the used
values of dimensions (e.g., width, line-height) are in pixels.
...And 9 more matches
JS_NewDoubleValue
use js_number
value instead.
... create a floating-point jsval syntax jsbool js_newdouble
value(jscontext *cx, jsdouble d, jsval *rval); name type description cx jscontext * the context in which to create the new number.
... d jsdouble the numeric
value to convert.
...And 8 more matches
JS_ValueToECMAInt32
convert a javascript
value to an integer type as specified by the ecmascript standard.
... syntax jsbool js_
valuetoecmaint32(jscontext *cx, jsval v, int32 *ip); jsbool js_
valuetoecmauint32(jscontext *cx, jsval v, uint32 *ip); jsbool js_
valuetouint16(jscontext *cx, jsval v, uint16 *ip); name type description cx jscontext * the context in which to perform the conversion.
... v jsval the javascript
value to convert.
...And 8 more matches
Stored value
in the jsapi, the stored
value of an object property is its last known
value.
... for a data property, this is exactly the same thing as the property's current
value.
... the javascript engine sets aside a field of type jsval for the stored
value of most object properties, even properties that have getters.
...And 8 more matches
CSSNumericValue - Web APIs
the cssnumeric
value interface of the css typed object model api represents operations that all numeric
values can perform.
... interfaces based on cssnumeric
value below is a list of interfaces based on the cssnumeric
value interface.
... cssmathinvert cssmathmax cssmathmin cssmathnegate cssmathproduct cssmathsum cssmath
value cssnumericarray cssperspective cssposition
value cssrotate cssskew cssskeyx cssskeyw csstranslate cssunit
value properties none.
...And 8 more matches
Using the aria-valuenow attribute - Accessibility
the aria-
valuenow attribute is used to define the current
value for a range widget such as a slider, spinbutton or progressbar.
... if the current
value is not known, the author should not set the aria-
valuenow attribute.
... if the aria-
valuenow has a known minimum and maximum
value, authors should set the aria-
valuemin and aria-
valuemax attributes.
...And 8 more matches
Computed value - CSS: Cascading Style Sheets
the computed
value of a css property is the
value that is transferred from parent to child during inheritance.
... it is calculated from the specified
value by: handling the special
values inherit, initial, unset, and revert.
... doing the computation needed to reach the
value described in the "computed
value" line in the property's definition table.
...And 8 more matches
List of default Accept values - HTTP
this article documents the default
values for the http accept header for specific inputs and browser versions.
... default
values these are the
values sent when the context doesn't give better information.
... user agent
value comment firefox text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 (since firefox 66) text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 (in firefox 65) text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 (before) in firefox 65 and earlier, this
value can be modified using the network.http.accept.default parameter.
...And 8 more matches
setValue - Archive of obsolete content
set
value netscape 6 and mozilla do not currently support this method.
... sets the
value of an arbitrary key.
... method of winreg object syntax string set
value ( string subkey, string valname, winreg
value value); parameters the set
value method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
...And 7 more matches
JSObjectOps.defaultValue
the javascript engine calls the jsobjectops.default
value and jsclass.convert callbacks to convert objects to primitive
values.
...on success, the callback must store the converted
value here.
... description the jsobjectops.default
value callback corresponds to the [[default
value]] method defined in ecma 262-3 §8.6.2.6.
...And 7 more matches
JS_NewNumberValue
use js_number
value instead convert a c floating-point number of type jsdouble to a jsval.
... syntax jsbool js_newnumber
value(jscontext *cx, jsdouble d, jsval *rval); name type description cx jscontext * the context in which to create the new number.
... d jsdouble the numeric
value to convert.
...And 7 more matches
JS_ValueToFunction
convert a js::
value to a jsfunction.
... syntax jsfunction * js_
valuetofunction(jscontext *cx, js::handle
value v); jsfunction * js_
valuetoconstructor(jscontext *cx, js::handle
value v); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 7 more matches
JS_ValueToInt32
convert a javascript
value to a 32-bit signed integer.
... syntax jsbool js_
valuetoint32(jscontext *cx, jsval v, int32 *ip); name type description cx jscontext * the context in which to perform the conversion.
... v jsval the
value to convert.
...And 7 more matches
JS_ValueToObject
converts any javascript
value to an object.
... syntax bool js_
valuetoobject(jscontext *cx, js::handle
value v, js::mutablehandleobject objp); name type description cx jscontext * the context in which to convert the
value.
... v js::handle
value the
value to convert.
...And 7 more matches
CSSValueList - Web APIs
the css
valuelist interface derives from the css
value interface and provides the abstraction of an ordered collection of css
values.
...so, an empty list means that the property has the
value none.
... the items in the css
valuelist are accessible via an integral index, starting from 0.
...And 7 more matches
Using the CSS properties and values API - Web APIs
the css properties and
values api — part of the css houdini umbrella of apis — allows the registration of css custom properties, allowing for property type checking, default
values, and properties that do or do not inherit their
value.
... registering a custom property registering a custom property allows you to tell the browser how the custom property should behave; what are allowed types, whether the custom property inherits its
value, and what the default
value of the custom property is.
... css.registerproperty the following will register a css custom properties, --my-prop, using css.registerproperty, as a color, give it a default
value, and have it not inherit its
value: window.css.registerproperty({ name: '--my-prop', syntax: '<color>', inherits: false, initial
value: '#c0ffee', }); @property the same registration can take place in css.
...And 7 more matches
IDBCursorWithValue - Web APIs
the idbcursorwith
value interface of the indexeddb api represents a cursor for traversing or iterating over multiple records in a database.
... it is the same as the idbcursor, except that it includes the
value property.
...you always get the same idbcursorwith
value object representing a given cursor.
...And 7 more matches
XRWebGLLayer.ignoreDepthValues - Web APIs
the read-only xrwebgllayer property ignoredepth
values is a boolean
value which is true if the session has been configured to ignore the
values in the depth buffer while rendering the scene.
... the
value of ignoredepth
values can only be set when the xrwebgllayer is instantiated, by setting the corresponding
value in the xrwebgllayerinit object specified as the constructor's layerinit parameter.
... syntax let ignoringdepthbuffer = xrwebgllayer.ignoredepth
values;
value a boolean
value which is true if the webgl context's depth buffer is being used while computing the locations of points in the 3d world.
...And 7 more matches
XRWebGLLayerInit.ignoreDepthValues - Web APIs
the xrwebgllayerinit dictionary's boolean ignoredepth
values property can be provided in the options passed into the xrwebgllayer() constructor to indicate that the depth buffer, if it exists, should be ignored while composing the scene.
... this property differs from depth in that depth requests a webgl layer that does not have a depth buffer at all, while ignoredepth
values merely asks that the depth layer be ignored.
... syntax let layerinit = { ignoredepth
values: bool
value }; let gllayer = new xrwebgllayer(xrsession, gl, layerinit); let gllayer = new xrwebgllayer(xrsession, gl, { ignoredepth
values: bool
value });
value a boolean
value which can be set to true to disable the use of the depth buffer by the webgl rendering layer created by the xrwebgllayer() constructor.
...And 7 more matches
Shapes from box values - CSS: Cascading Style Sheets
a straightforward way to create a shape is to use a
value from the css box model.
... the box
values allowable as a shape
value are: content-box padding-box border-box margin-box the border-radius
values are also supported, this means that you can have something in your page with a curved border, and your shape can follow the created shape.
... css box model the
values listed above correspond to the various parts of the css box model.
...And 7 more matches
TypeError: Reduce of empty array with no initial value - JavaScript
the javascript exception "reduce of empty array with no initial
value" occurs when a reduce function is used.
... message typeerror: reduce of empty array with no initial
value error type typeerror what went wrong?
... these functions optionally take an initial
value (which will be used as the first argument to the first call of the callback).
...And 7 more matches
getValue - Archive of obsolete content
get
value netscape 6 and mozilla do not currently support this method.
... retrieves the
value of an arbitrary key.
... method of winreg object syntax winreg
value get
value ( string subkey, string valname); parameters the get
value method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
...And 6 more matches
JS_GetPositiveInfinityValue
retrieve a floating-point infinity as a
value of type js::
value.
... syntax // added in spidermonkey 42 js::
value js_getpositiveinfinity
value(jscontext *cx); js::
value js_getnegativeinfinity
value(jscontext *cx); // obsolete since spidermonkey 42 jsval js_getpositiveinfinity
value(jscontext *cx); jsval js_getnegativeinfinity
value(jscontext *cx); name type description cx jscontext * a context.
... description js_getpositiveinfinity
value returns a js::
value that represents an ieee floating-point positive infinity.
...And 6 more matches
JS_ValueToId
convert a js::
value to type jsid.
... syntax bool js_
valuetoid(jscontext *cx, js::handle
value v, js::mutablehandleid idp); bool js_stringtoid(jscontext *cx, js::handlestring s, js::mutablehandleid idp); // added in spidermonkey 38 bool js_indextoid(jscontext *cx, uint32_t index, js::mutablehandleid idp); // added in spidermonkey 17 bool js_charstoid(jscontext* cx, js::twobytechars chars, js::mutablehandleid idp); // added in spidermonkey 24 void js::protokeytoid(jscontext *cx, jsprotokey key, js::mutablehandleid idp); // added in spidermonkey 38 name type description cx jscontext * a context.
... v js::handle
value the js
value to convert.
...And 6 more matches
JS_ValueToString
syntax jsstring * js_
valuetostring(jscontext *cx, jsval v); name type description cx jscontext * the context in which to perform the conversion.
... v jsval the
value to convert.
... description js_
valuetostring converts a specified javascript
value, v, to a string.
...And 6 more matches
CSSUnparsedValue - Web APIs
the cssunparsed
value interface of the css typed object model api represents property
values that reference custom properties.
... custom properties are represented by cssunparsed
value and var() references are represented using cssvariablereference
value.
... constructor cssunparsed
value.cssunparsed
value() creates a new cssunparsed
value object.
...And 6 more matches
Crypto.getRandomValues() - Web APIs
the crypto.getrandom
values() method lets you get cryptographically strong random
values.
... to guarantee enough performance, implementations are not using a truly random number generator, but they are using a pseudo-random number generator seeded with a
value with enough entropy.
... getrandom
values() is the only member of the crypto interface which can be used from an insecure context.
...And 6 more matches
Using the aria-valuetext attribute - Accessibility
the aria-
valuetext attribute is used to define the human readable text alternative of aria-
valuenow for a range widget such as progressbar, spinbutton or slider.
... authors should only set the aria-
valuetext attribute when the rendered
value cannot be accurately represented as a number.
... for example, a slider may have rendered
values of small, medium, and large.
...And 6 more matches
<alpha-value> - CSS: Cascading Style Sheets
the <alpha-
value> css data type represents a
value that can be either a <number> or a <percentage>, specifying the alpha channel or transparency of a color.
... syntax the
value of an <alpha-
value> is given as either a <number> or a <percentage>.
... if given as a number, the useful range is 0 (fully transparent) to 1.0 (fully opaque), with decimal
values in between; that is, 0.5 indicates that half of the foreground color is used and half of the background color is used.
...And 6 more matches
setValueNumber - Archive of obsolete content
summary sets the
value of a key, when that
value is a number.
... method of winreg object syntax int set
valuenumber ( string subkey, string valname, number
value ); parameters the method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
... valname the name of the
value-name/
value pair whose
value you want to change.
...And 5 more matches
setValueString - Archive of obsolete content
set
valuestring sets the
value of a key, when that
value is a string.
... method of winreg object syntax int set
valuestring ( string subkey, string valname, string
value); parameters the method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
... valname the name of the
value-name/
value pair whose
value you want to change.
...And 5 more matches
WinRegValue - Archive of obsolete content
winreg
value constructor (windows only) creates a winreg
value object.
... syntax winreg
value ( int datatype, byte[] regdata); parameters the winreg
value constructor takes the following parameter: datatype an integer indicating the type of the data encapsulated by this object.
... the possible
values are: winreg
value.reg_sz = 1 winreg
value.reg_expand_sz = 2 winreg
value.reg_binary = 3 winreg
value.reg_dword = 4 winreg
value.reg_dword_little_endian = 4 winreg
value.reg_dword_big_endian = 5 winreg
value.reg_link = 6 winreg
value.reg_multi_sz = 7 winreg
value.reg_resource_list = 8 winreg
value.reg_full_resource_descriptor = 9 winreg
value.reg_resource_requirements_list = 10 regdata a java byte array containing the data.
...And 5 more matches
Quality values - MDN Web Docs Glossary: Definitions of Web-related terms
quality
values, or q-
values and q-factors, are used to describe the order of priority of
values in a comma-separated list.
...the importance of a
value is marked by the suffix ';q=' immediately followed by a
value between 0 and 1 included, with up to three decimal digits, the highest
value denoting the highest priority.
... when not present, the default
value is 1.
...And 5 more matches
JS_IdToValue
convert a js id to a js
value.
... syntax bool js_idto
value(jscontext *cx, jsid id, js::mutablehandle<js::
value> vp); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... vp js::mutablehandle<js::
value> out parameter.
...And 5 more matches
JS_ValueToBoolean
replaced by js::toboolean convert any javascript
value to a boolean
value.
... syntax jsbool js_
valuetoboolean(jscontext *cx, jsval v, jsbool *bp); name type description cx jscontext * the context in which to perform the conversion.
... v jsval the
value to convert.
...And 5 more matches
AudioParam.exponentialRampToValueAtTime() - Web APIs
the exponentialrampto
valueattime() method of the audioparam interface schedules a gradual exponential change in the
value of the audioparam.
... the change starts at the time specified for the previous event, follows an exponential ramp to the new
value given in the
value parameter, and reaches the new
value at the time given in the endtime parameter.
... syntax var audioparam = audioparam.exponentialrampto
valueattime(
value, endtime) parameters
value a floating point number representing the
value the audioparam will ramp to by the given time.
...And 5 more matches
AudioParam.linearRampToValueAtTime() - Web APIs
the linearrampto
valueattime() method of the audioparam interface schedules a gradual linear change in the
value of the audioparam.
... the change starts at the time specified for the previous event, follows a linear ramp to the new
value given in the
value parameter, and reaches the new
value at the time given in the endtime parameter.
... syntax var audioparam = audioparam.linearrampto
valueattime(
value, endtime) parameters
value a floating point number representing the
value the audioparam will ramp to by the given time.
...And 5 more matches
AudioParam.setValueAtTime() - Web APIs
the set
valueattime() method of the audioparam interface schedules an instant change to the audioparam
value at a precise time, as measured against audiocontext.currenttime.
... the new
value is given in the
value parameter.
... syntax var audioparam = audioparam.set
valueattime(
value, starttime) parameters
value a floating point number representing the
value the audioparam will change to at the given time.
...And 5 more matches
CSSValue - Web APIs
the css
value interface represents the current computed
value of a css property.
... properties css
value.csstext a domstring representing the current
value.
... css
value.css
valuetyperead only an unsigned short representing a code defining the type of the
value.
...And 5 more matches
KeyboardEvent: code values - Web APIs
the following tables show what code
values are used for each native scancode or virtual keycode on major platforms.
... code
values code
values on windows this table shows the windows scan codes representing keys and the keyboardevent.code
values which correspond to those hardware keys.
... keyboardevent.code
value code firefox chrome 0x0000 "unidentified" "" 0x0001 "escape" "escape" 0x0002 "digit0" "digit0" 0x0003 "digit1" "digit1" 0x0004 "digit2" "digit2" 0x0005 "digit3" "digit3" 0x0006 "digit4" "digit4" 0x0007 "digit5" "digit5" 0x0008 "digit6" "digit6" 0x0009 "digit7" "digit7" 0x000a "digit8" "digit8" 0x000b "digit9" "digit9" 0x000c "minus" "minus" 0x000d "equal" "equal" 0x000e "backspace" "backspace" 0x000f "tab" "tab" 0x0010 "ke...
...And 5 more matches
MutationObserverInit.attributeOldValue - Web APIs
the mutationobserverinit dictionary's optional attributeold
value property is used to specify whether or not to record the prior
value of the altered attribute in mutationrecord objects denoting attribute
value changes.
... syntax var options = { attributeold
value: true | false }
value a boolean
value indicating whether or not the prior
value of a changed attribute should be included in the mutationobserver.old
value property when reporting attribute
value changes.
... if true, old
value is set accordingly.
...And 5 more matches
PaymentCurrencyAmount.value - Web APIs
the paymentcurrencyamount property
value is a string containing the decimal numeric
value of the payment, specified in the currency units indicated by the currency property.
...an optional leading minus sign ("-") can be included to indicate a negative
value, such as to represent a refund or discount.
... syntax
value = paymentcurrencyamount.
value;
value a domstring indicating the numeric
value of the payment.
...And 5 more matches
Basic concepts of Logical Properties and Values - CSS: Cascading Style Sheets
the logical properties and
values specification introduces flow-relative mappings for many of the properties and
values in css.
... this article introduces the specification, and explains flow relative properties and
values.
...the logical properties and
values specification defines mappings for these physical
values to their logical, or flow relative, counterparts — e.g.
...And 5 more matches
Number.MIN_VALUE - JavaScript
the number.min_
value property represents the smallest positive numeric
value representable in javascript.
... property attributes of number.min_
value writable no enumerable no configurable no description the min_
value property is the number closest to 0, not the most negative number, that javascript can represent.
... min_
value has a
value of approximately 5e-324.
...And 5 more matches
Object.values() - JavaScript
the object.
values() method returns an array of a given object's own enumerable property
values, in the same order as that provided by a for...in loop.
... syntax object.
values(obj) parameters obj the object whose enumerable own property
values are to be returned.
... return
value an array containing the given object's own enumerable property
values.
...And 5 more matches
enumValueNames - Archive of obsolete content
enum
valuenames enumerates the
value of a given key.
... method of winreg object syntax string enum
valuenames ( string key, int subkeyindex ); parameters the enum
valuenames method has the following parameters: key the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
... subkeyindex an integer representing the 0-based index of the key
value being sought.
...And 4 more matches
NPN_GetValueForURL - Archive of obsolete content
syntax #include <npapi.h> typedef enum { npnurlvcookie = 501, npnurlvproxy } npnurlvariable; nperror npn_get
valueforurl(npp instance, npnurlvariable variable, const char *url, char **
value, uint32_t *len); parameters this function has the following parameters: instance pointer to the current plug-in instance.
...
value out parameter.
...note: the
value may have internal null bytes and may not be null-terminated.
...And 4 more matches
JS_NumberValue
this article covers features introduced in spidermonkey 17 convert a c floating-point number of type double to a js::
value.
... replacement to js_newnumber
value, js_newdouble
value, js_newdouble.
... syntax // added in spidermonkey 42 js::
value js_number
value(double d); // obsolete since spidermonkey 42 jsval js_number
value(double d); name type description d double the numeric
value to convert.
...And 4 more matches
JS_SameValue
this article covers features introduced in spidermonkey 1.8.1 determines if two jsvals are the same, as determined by the same
value algorithm in ecmascript 262, 5th edition.
... same
value slightly differs from strict equality (===) in that +0 and -0 are not the same and in that nan is the same as nan.
... the same
value algorithm is equivalent to the following javascript: function same
value(v1, v2) { if (v1 === 0 && v2 === 0) return 1 / v1 === 1 / v2; if (v1 !== v1 && v2 !== v2) return true; return v1 === v2; } syntax // added in spidermonkey 45 bool js_same
value(jscontext *cx, js::handle<js::
value> v1, js::handle<js::
value> v2, bool *same); // obsolete since jsapi 39 bool js_same
value(jscontext *cx, jsval v1, jsval v2, bool *same); name type description cx jscontext * pointer to a js context from which to derive runtime information.
...And 4 more matches
JS_SetCallReturnValue2
causes a native to return a reference
value (as allowed by ecma 262-3 §11.2.3).
... syntax void js_setcallreturn
value2(jscontext *cx, jsval v); name type description cx jscontext * the context in which the native function is running.
... v jsval the id of the property of the reference
value to be returned from the native.
...And 4 more matches
nsIAccessibleValue
accessible/public/nsiaccessible
value.idlscriptable please add a summary to this article.
... inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview boolean setcurrent
value(in double
value); obsolete since gecko 1.9 attributes attribute type description current
value double maximum
value double read only.
... minimum
value double read only.
...And 4 more matches
CSSUnitValue - Web APIs
the cssunit
value interface of the css typed object model api represents
values that contain a single unit type.
... for example, "42px" would be represented by a cssnumeric
value.
... constructor cssstyle
value.cssunit
value() creates a new cssunit
value object.
...And 4 more matches
Event.returnValue - Web APIs
the event property return
value indicates whether the default action for this event has been prevented or not.
... note: while return
value has been adopted into the dom standard, it is present primarily to support existing code.
... syntax event.return
value = bool; var bool = event.return
value;
value a boolean
value which is true if the event has not been canceled; otherwise, if the event has been canceled or the default has been prevented, the
value is false.
...And 4 more matches
Node.nodeValue - Web APIs
the node
value property of the node interface returns or sets the
value of the current node.
... syntax str = node.node
value; node.node
value = str;
value str is a string containing the
value of the current node, if any.
... for the document itself, node
value returns null.
...And 4 more matches
Using the aria-valuemax attribute - Accessibility
description the aria-
valuemax attribute is used to define the maximum
value allowed for a range widget such as a slider, spinbutton or progressbar.
... 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-
valuemax must be greater than or equal to the
value of aria-
valuemin.
...And 4 more matches
Specified value - CSS: Cascading Style Sheets
the specified
value of a css property is the
value it receives from the document's style sheet.
... the specified
value for a given property is determined according to the following rules: if the document's style sheet explicitly specifies a
value for the property, the given
value will be used.
... if the document's style sheet doesn't specify a
value but it is an inherited property, the
value will be taken from the parent element.
...And 4 more matches
Array.prototype.values() - JavaScript
the
values() method returns a new array iterator object that contains the
values for each index in the array.
... syntax arr.
values() return
value a new array iterator object.
... examples iteration using for...of loop var arr = ['a', 'b', 'c', 'd', 'e']; var iterator = arr.
values(); for (let letter of iterator) { console.log(letter); } //"a" "b" "c" "d" "e" array.prototype.
values is default implementation of array.prototype[symbol.iterator].
...And 4 more matches
Number.MAX_VALUE - JavaScript
the number.max_
value property represents the maximum numeric
value representable in javascript.
... property attributes of number.max_
value writable no enumerable no configurable no description the max_
value property has a
value of approximately 1.79e+308, or 21024.
...
values larger than max_
value are represented as infinity.
...And 4 more matches
getValueString - Archive of obsolete content
get
valuestring retrieves the
value of a key when that
value is a string.
... method of winreg object syntax string get
valuestring ( string subkey, string valname); parameters the get
valuestring method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
... valname the name of the
value-name/
value pair whose
value you want.
...And 3 more matches
NPN_ReleaseVariantValue - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npn_releasevariant
value() releases the
value in the given variant.
... syntax #include <npruntime.h> void npn_releasevariant
value(npvariant *variant); parameters the function has the following parameters: <tt>variant</tt> the variant whose
value is to be released.
...description npn_releasevariant
value() releases the
value in the given variant.
...And 3 more matches
NPN_SetValueForURL - Archive of obsolete content
(while the api theoretically allows the preferred proxy for a given url to be changed, doing so does not have much meaning given how proxies are configured, and is not supported.) syntax #include <npapi.h> typedef enum { npnurlvcookie = 501, npnurlvproxy } npnurlvariable; nperror npn_set
valueforurl(npp instance, npnurlvariable variable, const char *url, const char *
value, uint32_t len); parameters this function has the following parameters: instance pointer to the current plug-in instance.
...
value the new associated information for the url.
... note: the
value may have internal null bytes and may not be null-terminated.
...And 3 more matches
NPP_GetValue - Archive of obsolete content
syntax #include <npapi.h> nperror npp_get
value(void *instance, nppvariable variable, void *
value); parameters the function has the following parameters: instance pointer to the plugin instance from which the
value should come.
... variable variable for which the browser (caller) would like a
value.
...
value value for the requested variable.
...And 3 more matches
JS_GetNaNValue
get the not-a-number (nan) floating-point number as a
value of type js::
value.
... syntax // added in spidermonkey 42 js::
value js_getnan
value(jscontext *cx); // obsolete since spidermonkey 42 jsval js_getnan
value(jscontext *cx); name type description cx jscontext * a context.
... description js_getnan
value returns a
value of type js::
value that represents an ieee floating-point quiet not-a-number (nan).
...And 3 more matches
JS_TypeOfValue
determines the js data type of a js
value.
... syntax jstype js_typeof
value(jscontext *cx, js::handle<js::
value> v); name type description cx jscontext * the context in which to perform the type check.
... v js::handle<js::
value> the
value to examine.
...And 3 more matches
CSSKeywordValue - Web APIs
the csskeyword
value interface of the the css typed object model api creates an object to represent css keywords and other identifiers.
... the interface instance name is a stringifier meaning that when used anywhere a string is expected it will return the
value of csskeyword.
value.
... constructor csskeyword
value.csskeyword
value() creates a new csskeyword
value object.
...And 3 more matches
CSSMathValue.operator - Web APIs
the cssmath
value.operator read-only property of the cssmath
value interface indicates the operator that the current subtype represents.
... for example, if the current cssmath
value subtype is cssmathsum, this property will return the string "sum".
... syntax var astring = cssmath
value.operator;
value a string.
...And 3 more matches
CSSNumericValue.max() - Web APIs
the max() method of the cssnumeric
value interface returns the highest
value from among the
values passed.
... the passed
values must be of the same type.
... syntax var cssunit
value = cssnumeric
value.man(number1 ...
...And 3 more matches
CSSNumericValue.min() - Web APIs
the min() method of the cssnumeric
value interface returns the lowest
value from among those
values passed.
... the passed
values must be of the same type.
... syntax var cssunit
value = cssnumeric
value.min(number1 ...
...And 3 more matches
CSSValueList.item() - Web APIs
the item() method of the css
valuelist interface is used to retrieve a css
value by ordinal index.
... the order in this collection represents the order of the
values in the css style property.
... if the index is greater than or equal to the number of
values in the list, this method returns null.
...And 3 more matches
DOMTokenList.values() - Web APIs
the
values() method of the domtokenlist interface returns an iterator allowing developers to go through all
values contained in the domtokenlist.
... the individual
values are domstring objects.
... syntax tokenlist.
values(); parameters none.
...And 3 more matches
HTMLDialogElement.returnValue - Web APIs
the return
value property of the htmldialogelement interface gets or sets the return
value for the <dialog>, usually to indicate which button the user pressed to close it.
... syntax dialoginstance.return
value = 'myreturn
value'; var myreturn
value = dialoginstance.return
value;
value a domstring representing the return
value of the dialog.
... </select> </label></p> <menu> <button>cancel</button> <button>confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var dialog = document.getelementbyid('favdialog'); dialog.return
value = 'favanimal'; function opencheck(dialog) { if (dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } } function handleuserinput(return
value) { if (return
value === 'cancel' || return
value == null) { // user canceled the dialog, do nothing } else if (return
value === 'confirm') { ...
...And 3 more matches
XRInputSourceArray.values() - Web APIs
the xrinputsourcearray method
values() returns a javascript iterator that can walk over the list of xrinputsource objects contained in the array, from first to last.
... syntax xrinputsourcearray.
values(); parameters none.
... return
value a javascript iterator that can be used to walk through the list of xrinputsource objects in the array, starting with the first entry (at index 0) and proceeding straight through the list.
...And 3 more matches
Using the aria-valuemin attribute - Accessibility
the aria-
valuemin attribute is used to define the minimum
value allowed for a range widget such as a slider, spinbutton or progressbar.
... 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.
... aria-
valuemin is a required attribute of role slider, scrollbar and spinbutton.
...And 3 more matches
Actual value - CSS: Cascading Style Sheets
the actual
value of a css property is the used
value of that property after any necessary approximations have been applied.
... calculating a property's actual
value the user agent performs four steps to calculate a property's actual (final)
value: first, the specified
value is determined based on the result of cascading, inheritance, or using the initial
value.
... next, the computed
value is calculated according to the specification (for example, a span with position: absolute will have its computed display changed to block).
...And 3 more matches
Initial value - CSS: Cascading Style Sheets
the initial
value of a css property is its default
value, as listed in its definition table in the specification.
... the usage of the initial
value depends on whether a property is inherited or not: for inherited properties, the initial
value is used on the root element only, as long as no specified
value is supplied.
... for non-inherited properties, the initial
value is used on all elements, as long as no specified
value is supplied.
...And 3 more matches
Symbol.prototype.valueOf() - JavaScript
the
valueof() method returns the primitive
value of a symbol object.
... syntax symbol().
valueof() return
value the primitive
value of the specified symbol object.
... description the
valueof method of symbol returns the primitive
value of a symbol object as a symbol data type.
...And 3 more matches
valueExists - Archive of obsolete content
valueexists returns whether a
value for the given key exists.
... method of winreg object syntax boolean
valueexists ( string key, string
value ); parameters the method has the following parameters: key a string representing the path to the key.
...
value a string representing the
value being queried.
...And 2 more matches
textbox.value - Archive of obsolete content
« xul reference home
value type: string the default
value entered in a textbox.
... the attribute only holds the default
value and is never modified when the user enters text.
... to get the updated
value, use the
value property.
...And 2 more matches
value - Archive of obsolete content
« xul reference home
value type: string the string attribute allows you to associate a data
value with an element.
...be aware, however, that some elements, such as textbox will display the
value visually, so in order to merely associate data with an element, you could 1) use another attribute like "
value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
... for user editable menulist elements, the contents, as visible to the user, are read and set using the menulist.
value syntax.
...And 2 more matches
FC_GetAttributeValue
name fc_getattribute
value - get the
value of attributes of an object.
... syntax ck_rv fc_getattribute
value( ck_session_handle hsession, ck_object_handle hobject, ck_attribute_ptr ptemplate, ck_ulong uscount ); parameters hsession [in] session handle.
... description fc_getattribute
value gets the
value of one or more attributes of an object.
...And 2 more matches
FC_SetAttributeValue
name fc_setattribute
value - set the
values of attributes of an object.
... syntax ck_rv fc_setattribute
value( ck_session_handle hsession, ck_object_handle hobject, ck_attribute_ptr ptemplate, ck_ulong uscount ); parameters hsession [in] session handle.
... description fc_setattribute
value sets the
value of one or more attributes of an object.
...And 2 more matches
JS::DoubleValue
this article covers features introduced in spidermonkey 24 convert a c floating-point number of type double to a js::
value.
... syntax js::
value js::double
value(double dbl) name type description dbl double c double to convert.
... description js::double
value converts a c floating-point number of type double to js::
value, the type of javascript
values.
...And 2 more matches
JS::Float32Value
this article covers features introduced in spidermonkey 24 convert a c floating-point number of type float to a js::
value.
... syntax js::
value js::float32
value(float f) name type description f float c float to convert.
... description js::float32
value converts a c floating-point number of type float to js::
value, the type of javascript
values.
...And 2 more matches
JS::Int32Value
this article covers features introduced in spidermonkey 24 convert a c signed 32-bit integer of type int32_t to a js::
value.
... syntax js::
value js::int32
value(int32_t i32) name type description i32 int32_t c integer to convert.
... description js::int32
value converts a c signed 32-bit integer of type int32_t to js::
value, the type of javascript
values.
...And 2 more matches
JS_ValueToSource
convert a js::
value to a javascript source.
... syntax jsstring * js_
valuetosource(jscontext *cx, js::handle<js::
value> v); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle<js::
value> the
value to convert.
...And 2 more matches
writeValue() - Web APIs
the bluetoothremotegattdescriptor.write
value() method sets the
value property to the bytes contained in an arraybuffer and returns a promise.
... syntax bluetoothremotegattdescriptor.write
value(array[]).then(function() { ...
... }) parameters array sets the
value with the bytes contained in the array.
...And 2 more matches
CSSMathValue - Web APIs
the cssmath
value interface of the css typed object model api a base class for classes representing complex numeric
values.
... interfaces based on cssmath
value below is a list of interfaces based on the cssmath
value interface.
... cssmathinvert cssmathmax cssmathmin cssmathnegate cssmathproduct cssmathsum properties cssmath
value.operator indicates the operator that the current subtype represents.
...And 2 more matches
CSSNumericValue.equals() - Web APIs
the equals() method of the cssnumeric
value interface returns a boolean indicating whether the passed
value are strictly equal.
... to return a
value of true, all passed
values must be of the same type and
value and must be in the same order.
... syntax var boolean = cssnumeric
value.equals(number); parameters number either a number or a cssnumeric
value.
...And 2 more matches
CSSNumericValue.parse() - Web APIs
the parse() method of the cssnumeric
value interface converts a
value string into an object whose members are
value and the units.
... syntax var cssnumeric
value = cssnumeric
value.parse(csstext); parameters csstext a string containing numeric and unit parts.
... return
value a cssnumeric
value.
...And 2 more matches
CSSPositionValue - Web APIs
the cssposition
value interface of the the css typed object model api represents
values for properties that take a position, for example object-position.
... constructor cssposition
value.cssposition
value() creates a new cssposition
value object.
... properties cssposition
value.x returns the item's position along the web page's horizontal axis.
...And 2 more matches
CSSStyleDeclaration.getPropertyCSSValue() - Web APIs
the cssstyledeclaration.getpropertycss
value() method interface returns a css
value containing the css
value for a property.
... you should use cssstyledeclaration.getproperty
value() instead.
... syntax var
value = style.getpropertycss
value(property); parameters property is a domstring representing the property name to be retrieved.
...And 2 more matches
CSSStyleValue.parse() - Web APIs
the parse() method of the cssstyle
value interface sets a specific css property to the specified
values and returns the first
value as a cssstyle
value object.
... syntax cssstyle
value.parse(property, csstext) parameters property a css property to set.
... csstext a comma-separated string containing one or more
values to apply to the provided property.
...And 2 more matches
CSSStyleValue - Web APIs
the cssstyle
value interface of the the css typed object model api is the base class of all css
values accessible through the typed om api.
... interfaces based on cssstyle
value below is a list of interfaces based on the cssstyle
value interface.
... cssimage
value csskeyword
value cssnumeric
value cssposition
value csstransform
value cssunparsed
value methods cssstyle
value.parse() sets a specific css property to the specified
values and returns the first
value as a cssstyle
value object.
...And 2 more matches
CSSUnparsedValue.forEach() - Web APIs
the cssunparsed
value.foreach() method executes a provided function once for each element of the cssunparsed
value.
... syntax cssunparsed
value.foreach(function callback(current
value[, index[, array]]) { // your iterator }[, thisarg]); parameters callback the function to execute for each element, taking three arguments: current
value the
value of the current element being processed.
... arrayoptional the cssunparsed
value that foreach() is being called on.
...And 2 more matches
CSSVariableReferenceValue - Web APIs
the cssvariablereference
value interface of the css typed object model api allows you to create a custom name for a built-in css
value.
... constructor cssvariablereference
value.cssvariablereference
value() creates a new cssvariablereference
value object.
... properties cssvariablereference
value.variable returns the custom name passed to the constructor.
...And 2 more matches
MutationObserverInit.characterDataOldValue - Web APIs
the mutationobserverinit dictionary's optional characterdataold
value property is used to specify whether or not the mutationrecord.old
value property for dom mutations should be set to the previous
value of text nodes which changed.
... if you set the mutationobserverinit.characterdata property to true but don't set characterdataold
value to true as well, the mutationrecord will not include information describing the prior state of the text node's contents.
... syntax var options = { characterdataold
value: true | false }
value a boolean
value indicating whether or not to set the mutationrecord's old
value property to be a string containing the
value of the character node's contents prior to the change represented by the mutation record.
...And 2 more matches
URLSearchParams.values() - Web APIs
the
values() method of the urlsearchparams interface returns an iterator allowing iteration through all
values contained in this object.
... the
values are usvstring objects.
... syntax searchparams.
values(); parameters none.
...And 2 more matches
Using URL values for the cursor property - CSS: Cascading Style Sheets
gecko 1.8 supports url
values for the css cursor property on windows and linux.
... for example, the following
value would be allowed: cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto; this will first try loading foo.cur.
... support for the css 3 syntax for cursor
values got added in gecko 1.8 (firefox 1.5): cursor: [ <uri> [ <x> <y> ]?
...And 2 more matches
TypeError: cyclic object value - JavaScript
the javascript exception "cyclic object
value" occurs when object references were found in json.
... message typeerror: cyclic object
value (firefox) typeerror: converting circular structure to json (chrome and opera) typeerror: circular reference in
value argument not supported (edge) error type typeerror what went wrong?
... examples circular references in a circular structure like the following var circularreference = {otherdata: 123}; circularreference.myself = circularreference; json.stringify() will fail json.stringify(circularreference); // typeerror: cyclic object
value to serialize circular references you can use a library that supports them (e.g.
...And 2 more matches
String.prototype.valueOf() - JavaScript
the
valueof() method returns the primitive
value of a string object.
... syntax str.
valueof() return
value a string representing the primitive
value of a given string object.
... description the
valueof() method of string returns the primitive
value of a string object as a string data type.
...And 2 more matches
tableValues - SVG: Scalable Vector Graphics
the table
values attribute defines a list of numbers defining a lookup table of
values for a for a color component transfer function.
...adient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <stop offset="0" stop-color="#ff0000" /> <stop offset="0.5" stop-color="#00ff00" /> <stop offset="1" stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" table
values="0 1"/> <fefuncg type="table" table
values="0 1"/> <fefuncb type="table" table
values="0 1"/> </fecomponenttransfer> </filter> <filter id="componenttransfer2" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" table
values="1 0"/> <fefuncg type="table" table
values="1 0"/> <fefuncb type="table" table
values="1 0"/> </fecom...
...ponenttransfer> </filter> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer1);" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer2); transform: translatex(220px);" /> </svg> usage notes
value <list-of-numbers> default
value empty list resulting in identity transfer animatable yes <list-of-numbers> this
value holds a comma- and/or space-separated list of <number>s, which define a lookup table for the color component transfer function.
...And 2 more matches
getValueNumber - Archive of obsolete content
get
valuenumber gets the
value of a key when that
value is a number.
... method of winreg object syntax number get
valuenumber ( string subkey, string valname); parameters the get
valuestring method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
... valname the name of the
value-name/
value pair whose
value you want.
... returns number
value of the specified key or null if there's an error, the
value is not found, or the
value is not a string.
NPP_SetValue - Archive of obsolete content
syntax #include <npapi.h> nperror npp_set
value(void *instance, npnvariable variable, void *
value); parameters the function has the following parameters: instance pointer to plugin instance on which to set the variable.
...
value value for the variable being set.
...for possible
values, see error codes.
... description none see also npp_new, npp_get
value, npn_set
value, npn_get
value ...
NP_GetValue - Archive of obsolete content
syntax #include <npapi.h> nperror np_get
value(void *instance, nppvariable variable, void *
value); parameters the function has the following parameters: instance pointer to the current plug-in instance.
...
values: nppvpluginnamestring: gets the name of the plug-in nppvplugindescriptionstring: gets the description string of the plug-in
value plug-in name, returned by the function.
...for possible
values, see error codes.
... see also npp_set
value ...
::-ms-value - Archive of obsolete content
the ::-ms-
value css pseudo-element is a microsoft extension that applies rules to the
value of a text or password <input> control or the content of a <select> control.
... allowable properties only the following css properties can be used in a rule with ::-ms-
value in its selector.
...round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-val...
...ue example input::-ms-
value { color: lime; font-style: italic; } to disable the default styling: select::-ms-
value { background-color: transparent; color: inherit; } specifications not part of any specification.
JS::BooleanValue
this article covers features introduced in spidermonkey 24 convert a c boolean of type bool to a js::
value.
... syntax js::
value js::boolean
value(bool boo) name type description boo bool c bool to convert.
... description js::boolean
value converts a c boolean of type bool to js::
value, the type of javascript
values.
... see also mxr id search for js::boolean
value js::
value js::true
value js::false
value ...
JS::DoubleNaNValue
this article covers features introduced in spidermonkey 24 create a not-a-number (nan) floating-point number as a
value of type js::
value.
... syntax js::
value js::doublenan
value() description js::doublenan
value returns a
value of type js::
value that represents an ieee floating-point quiet not-a-number (nan).
... the result is an floating-point js::
value.
... see also mxr id search for js::doublenan
value js::
value js_getnan
value ...
JS::NumberValue
this article covers features introduced in spidermonkey 24 convert a c integer or floating-point
value to a js::
value.
... syntax js::
value js::number
value(float f) js::
value js::number
value(double dbl) js::
value js::number
value(int8_t i) js::
value js::number
value(uint8_t i) js::
value js::number
value(int16_t i) js::
value js::number
value(uint16_t i) js::
value js::number
value(int32_t i) js::
value js::number
value(uint32_t i) name type description f or dbl or i any c integer or floating-point
value to convert.
... description js::number
value converts a c integer or floating-point
value to js::
value, the type of javascript
values.
... see also mxr id search for js::number
value js::
value js::int32
value js::float32
value js::double
value js_number
value ...
JS::ObjectOrNullValue
this article covers features introduced in spidermonkey 24 convert a jsobject or null pointer to a js::
value.
... syntax js::
value js::objectornull
value(jsobject* obj) name type description str jsobject* a pointer to a jsobject or null to convert.
... description js::object
value converts a given jsobject to js::
value.
... see also mxr id search for js::objectornull
value js::
value js::object
value ...
JS::ObjectValue
this article covers features introduced in spidermonkey 24 convert a jsobject to a js::
value.
... syntax js::
value js::object
value(jsobject& obj) name type description str jsobject& a reference to a jsobject to convert.
... description js::object
value converts a given jsobject to js::
value.
... see also mxr id search for js::object
value js::
value js::objectornull
value ...
JS::StringValue
this article covers features introduced in spidermonkey 24 convert a jsstring to a js::
value.
... syntax js::
value js::string
value(jsstring* str) name type description str jsstring* a pointer to a jsstring to convert.
... description js::string
value converts a given jsstring to js::
value.
... see also mxr id search for js::string
value js::
value ...
JS::SymbolValue
this article covers features introduced in spidermonkey 38 convert a js::symbol to a js::
value.
... syntax js::
value js::symbol
value(js::symbol* sym) name type description sym js::symbol* a pointer to a js::symbol to convert.
... description js::symbol
value converts a given js::symbol to js::
value.
... see also mxr id search for js::symbol
value js::
value bug 645416) ...
JS_GetEmptyStringValue
get the empty string as a
value of type js::
value.
... syntax // added in spidermonkey 42 js::
value js_getemptystring
value(jscontext *cx); // obsolete since spidermonkey 42 jsval js_getemptystring
value(jscontext *cx); name type description cx jscontext * a context.
... description js_getemptystring
value returns the empty string as a js::
value.
... see also mxr id search for js_getemptystring
value bug 1184564 -- changed jsval to js::
value ...
AudioParam.maxValue - Web APIs
the max
value read-only property of the audioparam interface represents the maximum possible
value for the parameter's nominal (effective) range.
... syntax var maxval = audioparam.max
value;
value a floating-point number indicating the maximum
value permitted for the parameter's nominal range.
... the default
value of max
value is the maximum positive single-precision floating-point
value (+340,282,346,638,528,859,811,704,183,484,516,925,440).
... example const audioctx = new audiocontext(); const gainnode = audioctx.creategain(); console.log(gainnode.gain.max
value); // 3.4028234663852886e38 specifications specification status comment web audio apithe definition of 'max
value' in that specification.
AudioParam.minValue - Web APIs
the min
value read-only property of the audioparam interface represents the minimum possible
value for the parameter's nominal (effective) range.
... syntax var minval = audioparam.min
value;
value a floating-point number indicating the minimum
value permitted for the parameter's nominal range.
... the default
value of min
value is the minimum negative single-precision floating-point
value (-340,282,346,638,528,859,811,704,183,484,516,925,440).
... example const audioctx = new audiocontext(); const gainnode = audioctx.creategain(); console.log(gainnode.gain.min
value); // -3.4028234663852886e38 specifications specification status comment web audio apithe definition of 'min
value' in that specification.
BluetoothRemoteGATTCharacteristic.value - Web APIs
the bluetoothremotegattcharacteristic.
value read-only property returns currently cached characteristic
value.
... this
value gets updated when the
value of the characteristic is read or updated via a notification or indication.
... syntax var
value = bluetoothremotegattcharacteristic.
value returns the currently cached characteristic
value.
... specifications specification status comment web bluetooththe definition of '
value' in that specification.
BluetoothRemoteGATTCharacteristic.writeValue() - Web APIs
the bluetoothremotegattcharacteristic.write
value() method sets the
value property to the bytes contained in an arraybuffer and returns a promise.
... syntax bluetoothremotegattcharacteristic.write
value(
value).then(function() { ...
... parameters
value an arraybuffer.
... specifications specification status comment web bluetooththe definition of 'write
value()' in that specification.
readValue() - Web APIs
the bluetoothremotegattdescriptor.read
value() method returns a promise that resolves to an arraybuffer holding a duplicate of the
value property if it is available and supported.
... syntax bluetoothremotegattdescriptor.read
value().then(function(
value[]) { ...
... specifications specification status comment web bluetooththe definition of 'read
value()' in that specification.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetread
value experimentalchrome full support 57notes full support 57notes notes macos only.
value - Web APIs
the bluetoothremotegattdescriptor.
value read-only property returns an arraybuffer containing the currently cached descriptor
value.
... this
value gets updated when the
value of the descriptor is read.
... specifications specification status comment web bluetooththe definition of '
value' in that specification.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internet
value experimentalchrome full support 57notes full support 57notes notes macos only.
CSSNumericValue.to() - Web APIs
the to() method of the cssnumeric
value interface converts a numberic
value from one unit to another.
... syntax var cssunit
value = cssnumeric
value.to(unit); parameters unit the unit to which you want to convert.
... return
value a cssmathsum.
... typeerror indicates that the passed
values cannot be summed.
CSSStyleDeclaration.getPropertyValue() - Web APIs
the cssstyledeclaration.getproperty
value() method interface returns a domstring containing the
value of a specified css property.
... syntax var
value = style.getproperty
value(property); parameters property is a domstring representing the property name to be checked.
... return
value value is a domstring containing the
value of the property.
... example the following javascript code queries the
value of the margin property in a css selector rule: var declaration = document.stylesheets[0].cssrules[0].style; var
value = declaration.getproperty
value('margin'); // "1px 2px" specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.getproperty
value()' in that specification.
CSSStyleValue.parseAll() - Web APIs
the parseall() method of the cssstyle
value interface sets all occurences of a specific css property to the specified
value and returns an array of cssstyle
value objects, each containing one of the supplied
values.
... syntax cssstyle
value.parseall(property,
value) parameters property a css property to set.
... csstext a comma-separated string containing one or more
values that apply to the provided property.
... return
value an array of cssstyle
value objects, each containing one of the supplied
values.
CSSUnitValue.unit - Web APIs
the cssunit
value.unit read-only property of the cssunit
value interface returns a usvstring indicating the type of unit.
... syntax var astring = cssunit
value.unit;
value a usvstring.
... examples the following creates a cssposition
value from individual cssunit
value constructors, then queries the cssunit
value.unit.
... let pos = new cssposition
value( new cssunit
value( 5, "px" ), new cssunit
value( 10, "em" )); console.log( pos.x.unit ); // "px" console.log( pos.y.unit ); // "em" specifications specification status comment css typed om level 1the definition of 'cssunit
value.unit' in that specification.
CSSValueList.length - Web APIs
the length read-only property of the css
valuelist interface represents the number of css
values in the list.
... the range of valid
values of the indices is 0 to length-1 inclusive.
... syntax var length = css
valuelist.length;
value an unsigned long representing the number of css
values.
... specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'css
valuelist.length' in that specification.
CSSVariableReferenceValue() - Web APIs
creates a new cssvariablereference
value.
... syntax new cssvariablereference
value(variable[, fallback]]) parameters variable a custom property name.
...a custom property fallback
value.
... specifications specification status comment css typed om level 1the definition of 'cssvariablereference
value()' in that specification.
FormData.values() - Web APIs
the formdata.
values() method returns an iterator allowing to go through all
values contained in this object.
... the
values are usvstring or blob objects.
... syntax formdata.
values(); return
value returns an iterator.
... example // create a test formdata object var formdata = new formdata(); formdata.append('key1', '
value1'); formdata.append('key2', '
value2'); // display the
values for (var
value of formdata.
values()) { console.log(
value); } the result is:
value1
value2 specifications specification status comment xmlhttprequestthe definition of '
values() (as iterator<>)' in that specification.
GamepadButton.value - Web APIs
the gamepadbutton.
value property of the gamepadbutton interface returns a double
value used to represent the current state of analog buttons on many modern gamepads, such as the triggers.
... the
values are normalized to the range 0.0 — 1.0, with 0.0 representing a button that is not pressed, and 1.0 representing a button that is fully pressed.
... syntax readonly attribute double
value; example var gp = navigator.getgamepads()[0]; if(gp.buttons[0].
value > 0) { // respond to analog button being pressed in }
value a double.
... specifications specification status comment gamepadthe definition of 'gamepadbutton.
value' in that specification.
HTMLDataElement.value - Web APIs
the
value property of the htmldataelement interface returns a domstring reflecting the
value html attribute.
... syntax var a
value = htmldataelement.
value htmldataelement.
value = a
value value a domstring.
... specifications specification status comment html living standardthe definition of 'htmldataelement.
value' in that specification.
... living standard html5the definition of '
value' in that specification.
Headers.values() - Web APIs
the headers.
values() method returns an iterator allowing to go through all
values contained in this object.
... the
values are bytestring objects.
... syntax headers.
values(); return
value returns an iterator.
... example // create a test headers object var myheaders = new headers(); myheaders.append('content-type', 'text/xml'); myheaders.append('vary', 'accept-language'); // display the
values for (var
value of myheaders.
values()) { console.log(
value); } the result is: text/xml accept-language ...
NodeList.values() - Web APIs
the nodelist.
values() method returns an iterator allowing to go through all
values contained in this object.
... the
values are node objects.
... syntax nodelist.
values(); return
value returns an iterator.
... example var node = document.createelement("div"); var kid1 = document.createelement("p"); var kid2 = document.createtextnode("hey"); var kid3 = document.createelement("span"); node.appendchild(kid1); node.appendchild(kid2); node.appendchild(kid3); var list = node.childnodes; // using for..of for(var
value of list.
values()) { console.log(
value); } the result is: <p> #text "hey" <span> ...
RadioNodeList.value - Web APIs
if the underlying element collection contains radio buttons, the radionodelist.
value property represents the checked radio button.
... on retrieving the
value property, the
value of the currently checked radio button is returned as a string.
...on setting the
value property, the first radio button input element whose
value property is equal to the new
value will be set to checked.
... syntax
value = radionodelist.
value; radionodelist.
value = string; example html <form> <label><input type="radio" name="color"
value="blue">blue</label> <label><input type="radio" name="color"
value="red">red</label> </form> javascript // get the form const form = document.forms[0]; // get the form's radio buttons const radios = form.elements['color']; // choose the "red" option radios.
value = 'red'; result specifications specification status comments html living standardthe definition of 'radionodelist.
value' in that specification.
StylePropertyMapReadOnly.values() - Web APIs
the stylepropertymapreadonly.
values() method returns a new array iterator containing the
values for each index in the stylepropertymapreadonly object.
... syntax stylepropertymapreadonly.
values() parameters none.
... return
value a new array.
... example // tbd specifications specification status comment css typed om level 1the definition of '
values()' in that specification.
XPathResult.booleanValue - Web APIs
the read-only boolean
value property of the xpathresult interface returns the boolean
value of a result with xpathresult.resulttype being boolean_type.
... syntax var
value = result.boolean
value; return
value the return
value is the boolean
value of the xpathresult returned by document.evaluate().
... example the following example shows the use of the boolean
value property.
... html <div>xpath example</div> <p>text is 'xpath example': <output></output></p> javascript var xpath = "//div/text() = 'xpath example'"; var result = document.evaluate(xpath, document, null, xpathresult.boolean_type, null); document.queryselector("output").textcontent = result.boolean
value; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.boolean
value' in that specification.
XPathResult.numberValue - Web APIs
the read-only number
value property of the xpathresult interface returns the numeric
value of a result with xpathresult.resulttype being number_type.
... syntax var
value = result.number
value; return
value the return
value is the numeric
value of the xpathresult returned by document.evaluate().
... example the following example shows the use of the number
value property.
... html <div>xpath example</div> <div>number of <div>s: <output></output></div> javascript var xpath = "count(//div)"; var result = document.evaluate(xpath, document, null, xpathresult.number_type, null); document.queryselector("output").textcontent = result.number
value; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.number
value' in that specification.
XPathResult.singleNodeValue - Web APIs
the read-only singlenode
value property of the xpathresult interface returns a node
value or null in case no node was matched of a result with xpathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
... syntax var
value = result.singlenode
value; return
value the return
value is the node
value of the xpathresult returned by document.evaluate().
... example the following example shows the use of the singlenode
value property.
... html <div>xpath example</div> <div>tag name of the element having the text content 'xpath example': <output></output></div> javascript var xpath = "//*[text()='xpath example']"; var result = document.evaluate(xpath, document, null, xpathresult.first_ordered_node_type, null); document.queryselector("output").textcontent = result.singlenode
value.localname; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.singlenode
value' in that specification.
XPathResult.stringValue - Web APIs
the read-only string
value property of the xpathresult interface returns the string
value of a result with xpathresult.resulttype being string_type.
... syntax var
value = result.string
value; return
value the return
value is the string
value of the xpathresult returned by document.evaluate().
... example the following example shows the use of the string
value property.
... html <div>xpath example</div> <div>text content of the <div> above: <output></output></div> javascript var xpath = "//div/text()"; var result = document.evaluate(xpath, document, null, xpathresult.string_type, null); document.queryselector("output").textcontent = result.string
value; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.string
value' in that specification.
::-webkit-meter-even-less-good-value - CSS: Cascading Style Sheets
the ::-webkit-meter-even-less-good-
value gives a red color to a <meter> element when the
value and the optimum attributes fall outside the low-high range, but in opposite zones.
... to illustrate, it applies when
value < low < high < optimum or
value > high > low > optimum.
... syntax ::-webkit-meter-even-less-good-
value specifications not part of any standard.
... examples html <meter min="0" max="10"
value="6">score out of 10</meter> css meter::-webkit-meter-even-less-good-
value { background: linear-gradient(to bottom, #f77, #d44 45%, #d44 55%, #f77); height: 100%; box-sizing: border-box; } result ...
::-webkit-progress-value - CSS: Cascading Style Sheets
the ::-webkit-progress-
value css pseudo-element represents the filled-in portion of the bar of a <progress> element.
... note: in order to let ::-webkit-progress-
value take effect, -webkit-appearance needs to be set to none on the <progress> element.
... syntax ::-webkit-progress-
value examples this example will only work in browsers based on blink or webkit.
... html <progress
value="10" max="50"> css progress { -webkit-appearance: none; } ::-webkit-progress-
value { background-color: orange; } result result screenshot a progress bar using the style above would look like this: specifications not part of any standard.
CSS Logical Properties and Values - CSS: Cascading Style Sheets
css logical properties and
values is a module of css introducing logical properties and
values that provide the ability to control layout through logical, rather than physical, direction and dimension mappings.
... the module also defines logical properties and
values for properties previously defined in css 2.1.
...inline logical properties and
values use the abstract terms block and inline to describe the direction in which they flow.
...croll-behavior-block overscroll-behavior-inline resize (block and inline keywords) text-align (end and start keywords) deprecated properties offset-block-end (now inset-block-end ) offset-block-start (now inset-block-start ) offset-inline-end (now inset-inline-end ) offset-inline-start (now inset-inline-start ) guides basic concepts of logical properties and
values logical properties for sizing logical properties for margins, borders and padding logical properties for floating and positioning specifications specification status comment css logical properties and
values level 1 editor's draft initial definition.
Date.prototype.valueOf() - JavaScript
the
valueof() method returns the primitive
value of a date object.
... syntax dateobj.
valueof() return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the given date.
... description the
valueof() method returns the primitive
value of a date object as a number data type, the number of milliseconds since midnight 01 january, 1970 utc.
... examples using
valueof() var x = new date(56, 6, 17); var myvar = x.
valueof(); // assigns -424713600000 to myvar specifications specification ecmascript (ecma-262)the definition of 'date.prototype.
valueof' in that specification.
Set.prototype.values() - JavaScript
the
values() method returns a new iterator object that contains the
values for each element in the set object in insertion order.
... the keys() method is an alias for this method (for similarity with map objects); it behaves exactly the same and returns
values of set elements.
... syntax myset.
values(); return
value a new iterator object containing the
values for each element in the given set, in insertion order.
... examples using
values() var myset = new set(); myset.add('foo'); myset.add('bar'); myset.add('baz'); var setiter = myset.
values(); console.log(setiter.next().
value); // "foo" console.log(setiter.next().
value); // "bar" console.log(setiter.next().
value); // "baz" specifications specification ecmascript (ecma-262)the definition of 'set.prototype.
values' in that specification.
<xsl:value-of> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:
value-of> element evaluates an xpath expression, converts it to a string, and writes that string to the result tree.
... syntax <xsl:
value-of select=expression disable-output-escaping="yes" | "no" /> required attributes select specifies the xpath expression to be evaluated and written to the output tree.
...to output html-entities, use numerical
values instead, eg   for  ) specifies whether special characters are escaped when written to the output.
... the available
values are "yes" or "no".
deleteValue - Archive of obsolete content
delete
value removes the
value of an arbitrary key.
... method of winreg object syntax int delete
value ( string subkey, string valname); parameters the delete
value method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
... valname the name of the
value-name/
value pair you want to remove.
getNotificationWithValue - Archive of obsolete content
« xul reference home getnotificationwith
value(
value ) return type: notification element retrieve the notification with a particular
value.
... the
value is specified when adding the notification with appendnotification.
... if no matching
value is found, returns null.
textValue - Archive of obsolete content
« xul reference text
value new in thunderbird 15 requires seamonkey 2.12 type: string returns the content of the textbox.
... equivalent to the
value property.
... note: setting the
value causes an input event to be generated without triggering autocompletion.
value - Archive of obsolete content
« xul reference
value type: string gets and sets the
value of the
value attribute.
... for textbox and user editable menulist elements, the contents, as visible to the user, are read and set using the textbox.
value and menulist.
value syntax.
... see also datepicker.
value textbox.
value timepicker.
value ...
Test your skills: values and units - Learn web development
the aim of this task is to help you check your understanding of some of the
values and units that we looked at in the lesson on css
values and units.
...you need to figure out how to use the
values in css.
...your post should include: a descriptive title such as "assessment wanted for
values and units skill test 1".
PL_CompareValues
compares two void *
values numerically.
... syntax #include <plhash.h> printn pl_compare
values(const void *v1, const void *v2); description pl_compare
values compares the two void *
values v1 and v2 numerically, i.e., it returns the
value of the expression v1 == v2.
... pl_compare
values can be used as the comparator function for integer or pointer-
valued key or entry
value.
JS::FalseValue
this article covers features introduced in spidermonkey 24 create a js::
value that represents the javascript
value false.
... syntax js::
value js::false
value() description js::false
value creates a js::
value that represents the javascript
value false.
... see also mxr id search for js::false
value js::
value js::boolean
value js::true
value ...
JS::NullHandleValue
this article covers features introduced in spidermonkey 24 the js::
value that represents the javascript
value null.
... syntax const js::handle
value js::nullhandle
value; description js::nullhandle
value is a js::handle
value constant that represents the javascript
value null.
... see also mxr id search for js::nullhandle
value js::undefinedhandle
value js::truehandle
value js::falsehandle
value bug 865969 ...
JS::NullValue
this article covers features introduced in spidermonkey 24 create a js::
value that represents the javascript
value null.
... syntax js::
value js::null
value(); description js::null
value creates a js::
value that represents the javascript
value null.
... see also mxr id search for js::null
value js::
value js::nullhandle
value ...
JS::TrueHandleValue
this article covers features introduced in spidermonkey 38 the js::
value that represents the javascript
value true.
... syntax const js::handle
value js::truehandle
value; const js::handle
value js::falsehandle
value; description js::truehandle
value and js::falsehandle
value are js::handle
value constants that represent the javascript
values true and false.
... see also mxr id search for js::truehandle
value mxr id search for js::falsehandle
value js::nullhandle
value js::undefinedhandle
value bug 959787 ...
JS::TrueValue
this article covers features introduced in spidermonkey 24 create a js::
value that represents the javascript
value true.
... syntax js::
value js::true
value() description js::true
value creates a js::
value that represents the javascript
value true.
... see also mxr id search for js::true
value js::
value js::boolean
value js::false
value ...
JS::UndefinedHandleValue
this article covers features introduced in spidermonkey 24 the js::
value that represents the javascript
value undefined.
... syntax const js::handle
value js::undefinedhandle
value; description js::undefinedhandle
value is a js::handle
value constant that represents the javascript
value undefined.
... see also mxr id search for js::undefinedhandle
value js::nullhandle
value js::truehandle
value js::falsehandle
value bug 865969 ...
JS::UndefinedValue
this article covers features introduced in spidermonkey 24 create a js::
value that represents the javascript
value undefined.
... syntax js::
value js::undefined
value(); description js::undefined
value creates a js::
value that represents the javascript
value undefined.
... see also mxr id search for js::undefined
value js::
value js::undefinedhandle
value ...
Value
« nsiaccessible page summary accessible
value -- a number or a secondary text equivalent for this node.
... widgets that use role attribute can force a
value using the
valuenow attribute.
... attribute astring
value; ...
nsMsgSearchOpValue
nsmsgsearchop
value defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl 146 typedef long nsmsgsearchop
value; 147 148 [scriptable, uuid(9160b196-6fcb-4eba-aaaf-6c806c4ee420)] 149 interface nsmsgsearchop { 150 const nsmsgsearchop
value contains = 0; /* for text attributes */ 151 const nsmsgsearchop
value doesntcontain = 1; 152 const nsmsgsearchop
value is = 2; /* is and isn't also apply to some non-text attrs */ 153 const nsmsgsearchop
value isnt = 3; 154 const nsmsgsearchop
value isempty = 4; 155 156 const nsmsgsearchop
value isbefore = 5; /* for date attributes */ 157 const nsmsgsearchop
value isafter = 6; 158 159 const nsmsgsearchop
value ishigherthan = 7; /* for priority.
... is also applies */ 160 const nsmsgsearchop
value islowerthan = 8; 161 162 const nsmsgsearchop
value beginswith = 9; 163 const nsmsgsearchop
value endswith = 10; 164 165 const nsmsgsearchop
value soundslike = 11; /* for ldap phoenetic matching */ 166 const nsmsgsearchop
value ldapdwim = 12; /* do what i mean for simple search */ 167 168 const nsmsgsearchop
value isgreaterthan = 13; 169 const nsmsgsearchop
value islessthan = 14; 170 171 const nsmsgsearchop
value namecompletion = 15; /* name completion operator...as the name implies =) */ 172 const nsmsgsearchop
value isinab = 16; 173 const nsmsgsearchop
value isntinab = 17; 174 const nsmsgsearchop
value isntempty = 18; /* primarily for tags */ 175 const nsmsgsearchop
value matches = 19; /* generic term f...
...or use by custom terms */ 176 const nsmsgsearchop
value doesntmatch = 20; /* generic term for use by custom terms */ 177 const nsmsgsearchop
value knummsgsearchoperators = 21; /* must be last operator */ 178 }; ...
AudioParam.cancelScheduledValues() - Web APIs
the cancelscheduled
values() method of the audioparam interface cancels all scheduled future changes to the audioparam.
... syntax var audioparam = audioparam.cancelscheduled
values(starttime) parameters starttime a double representing the time (in seconds) after the audiocontext was first created after which all scheduled changes will be cancelled.
... examples var gainnode = audioctx.creategain(); gainnode.gain.set
valuecurveattime(wavearray, audioctx.currenttime, 2); //'gain' is the audioparam gainnode.gain.cancelscheduled
values(audioctx.currenttime); specifications specification status comment web audio apithe definition of 'cancelscheduled
values' in that specification.
AudioParam.defaultValue - Web APIs
the default
value read-only property of the audioparam interface represents the initial
value of the attributes as defined by the specific audionode creating the audioparam.
... syntax var defaultval = audioparam.default
value;
value a floating-point number.
... example const audioctx = new audiocontext(); const gainnode = audioctx.creategain(); const defaultval = gainnode.gain.default
value; console.log(defaultval); // 1 console.log(defaultval === gainnode.gain.
value); // true specifications specification status comment web audio apithe definition of 'default
value' in that specification.
BluetoothRemoteGATTCharacteristic.readValue() - Web APIs
the bluetoothremotegattcharacteristic.read
value() method returns a promise that resolves to a dataview holding a duplicate of the
value property if it is available and supported.
... syntax bluetoothremotegattcharacteristic.read
value().then(function(dataview) { ...
... specifications specification status comment web bluetooththe definition of 'read
value()' in that specification.
CSSImageValue - Web APIs
the cssimage
value interface of the css typed object model api represents
values for properties that take an image, for example background-image, list-style-image, or border-image-source.
... the cssimage
value object represents an <image> that involves an url, such as url() or image(), but not linear-gradient() or element() .
...we then get() the background-image from the stylemap and stringify it: // get the element const button = document.queryselector( 'button' ); // retrieve all computed styles with computedstylemap() const allcomputedstyles = button.computedstylemap(); // return the cssimage
value example console.log( allcomputedstyles.get('background-image') ); console.log( allcomputedstyles.get('background-image').tostring() ); specifications specification status comment css typed om level 1the definition of 'cssimage
value' in that specification.
CSSMathProduct.values - Web APIs
the cssmathproduct.
values read-only property of the cssmathproduct interface returns a cssnumericarray object which contains one or more cssnumeric
value objects.
... syntax var cssnumericarray = cssmathproduct.
values;
value a cssnumericarray.
... specifications specification status comment css typed om level 1the definition of '
values' in that specification.
CSSMathSum.values - Web APIs
the cssmathsum.
values read-only property of the cssmathsum interface returns a cssnumericarray object which contains one or more cssnumeric
value objects.
... syntax var cssnumericarray = cssmathsum.
values;
value a cssnumericarray.
... specifications specification status comment css typed om level 1the definition of '
values' in that specification.
CSSNumericValue.add() - Web APIs
the add() method of the cssnumeric
value interface adds a supplied number to the cssnumeric
value.
... syntax var cssmathsum = cssnumeric
value.add(double | cssnumeric
value); parameters number either a number or a cssnumeric
value.
... return
value a cssmathsum exceptions typeerror indicates that an invalid type was passed to the method.
CSSNumericValue.div() - Web APIs
the div() method of the cssnumeric
value interface divides the cssnumeric
value by the supplied
value.
... syntax var cssnumeric
value = cssnumeric
value.div(number); parameters number either a number or a cssnumeric
value.
... return
value a cssmathproduct.
CSSNumericValue.mul() - Web APIs
the mul() method of the cssnumeric
value interface multiplies the cssnumeric
value by the supplied
value.
... syntax var cssmathproduct = cssnumeric
value.mul(number); parameters number either a number or a cssnumeric
value.
... return
value a cssmathproduct exceptions typeerror indicates that an invalid type was passed to the method.
CSSNumericValue.sub() - Web APIs
the sub() method of the cssnumeric
value interface subtracts a supplied number from the cssnumeric
value.
... syntax var cssmathsum = cssnumeric
value.sub(number); parameters number either a number or a cssmathsum.
... return
value a cssmathsum exceptions typeerror indicates that an invalid type was passed to the method.
CSSNumericValue.toSum() - Web APIs
the tosum() method of the cssnumeric
value interface converts the object's
value to a cssmathsum object to
values of the specified unit.
... syntax var cssmathsum = cssnumeric
value.tosum(units); parameters units the units to convert to.
... return
value a cssnumeric
value.
CSSNumericValue.type - Web APIs
the type() method of the cssnumeric
value interface returns the type of cssnumeric
value, one of angle, flex, frequency, length, resolution, percent, percenthint, or time.
... syntax var cssnumerictype = cssnumeric
value.type(); parameters none.
... return
value a cssnumerictype object.
CSSPositionValue.x - Web APIs
the x property of the cssposition
value interface returns returns the item's position along the web page's horizontal axis.
... syntax var x = cssposition
value.x
value a cssnumeric
value.
... let somediv = document.getelementbyid('container'); let position = new cssposition
value(css.px(5), css.px(10)); somediv.attributestylemap.set('object-position', position); console.log(position.x.
value, position.y.
value); ...
CSSPositionValue.y - Web APIs
the y property of the cssposition
value interface returns the item's position along the vertical axis.
... syntax var y = cssposition
value.y
value a cssnumeric
value.
... let replaceel = document.getelementbyid('container'); let position = new cssposition
value(css.px(5), css.px(10)); somediv.attributestylemap.set('object-position', position); console.log(position.x.
value, position.y.
value); ...
CSSUnparsedValue.entries() - Web APIs
the cssunparsed
value.entries() method 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).
... syntax cssunparsed
value.entries(obj) parameters obj the cssunparsed
value whose enumerable own property [key,
value] pairs are to be returned.
... return
value an array of the given cssunparsed
value object's own enumerable property [key,
value] pairs.
CSSUnparsedValue.keys() - Web APIs
the cssunparsed
value.keys() method returns a new array iterator object that contains the keys for each index in the array.
... syntax cssunparsed
value.keys() parameters none.
... return
value a new array.
CSSUnparsedValue.length - Web APIs
the length read-only property of the cssunparsed
value interface returns the number of items in the object.
... syntax var length = cssunparsed
value.length;
value an integer.
... examples in this example we employ the cssunparsed
value.cssunparsed
value() constructor, then query the length: let
values = new cssunparsed
value( ['1em', '#445566', '-45px'] ); console.log(
values.length ) // 3 specifications specification status comment css typed om level 1the definition of 'length' in that specification.
CSSValue.cssText - Web APIs
the csstext property of the css
value interface represents the current computed css property
value.
... syntax csstext = css
value.csstext;
value a domstring representing the current css property
value.
... example var styledeclaration = document.stylesheets[0].cssrules[0].style; var css
value = styledeclaration.getpropertycss
value("color"); console.log(css
value.csstext); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'css
value.csstext' in that specification.
CSS Properties and Values API - Web APIs
the css properties and
values api — part of the css houdini umbrella of apis — allows developers to explicitly define their css custom properties, allowing for property type checking, default
values, and properties that do or do not inherit their
value.
... examples the following uses css.registerproperty in javascript to type a css custom properties, --my-color, as a color, give it a default
value, and not allow it to inherit its
value: window.css.registerproperty({ name: '--my-color', syntax: '<color>', inherits: false, initial
value: '#c0ffee', }); the same registration can take place in css using the following @property: @property --my-color { syntax: '<color>'; inherits: false; initial-
value: #c0ffee; } specifications specification status comment ...
... css properties and
values api level 1 working draft initial definition.
DOMTokenList.value - Web APIs
the
value property of the domtokenlist interface is a stringifier that returns the
value of the list as a domstring, or clears and sets the list to the given
value.
... syntax tokenlist.
value;
value a domstring examples in the following example we retrieve the list of classes set on a <span> element as a domtokenlist using element.classlist, then write the
value of the list to the <span>'s node.textcontent.
... first, the html: <span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; span.textcontent = classes.
value; the output looks like this: specifications specification status comment domthe definition of '
value' in that specification.
FormDataEntryValue - Web APIs
a string or file that represents a single
value from a set of formdata key-
value pairs.
...the formdata.get() method returns a single
value while formdata.getall() returns an array of formdataentry
values.
... note that the formdata.append() and formdata.set() methods allow passing a blob
value, which is converted to a file in the process.
KeyboardLayoutMap.values - Web APIs
the
values read-only property of the keyboardlayoutmap interface returns a new array iterator object that contains the
values for each index in the map.
... syntax var iterator = keyboardlayoutmap.
values
value an iterator.
... specifications specification status comment keyboard mapthe definition of '
values' in that specification.
MediaKeyStatusMap.values() - Web APIs
the
values property of the mediakeystatusmap interface returns a new iterator object, containing
values for each element in the status map, in insertion order.
... syntax var iterator = mediakeystatusmap.
values() parameters none.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internet
values experimentalchrome full support 42edge full support 16firefox ?
::-webkit-meter-optimum-value - CSS: Cascading Style Sheets
the ::-webkit-meter-optimum-
value css pseudo-element styles the <meter> element when its
value is inside the low-high range.
... syntax ::-webkit-meter-optimum-
value specifications not part of any standard.
... html <meter min="0" max="10"
value="6">score out of 10</meter> css meter::-webkit-meter-bar { /* required to get rid of the default background property */ background : none; background-color : whitesmoke; box-shadow : 0 5px 5px -5px #333 inset; } meter::-webkit-meter-optimum-
value { box-shadow: 0 5px 5px -5px #999 inset; } result ...
::-webkit-meter-suboptimum-value - CSS: Cascading Style Sheets
the ::-webkit-meter-suboptimum-
value pseudo-element gives a yellow color to the <meter> element when the
value attribute falls outside of the low-high range.
... syntax ::-webkit-meter-suboptimum-
value examples this example will only work in browsers based on webkit or blink.
... html <meter min="0" max="10"
value="6">score out of 10</meter> css meter::-webkit-meter-suboptimum-
value { background: -webkit-gradient linear, left top, left bottom; height: 100%; box-sizing: border-box; } result specifications not part of any standard.
Resolved value - CSS: Cascading Style Sheets
the resolved
value of a css property is the
value returned by getcomputedstyle().
... for most properties, it is the computed
value, but for a few legacy properties (including width and height), it is instead the used
value.
... specifications specification status comment css object model (cssom)the definition of 'resolved
value' in that specification.
BigInt.prototype.valueOf() - JavaScript
the
valueof() method returns the wrapped primitive
value of a bigint object.
... syntax bigintobj.
valueof() return
value a bigint representing the primitive
value of the specified bigint object.
... examples using
valueof typeof object(1n); // object typeof object(1n).
valueof(); // bigint specifications specification ecmascript (ecma-262)the definition of 'bigint.prototype.
valueof()' in that specification.
Boolean.prototype.valueOf() - JavaScript
the
valueof() method returns the primitive
value of a boolean object.
... syntax bool.
valueof() return
value the primitive
value of the given boolean object description the
valueof() method of boolean returns the primitive
value of a boolean object or literal boolean as a boolean data type.
... examples using
valueof() x = new boolean(); myvar = x.
valueof(); // assigns false to myvar specifications specification ecmascript (ecma-262)the definition of 'boolean.prototype.
valueof' in that specification.
Map.prototype.values() - JavaScript
the
values() method returns a new iterator object that contains the
values for each element in the map object in insertion order.
... syntax mymap.
values() return
value a new map iterator object.
... examples using
values() var mymap = new map(); mymap.set('0', 'foo'); mymap.set(1, 'bar'); mymap.set({}, 'baz'); var mapiter = mymap.
values(); console.log(mapiter.next().
value); // "foo" console.log(mapiter.next().
value); // "bar" console.log(mapiter.next().
value); // "baz" specifications specification ecmascript (ecma-262)the definition of 'map.prototype.
values' in that specification.
Number.prototype.valueOf() - JavaScript
the
valueof() method returns the wrapped primitive
value of a number object.
... syntax numobj.
valueof() return
value a number representing the primitive
value of the specified number object.
... examples using
valueof let numobj = new number(10) console.log(typeof numobj) // object let num = numobj.
valueof() console.log(num) // 10 console.log(typeof num) // number specifications specification ecmascript (ecma-262)the definition of 'number.prototype.
valueof' in that specification.
TypedArray.prototype.values() - JavaScript
the
values() method returns a new array iterator object that contains the
values for each index in the array.
... syntax arr.
values() return
value a new array iterator object.
... examples iteration using for...of loop var arr = new uint8array([10, 20, 30, 40, 50]); var earray = arr.
values(); // your browser must support for..of loop // and let-scoped variables in for loops for (let n of earray) { console.log(n); } alternative iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr.
values(); console.log(earr.next().
value); // 10 console.log(earr.next().
value); // 20 console.log(earr.next().
value); // 30 console.log(earr.next().
value); // 40 console.log(earr.next().
value); // 50 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.
values()' in that specification.
Values - MathML
lengths several mathml presentation elements have attributes that accept length
values used for size or spacing.
...(the "x"-height of the element, 1ex ≈ 0.5em in many fonts) px pixels in inches (1 inch = 2.54 centimeters) cm centimeters mm millimeters pt points (1 point = 1/72 inch) pc picas (1 pica = 12 points) % percentage of the default
value.
...cement for the deprecated constants below is: veryverythinmathspace => 0.05555555555555555em verythinmathspace => 0.1111111111111111em thinmathspace => 0.16666666666666666em mediummathspace => 0.2222222222222222em thickmathspace => 0.2777777777777778em verythickmathspace => 0.3333333333333333em veryverythickmathspace => 0.3888888888888889em constant
value veryverythinmathspace 1/18em verythinmathspace 2/18em thinmathspace 3/18em mediummathspace 4/18em thickmathspace 5/18em verythickmathspace 6/18em veryverythickmathspace 7/18em negative contstants are introduced in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) (bug 650530) ...
progressmeter.value - Archive of obsolete content
« xul reference home
value type: integer an integer ranging from 0 to the maximum
value that indicates the progress.
... for instance, if no maximum
value has been set, setting the
value to "0" shows an empty bar, "100" shows a bar at full length and "25" shows the first quarter of the bar.
nsIMsgSearchValue
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearch
value.idl #include "nsmsgsearchcore.idl" interface nsimsgfolder; [scriptable, uuid(783758a0-cdb5-11dc-95ff-0800200c9a66)] interface nsimsgsearch
value : nsisupports { // type of object attribute nsmsgsearchattrib
value attrib; // accessing these will throw an exception if the above // attribute does not match the type!
... attribute astring str; attribute nsmsgpriority
value priority; attribute prtime date; // see nsmsgmessageflags.idl and nsmsgfolderflags.idl attribute unsigned long status; attribute unsigned long size; attribute nsmsgkey msgkey; attribute long age; // in days attribute nsimsgfolder folder; attribute nsmsglabel
value label; attribute nsmsgjunkstatus junkstatus; /* * junkpercent is set by the message filter plugin, and is approximately * proportional to the probability that a message is junk.
nsIMsgSearchValue
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearch
value.idl #include "nsmsgsearchcore.idl" interface nsimsgfolder; [scriptable, uuid(783758a0-cdb5-11dc-95ff-0800200c9a66)] interface nsimsgsearch
value : nsisupports { // type of object attribute nsmsgsearchattrib
value attrib; // accessing these will throw an exception if the above // attribute does not match the type!
... attribute astring str; attribute nsmsgpriority
value priority; attribute prtime date; // see nsmsgmessageflags.idl and nsmsgfolderflags.idl attribute unsigned long status; attribute unsigned long size; attribute nsmsgkey msgkey; attribute long age; // in days attribute nsimsgfolder folder; attribute nsmsglabel
value label; attribute nsmsgjunkstatus junkstatus; /* * junkpercent is set by the message filter plugin, and is approximately * proportional to the probability that a message is junk.
CSSNumericValue.sum() - Web APIs
the sub() method of the cssnumeric
value interface subtracts a supplied number from the cssnumeric
value.
... syntax var cssmathsum = cssnumeric
value.sub(number); parameters number either a number or a cssmathsum return
value a cssmathsum exceptions typeerror indicates that an invalid type was passed to the method.
CSSVariableReferenceValue.fallback - Web APIs
the fallback read-only property of the cssvariablereference
value interface returns the custom property fallback
value of the cssvariablereference
value.
... syntax var fallback = cssvariablereference
value.fallback;
value a cssunparsed
value.
CSSVariableReferenceValue.variable - Web APIs
the variable property of the cssvariablereference
value interface returns the custom property name of the cssvariablereference
value.
... syntax var variable = cssvariablereference
value.variable;
value a usvstring beginning with -- (that is, a custom property name).
valueNumber - Archive of obsolete content
« xul reference
valuenumber type: number in contrast to the
value property which holds a string representation, the
valuenumber property is a number containing the current
value of the number box.
nsMsgFilterFileAttribValue
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilterlist.idl const nsmsgfilterfileattrib
value attribnone = 0; const nsmsgfilterfileattrib
value attribversion = 1; const nsmsgfilterfileattrib
value attriblogging = 2; const nsmsgfilterfileattrib
value attribname = 3; const nsmsgfilterfileattrib
value attribenabled = 4; const nsmsgfilterfileattrib
value attribdescription = 5; const nsmsgfilterfileattrib
value attribtype = 6; const nsmsgfilterfileattrib
value attribscriptfile = 7; const nsmsgfilterfileattrib
value attribaction = 8; const nsmsgfilterfileattrib
value attribaction
value = 9; const nsmsgfilterfileattrib
value attribcondition = 10; const nsmsgfilterfileattrib
value attribcustomid = 11; ...
nsMsgLabelValue
defined in comm-central/ mailnews/ base/ public/ mailnewstypes2.idl typedef unsigned long nsmsglabel
value; ...
nsMsgPriorityValue
defined in comm-central/ mailnews/ base/ public/ mailnewstypes2.idl typedef long nsmsgpriority
value; [scriptable, uuid(94c0d8d8-2045-11d3-8a8f-0060b0fc04d2)] interface nsmsgpriority { const nsmsgpriority
value notset = 0; const nsmsgpriority
value none = 1; const nsmsgpriority
value lowest = 2; const nsmsgpriority
value low = 3; const nsmsgpriority
value normal = 4; const nsmsgpriority
value high = 5; const nsmsgpriority
value highest = 6; // the default for a priority picker const nsmsgpriority
value default = 4; }; ...
nsMsgSearchTypeValue
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl used to specify type of search to be performed [scriptable,uuid(964b7f32-304e-11d3-ae13-00a0c900d445)] interface nsmsgsearchtype { const nsmsgsearchtype
value none = 0; const nsmsgsearchtype
value rootdse = 1; const nsmsgsearchtype
value normal = 2; const nsmsgsearchtype
value ldapvlv = 3; const nsmsgsearchtype
value namecompletion = 4; }; ...
nsMsgSearchValue
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl use this to specify the
value of a search term [ptr] native nsmsgsearch
value(nsmsgsearch
value); %{c++ typedef struct nsmsgsearch
value { nsmsgsearchattrib
value attribute; union { nsmsgpriority
value priority; prtime date; pruint32 msgstatus; /* see msg_flag in msgcom.h */ pruint32 size; nsmsgkey key; print32 age; /* in days */ nsimsgfolder *folder; nsmsglabel
value label; pruint32 junkstatus; pruint32 junkpercent; } u; char *string; } nsmsgsearch
value; ...
nsMsgSearchWidgetValue
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl fes use this to help build the search dialog box typedef long nsmsgsearchwidget
value; /* fes use this to help build the search dialog box */ [scriptable,uuid(903dd2e8-304e-11d3-92e6-00a0c900d445)] interface nsmsgsearchwidget { const nsmsgsearchwidget
value text = 0; const nsmsgsearchwidget
value date = 1; const nsmsgsearchwidget
value menu = 2; const nsmsgsearchwidget
value int = 3; /* added to account for age in days which requires an integer field */ const nsmsgsearchwidget
value none = 4; }; ...
Index - Web APIs
31 addresserrors.city api, address, addresserrors, error, payment request, payment request api, property, read-only, reference, city, payment an object based on addresserrors includes a city property when validation of the address fails for the
value given for the address's city property.
... 32 addresserrors.country api, addresserrors, error, payment request, payment request api, property, reference, validation, country, payment an object based on addresserrors includes a country property if during validation of the address the specified
value of country was determined to be invalid.
... the
value is a string describing the error and should offer suggestions for how to correct it.
...And 733 more matches
Bytecode Descriptions
int32 operands: (int32_t val) stack: ⇒ val push the int32_t immediate operand as an int32
value.
... int8 operands: (int8_t val) stack: ⇒ val push the int8_t immediate operand as an int32
value.
... uint16 operands: (uint16_t val) stack: ⇒ val push the uint16_t immediate operand as an int32
value.
...And 173 more matches
Index
20 int_fits_in_jsval jsapi reference, obsolete, spidermonkey determines if a specified c integer
value, i, lies within the range allowed for integer jsvals.
...in this case, the application can still convert i to a jsval using js_newnumber
value.
... 25 js::auto
valuearray jsapi reference, reference, référence(2), spidermonkey js::auto
valuearray<n> holds a rooted array of js::
value.
...And 134 more matches
WebIDL bindings
(this allows the return
value to be implicitly converted to a parentobject instance by the compiler via one of that class's non-explicit constructors.) if many instances of myinterface are expected to be created quicky, the return
value of getparentobject should itself inherit from nswrappercache for optimal performance.
... add external interface entries to bindings.conf for whatever non-webidl interfaces your new interface has as arguments or return
values.
...if your object is not refcounted then the return
value of functions that return it should return an nsautoptr.
...And 127 more matches
sslfnc.html
returns the function returns one of these
values: if successful, secsuccess.
... returns the function returns one of these
values: if successful, secsuccess.
... returns the function returns one of these
values: if successful, secsuccess.
...And 121 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
<input> types how an <input> works varies considerably depending on the
value of its type attribute, hence the different types are covered in their own separate reference pages.
... the available types are as follows: type description basic examples spec button a push button with no default behavior displaying the
value of the
value attribute, empty by default.
... <input type="button" name="button" /> checkbox a check box allowing single
values to be selected/deselected.
...And 121 more matches
Index - Archive of obsolete content
the 95% confidence interval is the calculated percentage of the mean
value to fall within 95% of the measured results.
... for example if the mean is 100 and the 95% confidence interval is 2%, 95% of the expected
values should fall between 98 and 102.
... 735 winreg object (windows only) 736 methods the winreg
value constructor creates a winreg
value object.
...And 97 more matches
Index
these exception objects may be thrown when implementing xpcom interfaces in javascript, and they can provide better diagnostics in the error console if not caught than simply throwing an nsresult's
value will.
... 24 components.issuccesscode xpcom, xpcom:language bindings, xpconnect determines whether a given xpcom return code (that is, an nsresult
value) indicates the success or failure of an operation, returning true or false respectively.
... 27 components.results xpcom:language bindings, xpconnect components.results is a read-only object whose properties are the names listed as the first parameters of the macros in js/xpconnect/src/xpc.msg (also at table of errors), with the
value of each corresponding to that constant's
value.
...And 93 more matches
filter - CSS: Cascading Style Sheets
syntax /* url to svg filter */ filter: url("filters.svg#filter-id"); /* <filter-function>
values */ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); filter: opacity(25%); filter: saturate(30%); filter: sepia(60%); /* multiple filters */ filter: contrast(175%) brightness(3%); /* use no filter */ filter: none; /* global
values */ filter: inherit; filter: init...
...if they have different lengths, the missing equivalent filter functions from the longer list are added to the end of the shorter list using their lacuna
values, then all filter functions are interpolated according to their specific rules.
... if one filter is none, it is replaced with the filter functions list of the other one using the filter function default
values, then all filter functions are interpolated according to their specific rules.
...And 74 more matches
nsIAnnotationService
method overview void setpageannotation(in nsiuri auri, in autf8string aname, in nsivariant a
value, in long aflags, in unsigned short aexpiration); void setitemannotation(in long long aitemid, in autf8string aname, in nsivariant a
value, in long aflags, in unsigned short aexpiration); void setpageannotationstring(in nsiuri auri, in autf8string aname, in astring a
value, in long aflags, in unsigned short aexpiration); boolean setitemannotationstring(in long long aitemid...
..., in autf8string aname, in astring a
value, in long aflags, in unsigned short aexpiration); void setpageannotationint32(in nsiuri auri, in autf8string aname, in long a
value, in long aflags, in unsigned short aexpiration); void setitemannotationint32(in long long aitemid, in autf8string aname, in long a
value, in long aflags, in unsigned short aexpiration); void setpageannotationint64(in nsiuri auri, in autf8string aname, in long long a
value, in long aflags, in unsigned short aexpiration); void setitemannotationint64(in long long aitemid, in autf8string aname, in long long a
value, in long aflags, in unsigned short aexpiration); void setpageannotationdouble(in nsiuri auri, in autf8string aname, in double a
value, in long aflags, in unsigned short aexpirat...
...ion); void setitemannotationdouble(in long long aitemid, in autf8string aname, in double a
value, in long aflags, in unsigned short aexpiration); void setpageannotationbinary(in nsiuri auri, in autf8string aname,[const, array, size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, in long aflags, in unsigned short aexpiration); void setitemannotationbinary(in long long aitemid, in autf8string aname,[const, array, size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, in long aflags, in unsigned short aexpiration); nsivariant getpageannotation(in nsiuri auri, in autf8string aname); nsivariant getitemannotation(in long long aitemid, in autf8string aname); astring getpageannotatio...
...And 73 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
the autocomplete functionality is handled through one of more session objects, each of which can return a set of results given the current
value of the textbox.
...hilesearching, 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, s...
...electionend, selectionstart, sessioncount, showcommentcolumn, showpopup, size, tabindex, tabscrolling, textlength, text
value, timeout, type, useraction,
value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresult
valueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsession
valueat, removesession, select, setselectionrange, syncsessions examples (example needed) attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 71 more matches
nsIWindowsRegKey
method overview void close(); void create(in unsigned long rootkey, in astring relpath, in unsigned long mode); nsiwindowsregkey createchild(in astring relpath, in unsigned long mode); astring getchildname(in unsigned long index); astring get
valuename(in unsigned long index); unsigned long get
valuetype(in astring name); boolean haschanged(); boolean haschild(in astring name); boolean has
value(in astring name); boolean iswatching(); void open(in unsigned long rootkey, in astring relpath, in unsigned long mode); nsiwindowsregkey openchild(in astring relpath, in unsigned long mode...
...); acstring readbinary
value(in astring name); unsigned long long readint64
value(in astring name); unsigned long readint
value(in astring name); astring readstring
value(in astring name); void removechild(in astring relpath); void remove
value(in astring name); void startwatching(in boolean recurse); void stopwatching(); void writebinary
value(in astring name, in acstring data); void writeint64
value(in astring name, in unsigned long long data); void writeint
value(in astring name, in unsigned long data); void writestring
value(in astring name, in astring data); attributes attribute type description childcount unsigned long this attribute returns the number of ...
...
valuecount unsigned long this attribute returns the number of
values under this key.
...And 66 more matches
source-editor.jsm
al] number acolumn, [optional] number aalign); void setselection(number astart, number aend); breakpoint management void addbreakpoint(number alineindex, [optional] string acondition); array getbreakpoints(); boolean removebreakpoint(number alineindex); properties attribute type description dirty boolean set this
value to false whenever you save the text; the editor will update it to true when the content is changed.
... you can then use this
value to detect when the contents of the text are different from your most recent save.
... in addition, when this
value changes, the "dirtychanged" event is sent.
...And 61 more matches
WebGL constants - Web APIs
constant name
value description depth_buffer_bit 0x00000100 passed to clear to clear the current depth buffer.
... constant name
value description points 0x0000 passed to drawelements or drawarrays to draw single points.
... constant name
value description zero 0 passed to blendfunc or blendfuncseparate to turn off a component.
...And 61 more matches
textbox - Archive of obsolete content
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, default
value, 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, setsel...
...ectionrange style classes plain examples <vbox> <label control="your-name"
value="enter your name:"/> <textbox id="your-name"
value="john"/> </vbox> attributes cols type: integer for multiline textboxes, the number of columns to display.
...the
value infinity may be used if you want no limit on the number of decimal places.
...And 60 more matches
LiveConnect Overview - Archive of obsolete content
note: because java is a strongly typed language and javascript is weakly typed, the javascript runtime engine converts argument
values into the appropriate data types for the other language when you use liveconnect.
...alert(java.lang.integer.max_
value); //alerts 2147483647 the packages object if a java class is not part of the java, sun, or netscape packages, you access it with the packages object.
...for example, you can pass the string "h" to the character constructor as follows: var c = new java.lang.character("h"); in javascript 1.3 and earlier, you must pass such methods an integer which corresponds to the unicode
value of the character.
...And 59 more matches
Details of the object model - JavaScript
because of this different basis, it can be less apparent how javascript allows you to create hierarchies of objects and to have inheritance of properties and their
values.
...a constructor method can specify initial
values for the instance's properties and perform other processing appropriate at creation time.
...instead, you define a constructor function to create objects with a particular initial set of properties and
values.
...And 59 more matches
Linear-gradient Generator - CSS: Cascading Style Sheets
div id="container"> <div id="gradient-container" data-alpha="true"> </div> <div id="controls"> <div class="section"> <div class="title"> active point </div> <div class="property"> <div class="ui-input-slider" data-topic="point-position" data-info="position" data-unit="px" data-min="-1000" data-
value="0" data-max="1000" data-sensivity="5"></div> <div id="delete-point" class="button"> delete point </div> </div> <div class="ui-color-picker" data-topic="picker"></div> </div> <div class="section"> <div class="title"> active axis </div> <div class="property"> <div class=...
..."name"> axis unit </div> <div class="ui-dropdown" data-topic="axis-unit" data-selected="1"> <div data-
value='px'> pixels (px) </div> <div data-
value='%'> percentage (%) </div> </div> <div id="delete-axis" class="button"> delete line </div> </div> <div class="property"> <div class="ui-slider" data-topic="axis-rotation" data-info="rotation" data-min="-180" data-
value="0" data-max="180"></div> </div> </div> <div id="tool-section" class="section"> <div class="title"> tool settings </div> <div class="property"> <div class="name...
...lass="button"> add line </div> </div> <div id="order"> <div id="gradient-axes"></div> <div id="gradient-order"></div> </div> </div> </div> <div id="output"> <div class="css-property"> <span class="property">background:</span> <span class="
value"></span> </div> </div> </div> css content /* * color picker tool */ .ui-color-picker { width: 420px; margin: 0; border: 1px solid #ddd; background-color: #fff; display: table; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-color-picker .picking-area { width: 198px; height: 198px; margin: 5px; border: 1...
...And 58 more matches
SVG Presentation Attributes - SVG: Scalable Vector Graphics
value: auto|baseline|before-edge|text-before-edge|middle|central|after-edge|text-after-edge|ideographic|alphabetic|hanging|mathematical|inherit; animatable: yes baseline-shift it allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.
...
value: auto|baseline|super|sub|<percentage>|<length>|inherit; animatable: yes clip deprecated it defines what portion of an element is visible.
...
value: auto|<shape()>|inherit; animatable: yes clip-path it binds the element it is applied to with a given <clippath> element.
...And 57 more matches
nsIDOMWindowUtils
owutils = window.windowutils; method overview void activatenativemenuitemat(in astring indexstring); void clearmozafterpaintevents(); pruint32 comparecanvases(in nsidomhtmlcanvaselement acanvas1, in nsidomhtmlcanvaselement acanvas2, out unsigned long amaxdifference); double computeanimationdistance(in nsidomelement element, in astring property, in astring
value1, in astring
value2); nsicompositionstringsynthesizer createcompositionstringsynthesizer(); obsolete since gecko 38.0 void disablenontestmouseevents(in boolean adisable); boolean dispatchdomeventviapresshell(in nsidomnode atarget, in nsidomevent aevent, in boolean atrusted); nsidomelement elementfrompoint(in float ax, in float ay, in boolean aignorerootscro...
...the attribute's
value must be one of the animationmode
values from imgicontainer.
...
values correspond to the ime_status_* constants defined below.
...And 56 more matches
Index
for example: 20050204153000z * add an extension to a crl or a crl certificate entry: addext extension-name critical/non-critical [arg1[arg2 ...]] where: extension-name: string
value of a name of known extensions.
... * add certificate entries(s) to crl: addcert range date range: two integer
values separated by dash: range of certificates that will be added by this command.
... * remove certificate entry(s) from crl rmcert range where: range: two integer
values separated by dash: range of certificates that will be added by this command.
...And 53 more matches
JXON - Archive of obsolete content
the text content of each element is stored into the key
value property, while nodeattributes, if they exist, are listed under the child object keyattributes.
...|*| http://www.gnu.org/licenses/gpl-3.0-standalone.html |*| \*/ function parsetext (s
value) { if (/^\s*$/.test(s
value)) { return null; } if (/^(?:true|false)$/i.test(s
value)) { return s
value.tolowercase() === "true"; } if (isfinite(s
value)) { return parsefloat(s
value); } if (isfinite(date.parse(s
value))) { return new date(s
value); } return s
value; } function jxontree (oxmlparent) { var nattrlen = 0, nlength = 0, scollectedtxt = ""; if (oxmlparent.haschildnodes()) { f...
...onode.node
value.trim() : onode.node
value; } // nodetype is "text" (3) or "cdatasection" (4) else if (onode.nodetype === 1 && !onode.prefix) { // nodetype is "element" (1) sprop = onode.nodename.tolowercase(); vcontent = new jxontree(onode); if (this.hasownproperty(sprop)) { if (this[sprop].constructor !== array) { this[sprop] = [this[sprop]]; } this[sprop].push(vcontent); } else { this[sprop] = vcontent; nlength++; } } } this.key
value = parsetext(scollectedtxt); } else { this.key
value = null; } if (...
...And 52 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
eteselectedindex,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, textlength, text
value, timeout, type,
value methods getsearchat, onsearchcomplete, ontextentered, ontextreverted, select, setselectionrange examples <textbox type="autocomplete" autocompletesearch="history"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... autocompletesearch new in thunderbird 2requires seamonkey 1.1 type: space-separated list of
values a space-separated list of search component names, each of which implements the nsiautocompletesearch interface.
...And 52 more matches
Component; nsIPrefBranch
inherits from: nsisupports last changed in gecko 58 (firefox 58 / thunderbird 58 / seamonkey 2.55) this object is created with a "root"
value which describes the base point in the preferences "tree" from which this "branch" stems.
... method overview void addobserver(in string adomain, in nsiobserver aobserver, in boolean aholdweak); void clearuserpref(in string aprefname); void deletebranch(in string astartingat); boolean getboolpref(in string aprefname, requires gecko 54 [optional] in boolean adefault
value); string getcharpref(in string aprefname,requires gecko 54 [optional] in string adefault
value); requires gecko 58 utf8tring getstringpref(in string aprefname, [optional] in utf8string adefault
value); void getchildlist(in string astartingat, [optional] out unsigned long acount, [array, size_is(acount), retval] out string achildarray); void getcomplex
value(in str...
...ing aprefname, in nsiidref atype, [iid_is(atype), retval] out nsqiresult a
value); long getintpref(in string aprefname,requires gecko 54 [optional] in long adefault
value); long getpreftype(in string aprefname); void lockpref(in string aprefname); boolean prefhasuser
value(in string aprefname); boolean prefislocked(in string aprefname); void removeobserver(in string adomain, in nsiobserver aobserver); void resetbranch(in string astartingat); void setboolpref(in string aprefname, in long a
value); void setcharpref(in string aprefname, in string a
value); requires gecko 58 void setstringpref(in string aprefname, in utf8string a
value); void setcomplex
value(in string aprefname, in nsiidref atype, in nsisu...
...And 51 more matches
Using the CSS Typed Object Model - Web APIs
the css typed object model api exposes css
values as typed javascript objects to allow their performant manipulation.
... converting css object model
value strings into meaningfully-typed javascript representations and back (via htmlelement.style) can incur a significant performance overhead.
... the css typed om makes css manipulation more logical and performant by providing object features (rather than cssom string manipulation), providing access to types, methods, and an object model for css
values.
...And 51 more matches
Index - Archive of obsolete content
30 browser.type xul attributes, xul reference type: one of the
values below.the type of browser, which can be used to set access of the document loaded inside the browser.
... 86 datepicker.
value xul attributes, xul reference no summary!
... 171 label.
value xul attributes, xul reference no summary!
...And 50 more matches
nsIPromptService
you need to wrap them in a temporary object, which can be either empty or have a
value property set to the out parameter type.
...ring acheckmsg, inout boolean acheckstate); print32 confirmex(in nsidomwindow aparent,in wstring adialogtitle,in wstring atext, in unsigned long abuttonflags,in wstring abutton0title, in wstring abutton1title,in wstring abutton2title,in wstring acheckmsg, inout boolean acheckstate); boolean prompt(in nsidomwindow aparent, in wstring adialogtitle, in wstring atext, inout wstring a
value, in wstring acheckmsg, inout boolean acheckstate); boolean promptusernameandpassword(in nsidomwindow aparent, in wstring adialogtitle, in wstring atext, inout wstring ausername, inout wstring apassword, in wstring acheckmsg, inout boolean acheckstate); boolean promptpassword(in nsidomwindow aparent, in wstring adialogtitle, in wstring atext, inout wstring apassword, in wstring a...
... constant
value description button_pos_0 1 this is usually the button used to confirm the prompt.
...And 49 more matches
<input type="range"> - HTML: Hypertext Markup Language
<input> elements of type range let the user specify a numeric
value which must be no less than a given
value, and no more than another given
value.
... the precise
value, however, is not considered important.
...because this kind of widget is imprecise, it shouldn't typically be used unless the control's exact
value isn't important.
...And 48 more matches
HTML documentation index - HTML: Hypertext Markup Language
6 date and time formats used in html date, element, format, html, iso 8601, input, reference, string, time, week, datetime, datetime-local, del, ins, month, month-year, week-year certain html elements use date and/or time
values.
... the formats of the strings that specify these
values are described in this article.
...the attribute
value must consist of a single printable character (which includes accented and other characters that can be generated by the keyboard).
...And 48 more matches
attr() - CSS: Cascading Style Sheets
the attr() css function is used to retrieve the
value of an attribute of the selected element and use it in the stylesheet.
... it can also be used on pseudo-elements, in which case the
value of the attribute on the pseudo-element's originating element is returned.
... /* simple usage */ attr(data-count); attr(title); /* with type */ attr(src url); attr(data-count number); attr(data-width px); /* with fallback */ attr(data-count number, 0); attr(src url, ""); attr(data-width px, inherit); attr(data-something, "default"); syntax
values attribute-name is the name of an attribute on the html element referenced in the css.
...And 47 more matches
<input type="number"> - HTML: Hypertext Markup Language
the browser may opt to provide stepper arrows to let the user increase and decrease the
value using their mouse or by simply tapping with a fingertip.
...
value any floating-point number, or empty.
... events change and input supported common attributes autocomplete, list, placeholder, readonly idl attributes list,
value,
valueasnumber methods select(), stepup(), stepdown()
value any floating-point number, or empty.
...And 47 more matches
lang/type - Archive of obsolete content
globals functions isundefined(
value) returns true if
value is undefined, false otherwise.
... let { isundefined } = require('sdk/lang/type'); var foo; isundefined(foo); // true isundefined(0); // false parameters
value : mixed the variable to check.
... returns boolean : boolean indicating if
value is undefined.
...And 46 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
<label
value="horizontal layout"/> <hbox> <button label="horizontal1"/> <button label="horizontal2"/> </hbox> <label
value="vertical layout"/> <vbox> <button label="vertical1"/> <button label="vertical2"/> </vbox> <label
value="mixed"/> <hbox> <button label="mixed1"/> <vbox> <button label="mixed2"/> <button label="mixed3"/> </vbox> <button label="mixed4"/> </hbox> listing 3: horizont...
...they can both take the
values start (top or left), center, end (bottom or right), or stretch (extend this element to match the element with the greatest height or width).
...figure 2 shows how setting align="center" pack="start" on two elements will result in completely different output with the only difference being the
value for orient.
...And 46 more matches
PKCS #11 Module Specs
the file format consists of name/
value pairs of the form name=
value.
... each name/
value pair is separated by a blank
value.
...
values can contain any printable ascii
value, including utf8 characters.
...And 45 more matches
Mozilla internal string guide
.isempty() - the fastest way of determining if the string has any
value.
... use this instead of testing string.length == 0 .equals(string) - true if the given string has the same
value as the current string.
... common methods that modify the string: .assign(string) - assigns a new
value to the string.
...And 45 more matches
Box-shadow generator - CSS: Cascading Style Sheets
" class="hue"> <div id="hue_selector"> </div> </div> <div class="info"> <div class="input" data-topic="hue" data-title='h:' data-action="hsv"></div> <div class="input" data-topic="saturation" data-title='s:' data-action="hsv"></div> <div class="input" data-topic="
value" data-title='v:' data-action="hsv"></div> </div> <div class="alpha"> <div id="alpha" data-topic="alpha"> <div id="alpha_selector"> </div> </div> </div> <div class="info"> <div class="input" data-topic="r" data-title='r:...
...t="px"></div> </div> <div class="slidergroup"> <div class="ui-slider-name"> spread </div> <div class="ui-slider-btn-set" data-topic="spread" data-type="sub"></div> <div class="ui-slider" data-topic="spread" data-min="-100" data-max="100" data-step="1" data-
value="50"> </div> <div class="ui-slider-btn-set" data-topic="spread" data-type="add"></div> <div class="ui-slider-input" data-topic="spread" data-unit="px"></div> </div> </div> </div> <div id="element_properties" class="category"> <div class="title"> clas...
... </div> <div id="transform_rotate" class="slidergroup"> <div class="ui-slider-name"> rotate </div> <div class="ui-slider-btn-set" data-topic="rotate" data-type="sub"></div> <div class="ui-slider" data-topic="rotate" data-min="-360" data-max="360" data-step="1" data-
value="0"> </div> <div class="ui-slider-btn-set" data-topic="rotate" data-type="add"></div> <div class="ui-slider-input" data-topic="rotate" data-unit="deg"></div> </div> <div class="slidergroup"> <div class="ui-slider-name"> width </div> <div c...
...And 45 more matches
x - SVG: Scalable Vector Graphics
value list of <length> default
value none animatable yes feblend for <feblend>, x defines the minimum x coordinate for the rendering area of the primitive.
...
value <length> | <percentage> default
value 0% animatable yes fecolormatrix for <fecolormatrix>, x defines the minimum x coordinate for the rendering area of the primitive.
...
value <length> | <percentage> default
value 0% animatable yes fecomponenttransfer for <fecomponenttransfer>, x defines the minimum x coordinate for the rendering area of the primitive.
...And 45 more matches
y - SVG: Scalable Vector Graphics
value list of <length> default
value none animatable yes feblend for <feblend>, y defines the minimum y coordinate for the rendering area of the primitive.
...
value <length> | <percentage> default
value 0% animatable yes fecolormatrix for <fecolormatrix>, y defines the minimum y coordinate for the rendering area of the primitive.
...
value <length> | <percentage> default
value 0% animatable yes fecomponenttransfer for <fecomponenttransfer>, y defines the minimum y coordinate for the rendering area of the primitive.
...And 45 more matches
Border-image generator - CSS: Cascading Style Sheets
this tool can be used to generate css3 border-image
values.
...iv> <!-- 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> <div data-
value="0">round</div> </div> </div> <div class="property"> <div class="name"> repeat-y </div> <div class="ui-dropdown border-repeat" data-topic="image-repeat-y" data-selected="2"> ...
... <div data-
value="1">repeat</div> <div data-
value="1">stretch</div> <div data-
value="1">round</div> </div> </div> <div class="property"> <div class="ui-input-slider" data-topic="font-size" data-info="em size" data-unit="px" data-
value="12" data-sensivity="3"> </div> </div> <div class="property"> <div class="ui-input-slider" data-topic="preview-width" data-info="width" data-unit=" px" data-min="10" data-max="10000" data-sensivity="3"></div> </div> <div class="property"> <div class="ui-input-slider" dat...
...And 44 more matches
<input type="time"> - HTML: Hypertext Markup Language
in some versions, an "x" button is provided to clear the control's
value.
...an "x" button is provided to clear the control's
value.
...it, like chrome, uses a 12- or 24-hour format for inputting times, based on system locale: 12-hour 24-hour
value a domstring representing a time, or empty.
...And 44 more matches
The "codecs" parameter in common media types - Web media technologies
as is the case with any mime type parameter, codecs must be changed to codecs* (note the asterisk character, *) if any of the properties of the codec use special characters which must be percent-encoded per rfc 2231, section 4: mime parameter
value and encoded word extensions.
...each component is a fixed number of characters long; if the
value is less than that length, it must be padded with leading zeros.
...this
value must be one of 8, 10, or 12; which
values are valid varies depending on the profile and other properties.
...And 43 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
21 argument codingscripting, glossary, javascript an argument is a
value (primitive or object) passed as input to a function.
...arrays are used to store multiple
values in a single variable.
... this is compared to a variable that can store only one
value.
...And 42 more matches
nsISessionStore
method overview void deletetab
value(in nsidomnode atab, in astring akey); void deletewindow
value(in nsidomwindow awindow, in astring akey); nsidomnode duplicatetab(in nsidomwindow awindow, in nsidomnode atab); nsidomnode forgetclosedtab(in nsidomwindow awindow, in unsigned long aindex); nsidomnode forgetclosedwindow(in unsigned long aindex); astring getbrowserstate(); unsigne...
...d long getclosedtabcount(in nsidomwindow awindow); astring getclosedtabdata(in nsidomwindow awindow); unsigned long getclosedwindowcount(); astring getclosedwindowdata(); astring gettabstate(in nsidomnode atab); astring gettab
value(in nsidomnode atab, in astring akey); astring getwindowstate(in nsidomwindow awindow); astring getwindow
value(in nsidomwindow awindow, in astring akey); void init(in nsidomwindow awindow); void persisttabattribute(in astring aname); void restorelastsession(); void setbrowserstate(in astring astate); void settabstate(in nsidomnode atab, in astring astate); void settab
value(in nsidomnode atab, in astring akey, in astring astring
value); void...
... setwindowstate(in nsidomwindow awindow, in astring astate, in boolean aoverwrite); void setwindow
value(in nsidomwindow awindow, in astring akey, in astring astring
value); nsidomnode undoclosetab(in nsidomwindow awindow, in unsigned long aindex); nsidomwindow undoclosewindow(in unsigned long aindex); attributes attribute type description canrestorelastsession boolean is it possible to restore the previous session.
...And 42 more matches
Color picker tool - CSS: Cascading Style Sheets
d #ddd; background-color: #fff; display: table; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-color-picker .picking-area { width: 198px; height: 198px; margin: 5px; border: 1px solid #ddd; position: relative; float: left; display: table; } .ui-color-picker .picking-area:hover { cursor: default; } /* hsv format - hue-saturation-
value(brightness) */ .ui-color-picker .picking-area { background: url('https://mdn.mozillademos.org/files/5707/picker_mask_200.png') center center; background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left...
...-size: 14px; line-height: 18px; float: left; } .ui-color-picker .input input { width: 30px; height: 18px; margin: 0; padding: 0; border: 1px solid #ddd; text-align: center; float: right; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; } .ui-color-picker .input[data-topic="lightness"] { display: none; } .ui-color-picker[data-mode='hsl'] .input[data-topic="
value"] { display: none; } .ui-color-picker[data-mode='hsl'] .input[data-topic="lightness"] { display: block; } .ui-color-picker .input[data-topic="alpha"] { margin-top: 10px; width: 93px; } .ui-color-picker .input[data-topic="alpha"] > .name { width: 60px; } .ui-color-picker .input[data-topic="alpha"] > input { float: right; } .ui-color-picker .input[data-topic="hexa"] { width: auto; floa...
... background-position: center left 30%; } #color-info .copy-container { position: absolute; top: -100%; } #color-info .property { min-width: 280px; height: 30px; margin: 10px 0; text-align: center; line-height: 30px; } #color-info .property > * { float: left; } #color-info .property .type { width: 60px; height: 100%; padding: 0 16px 0 0; text-align: right; } #color-info .property .
value { width: 200px; height: 100%; padding: 0 10px; font-family: "segoe ui", arial, helvetica, sans-serif; font-size: 16px; color: #777; text-align: center; background-color: #fff; border: none; } #color-info .property .
value:hover { color: #37994a; } #color-info .property .
value:hover + .copy { background-position: center right; } #color-info .property .copy { width: 24px; height: 100...
...And 41 more matches
Expressions and operators - JavaScript
assignment operators an assignment operator assigns a
value to its left operand based on the
value of its right operand.
... the simple assignment operator is equal (=), which assigns the
value of its right operand to its left operand.
... that is, x = y assigns the
value of y to x.
...And 41 more matches
nsIHTMLEditor
inherits from: nsisupports last changed in gecko 5.0 (firefox 5.0 / thunderbird 5.0 / seamonkey 2.2) method overview void adddefaultproperty(in nsiatom aproperty, in astring aattribute, in astring a
value); void addinsertionlistener(in nsicontentfilter infilter); void align(in astring aalign); boolean breakisvisible(in nsidomnode anode); boolean candrag(in nsidomevent aevent); void checkselectionstateforanonymousbuttons(in nsiselection aselection); nsidomelement createanonymouselement(in astring atag, in nsidomnode aparentnode, in astring aanonclass, in boolean aiscreatedhidden); nsidomelement createelementwithdefaults(in astring a...
...sidomnode anode); astring getfontcolorstate(out boolean amixed); astring getfontfacestate(out boolean amixed); astring getheadcontentsashtml(); astring gethighlightcolorstate(out boolean amixed); void getindentstate(out boolean acanindent, out boolean acanoutdent); void getinlineproperty(in nsiatom aproperty, in astring aattribute, in astring a
value, out boolean afirst, out boolean aany, out boolean aall); astring getinlinepropertywithattr
value(in nsiatom aproperty, in astring aattribute, in astring a
value, out boolean afirst, out boolean aany, out boolean aall); nsisupportsarray getlinkedobjects(); void getlistitemstate(out boolean amixed, out boolean ali, out boolean adt, out boolean add); void getlistst...
... boolean entirelist, in astring abullettype); boolean nodeisblock(in nsidomnode node); void pastenoformatting(in long aselectiontype); void rebuilddocumentfromsource(in astring asourcestring); void removealldefaultproperties(); void removeallinlineproperties(); void removedefaultproperty(in nsiatom aproperty, in astring aattribute, in astring a
value); void removeinlineproperty(in nsiatom aproperty, in astring aattribute); void removeinsertionlistener(in nsicontentfilter infilter); void removelist(in astring alisttype); void replaceheadcontentswithhtml(in astring asourcetoinsert); void selectelement(in nsidomelement aelement); void setbackgroundcolor(in astring acolor); void setbo...
...And 40 more matches
nsITextInputProcessor
is: tip.commitcomposition(); when you commit composition with specific string, specify commit string with its argument: tip.commitcompositionwith("foo-bar-buzz"); when you cancel composition, just do this: tip.cancelcomposition(); when you dispatch keydown event (and one or more keypress events), just do this: var keyevent = new keyboardevent("", // type attribute
value should be empty.
... location: keyboardevent.dom_vk_standard, // optional, may be computed from code attribute
value.
... constants constant
value description attr_raw_clause 0x02 a clause attribute.
...And 40 more matches
background-position - CSS: Cascading Style Sheets
syntax /* keyword
values */ background-position: top; background-position: bottom; background-position: left; background-position: right; background-position: center; /* <percentage>
values */ background-position: 25% 75%; /* <length>
values */ background-position: 0 0; background-position: 1cm 2cm; background-position: 10ch 8em; /* multiple images */ background-position: 0 0, center; /* edge offsets
values */ backg...
...round-position: bottom 10px right 20px; background-position: right 3em bottom 10px; background-position: bottom 10px right; background-position: top right 10px; /* global
values */ background-position: inherit; background-position: initial; background-position: unset; the background-position property is specified as one or more <position>
values, separated by commas.
...
values <position> a <position>.
...And 40 more matches
Making decisions in your code — conditionals - Learn web development
a condition to test, placed inside the parentheses (typically "is this
value bigger than this other
value?", or "does this
value exist?").
...} — check out the following more involved example, which could be part of a simple weather forecast application: <label for="weather">select the weather type today: </label> <select id="weather"> <option
value="">--make a choice--</option> <option
value="sunny">sunny</option> <option
value="rainy">rainy</option> <option
value="snowing">snowing</option> <option
value="overcast">overcast</option> </select> <p></p> const select = document.queryselector('select'); const para = document.queryselector('p'); select.addeventlistener('change', setweather); function setweather() { const choice = se...
...lect.
value; if (choice === 'sunny') { para.textcontent = 'it is nice and sunny outside today.
...And 39 more matches
mozIStorageBindingParams
the mozistoragebindingparams interface is used to bind
values to parameters prior to calling mozistoragestatement.executeasync().
... method overview void bindbyindex(in unsigned long aindex, in nsivariant a
value); void bindblobbyindex(in unsigned long aindex, [array, const, size_is(a
valuesize)] in octet a
value, in unsigned long a
valuesize); void binddoublebyindex(in unsigned long aindex, in double a
value); native code only!
... void bindint32byindex(in unsigned long aindex, in long a
value); native code only!
...And 39 more matches
<input type="url"> - HTML: Hypertext Markup Language
the input
value is automatically validated to ensure that it's either empty or a properly-formatted url before the form can be submitted.
... the :valid and :invalid css pseudo-classes are automatically applied as appropriate to visually denote whether the current
value of the field is a valid url or not.
...
value a domstring representing a url, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, required and size idl attributes list,
value, selectionend, selectiondirection methods select(), setrangetext() and setselectionrange().
...And 39 more matches
display - CSS: Cascading Style Sheets
some
values of display are fully defined in their own individual specifications; for example the detail of what happens when display: flex is declared is defined in the css flexible box model specification.
... syntax the css display property is specified using keyword
values.
... keyword
values are grouped into six
value categories: .container { display: [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> ; } outside <display-outside> these keywords specify the element’s outer display type, which is essentially its role in flow layout.
...And 38 more matches
<input type="datetime-local"> - HTML: Hypertext Markup Language
some browsers may resort to a text-only input element that validates that the results are legitimate date/time
values before letting them be delivered to the server, as well, but you shouldn't rely on this behavior since you can't easily predict it.
... the edge datetime-local control looks like the below; clicking the date and the time parts of the
value bring up two separate pickers for you, so you can easily set both the date and the time.
...
value a domstring representing a date and time (in the local time zone), or empty.
...And 38 more matches
<input type="email"> - HTML: Hypertext Markup Language
the input
value is automatically validated to ensure that it's either empty or a properly-formatted e-mail address (or list of addresses) before the form can be submitted.
... the :valid and :invalid css pseudo-classes are automatically applied as appropriate to visually denote whether the current
value of the field is a valid e-mail address or not.
...
value a domstring representing an e-mail address, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, multiple, name,pattern, placeholder, readonly, required, size, and type idl attributes list and
value methods select()
value the <input> element's
value attribute contains a domstring which is automatically validated as conforming to e-mail syntax.
...And 37 more matches
<input type="text"> - HTML: Hypertext Markup Language
value a domstring representing the text contained in the text field.
... events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, required and size idl attributes list,
value methods select(), setrangetext() and setselectionrange().
...
value the
value attribute is a domstring that contains the current
value of the text entered into the text field.
...And 37 more matches
SVG documentation index - SVG: Scalable Vector Graphics
it defaults to the baseline with the same name as the computed
value of the alignment-baseline property.
... 28 attributetype deprecated, needscompattable, svg, svg attribute the attributetype attribute specifies the namespace in which the target attribute and its associated
values are defined.
...this allows representation of
values that would otherwise be clamped to 0 or 1.
...And 37 more matches
nsIVariant
return
value the
value is converted to an 8-bit string in the iso-8859-1 character set.
... if the
value was utf16 then the high bits are lost.
... if the
value was utf8 then it is converted to utf16 and the high bits are discarded.
...And 36 more matches
Debugger - Firefox Developer Tools
accessor properties of the debugger prototype object a debugger instance inherits the following accessor properties from its prototype: enabled a boolean
value indicating whether this debugger instance’s handlers, breakpoints, and the like are currently enabled.
... allowunobservedasmjs a boolean
value indicating whether asm.js code running inside this debugger instance’s debuggee globals is invisible to debugger api handlers and breakpoints.
... allowwasmbinarysource a boolean
value indicating whether webassembly sources will be available in binary form.
...And 36 more matches
Applying styles and colors - Web APIs
by default, the stroke and fill color are set to black (css color
value #000000).
... note: when you set the strokestyle and/or fillstyle property, the new
value becomes the default for all shapes being drawn from then on.
... the valid strings you can enter should, according to the specification, be css <color>
values.
...And 36 more matches
Array.prototype.reduce() - JavaScript
the reduce() method executes a reducer function (that you provide) on each element of the array, resulting in single output
value.
... the reducer function takes four arguments: accumulator (acc) current
value (cur) current index (idx) source array (src) your reducer function's returned
value is assigned to the accumulator, whose
value is remembered across each iteration throughout the array, and ultimately becomes the final, single resulting
value.
... syntax arr.reduce(callback( accumulator, current
value, [, index[, array]] )[, initial
value]) parameters callback a function to execute on each element in the array (except for the first, if no initial
value is supplied).
...And 36 more matches
Client-side form validation - Learn web development
minlength and maxlength: specifies the minimum and maximum length of textual data (strings) min and max: specifies the minimum and maximum
values of numerical input types type: specifies whether the data needs to be a number, an email address, or some other specific preset type.
... note: there are several errors that will prevent the form from being submitted, including a badinput, patternmismatch, rangeoverflow or rangeunderflow, stepmismatch, toolong or tooshort, typemismatch,
valuemissing, or a customerror.
...try out the new behavior in the example below: note: you can find this example live on github as fruit-validation.html (see also the source code.) try submitting the form without a
value.
...And 35 more matches
IAccessibleTable
return
value e_invalidarg if bad [in] passed, [out]
value is null.
... return
value s_false if there is nothing to return, [out]
value is null.
... return
value e_invalidarg if bad [in] passed, [out]
value is 0.
...And 34 more matches
toolbarbutton - Archive of obsolete content
checkstate type: integer,
values 0, 1, or 2 this attribute may be used to create three state buttons, numbered 0, 1 and 2.
...constants for the possible
values for this attribute are in the nsidomxulbuttonelement interface.
... 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.
...And 33 more matches
Other form controls - Learn web development
in contrast, the <input> is an empty element with no closing tag — any default
value is put inside the
value attribute.
...the default
value if none is specified is 20.
...the default
value if none is specified is 2.
...And 33 more matches
HTMLInputElement - Web APIs
see type attribute of <input> for possible
values.
...the input
values will not be submitted with the form.
... required boolean: returns / sets the element's required attribute, indicating that the user must fill in a
value before submitting a form.
...And 33 more matches
Preferences - Archive of obsolete content
var
value = prefs.getboolpref("typeaheadfind"); // get a pref (accessibility.typeaheadfind) prefs.setboolpref("typeaheadfind", !
value); // set a pref (accessibility.typeaheadfind) complex types as noted in the previous section, each entry in the preferences database (prefs.js) must have a string, an integer, or a boolean
value.
... however, there is a concept of complex types, which makes it easier for developers to save and load nsilocalfile and nsisupportsstring objects in preferences (as strings — note that from the preferences system's point of view, complex
values have a nsiprefbranch.pref_string type.) there are two nsiprefbranch methods implementing the concept — setcomplex
value() and getcomplex
value().
...here are the idl definitions: void getcomplex
value(in string aprefname, in nsiidref atype, [iid_is(atype), retval] out nsqiresult a
value); void setcomplex
value(in string aprefname, in nsiidref atype, in nsisupports a
value); as you can see, both of them take a parameter, atype, which can have one of the following
values (to be precise, you should pass components.interfaces.nsiwhatever instead of just nsiwhatever, which is undefined).
...And 32 more matches
listbox - Archive of obsolete content
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, getnumberofvis...
... seltype type: one of the
values below used to indicate whether multiple selection is allowed.
...(default in tree.) for trees, you can also use the following
values: cell individual cells can be selected text rows are selected; however, the selection highlight appears only over the text of the primary column.
...And 32 more matches
richlistbox - Archive of obsolete 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, getnumberofv...
... seltype type: one of the
values below used to indicate whether multiple selection is allowed.
...(default in tree.) for trees, you can also use the following
values: cell individual cells can be selected text rows are selected; however, the selection highlight appears only over the text of the primary column.
...And 32 more matches
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.
... a bar displayed either horizontally or vertically allows the user to select a
value by dragging a thumb on the bar.
...the default
value is horizontal which displays a horizontal scale.
...And 32 more matches
Basic native form controls - Learn web development
all basic text controls share some common behaviors: they can be marked as readonly (the user cannot modify the input
value but it is still sent with the rest of the form data) or disabled (the input
value can't be modified and is never sent with the rest of the form data).
... note: the <input> element is unique amongst html elements because it can take many different forms depending on its type attribute
value.
... single line text fields a single line text field is created using an <input> element whose type attribute
value is set to text, or by omitting the type attribute altogether (text is the default
value).
...And 32 more matches
The HTML5 input types - Learn web development
previous overview: forms next in the previous article we looked at the <input> element, covering the original
values of the type attribute available since the early days of html.
... objective: to understand the newer input type
values available to create native form controls, and how to implement them using html.
... e-mail address field this type of field is set using the
value email for the type attribute: <input type="email" id="email" name="email"> when this type is used, the user is required to type a valid email address into the field.
...And 32 more matches
nsIFile
filesize print64 the
value of this attribute is the number of bytes corresponding to the data represented by the file.
...if this nsifile does not reference a symbolic link, then the
value of this attribute is undefined.
... the
value of this attribute is the number of bytes corresponding to the data represented by the symbolic link.
...And 32 more matches
Using IndexedDB - Web APIs
the call to the open() function returns an idbopendbrequest object with a result (success) or error
value that you handle as an event.
...whenever a
value is stored in an object store, it is associated with a key.
... the following table shows the different ways the keys are supplied: key path (keypath) key generator (autoincrement) description no no this object store can hold any kind of
value, even primitive
values like numbers and strings.
...And 32 more matches
preserveAspectRatio - SVG: Scalable Vector Graphics
<svg viewbox="0 0 100 100" width="160" height="60" preserveaspectratio="none" x="0" y="30"> <use href="#smiley" /> </svg> </svg> path { fill: yellow; stroke: black; stroke-width: 8px; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } rect:hover, rect:active { outline: 1px solid red; } syntax preserveaspectratio="<align> [<meetorslice>]" its
value is made of one or two keywords: a required alignment
value and an optional "meet or slice" reference as described below: alignment
value the alignment
value indicates whether to force uniform scaling and, if so, the alignment method to use in case the aspect ratio of the viewbox doesn't match the aspect ratio of the viewport.
... the alignment
value must be one of the following keywords: none do not force uniform scaling.
...note that if <align> is none, then the optional <meetorslice>
value is ignored.
...And 32 more matches
Content type - SVG: Scalable Vector Graphics
when used in the
value of a property in a stylesheet, an <angle> is defined as follows: angle ::= number (~"deg" | ~"grad" | ~"rad")?
...for angle
values in svg-specific properties and their corresponding presentation attributes, the angle unit identifier is optional.
... if not provided, the angle
value is assumed to be in degrees.
...And 32 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
for mozilla 1.x.x, firefox, thunderbird or netscape 7 it is still a javascript file, the byte-shift is 13 by default, but can be removed using the pref("general.config.obscure_
value", 0); preference in any appropriate .js file dedicated to autoconfig (here autoconf.js).
...ref: bug 690370 available functions are (see prefcalls.js file for details): function getprefbranch() function pref(prefname,
value) function defaultpref(prefname,
value) function lockpref(prefname,
value) function unlockpref(prefname) function getpref(prefname) function getldapattributes(host, base, filter, attribs) function getldap
value(str, key) function displayerror(funcname, message) function getenv(name) configure autoconfig two directives ask thunderbird to use autoconfig at startup: # cat /usr/lib/thunderbird/de...
...// pref("general.config.obscure_
value", 0); // for mcd .cfg files pref('general.config.filename', 'thunderbird.cfg'); // for mcd .cfg files it used to be in previous releases (up until 7.0) in /usr/lib/thunderbird-x.0/default/pref/autoconf.js the first pref just tells us that we won't encode the file (no more rotary 13 or 7 cf below), the second pref is the name of the file to be read: /usr/lib/thunderbird/thunderbird.cfg.
...And 31 more matches
XUL element attributes - Archive of obsolete content
« xul reference home the following attributes are common to all xul elements: align type: one of the
values below the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the total size of the children.
... baseline this
value applies to horizontally oriented boxes only.
... stretch this is the default
value.
...And 31 more matches
button - Archive of obsolete content
checkstate type: integer,
values 0, 1, or 2 this attribute may be used to create three state buttons, numbered 0, 1 and 2.
...constants for the possible
values for this attribute are in the nsidomxulbuttonelement interface.
... 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.
...And 31 more matches
Debugger.Object - Firefox Developer Tools
while most debugger.object instances are created by spidermonkey in the process of exposing debuggee’s behavior and state to the debugger, the debugger can use debugger.object.prototype.makedebuggee
value to create debugger.object instances for given debuggee objects, or use debugger.object.prototype.copy and debugger.object.prototype.create to create new objects in debuggee compartments, allocated as if by particular debuggee globals.
...nction f() {} // display name: f (the given name) var g = function () {}; // display name: g o.p = function () {}; // display name: o.p var q = { r: function () {} // display name: q.r }; note that the display name may not be a proper javascript identifier, or even a proper expression: we attempt to find helpful names even when the function is not immediately assigned as the
value of some variable or property.
...} then this debugger.object instance’s parameternames property would have the
value: ["a", ["b", "c"], {d:"d", e:"f"}] script if the referent is a function that is debuggee code, this is that function’s script, as a debugger.script instance.
...And 31 more matches
Debugger.Object - Firefox Developer Tools
while most debugger.object instances are created by spidermonkey in the process of exposing debuggee's behavior and state to the debugger, the debugger can use debugger.object.prototype.makedebuggee
value to create debugger.object instances for given debuggee objects, or use debugger.object.prototype.copy and debugger.object.prototype.create to create new objects in debuggee compartments, allocated as if by particular debuggee globals.
...nction f() {} // display name: f (the given name) var g = function () {}; // display name: g o.p = function () {}; // display name: o.p var q = { r: function () {} // display name: q.r }; note that the display name may not be a proper javascript identifier, or even a proper expression: we attempt to find helpful names even when the function is not immediately assigned as the
value of some variable or property.
...} then this debugger.object instance's parameternames property would have the
value: ["a", ["b", "c"], {d:"d", e:"f"}] script if the referent is a function that is debuggee code, this is that function's script, as a debugger.script instance.
...And 31 more matches
CSS Typed Object Model API - Web APIs
the css typed object model api simplifies css property manipulation by exposing css
values as typed javascript objects rather than strings.
... generally, css
values can be read and written in javascript as strings, which can be slow and cumbersome.
... css typed object model api provides interfaces to interact with underlying
values, by representing them with specialized js objects that can be manipulated and understood more easily and more reliably than string parsing and concatenation.
...And 31 more matches
Basic concepts of flexbox - CSS: Cascading Style Sheets
the main axis the main axis is defined by flex-direction, which has four possible
values: row row-reverse column column-reverse should you choose row or row-reverse, your main axis will run along the row in the inline direction.
...to create a flex container, we set the
value of the area's container's display property to flex or inline-flex.
...as with all properties in css, some initial
values are defined, so when creating a flex container all of the contained flex items will behave in the following way.
...And 31 more matches
<input type="search"> - HTML: Hypertext Markup Language
value a domstring representing the
value contained in the search field.
... idl attributes
value methods select(), setrangetext(), setselectionrange().
...
value the
value attribute contains a domstring representing the
value contained in the search field.
...And 31 more matches
A re-introduction to JavaScript (JS tutorial) - JavaScript
javascript programs manipulate
values, and those
values all belong to a type.
... numbers numbers in javascript are "double-precision 64-bit format ieee 754
values", according to the spec — there's no such thing as an integer in javascript (except bigint), so you have to be a little careful.
... also, watch out for stuff like: 0.1 + 0.2 == 0.30000000000000004; in practice, integer
values are treated as 32-bit ints, and some implementations even store it that way until they are asked to perform an instruction that's valid on a number but not on a 32-bit integer.
...And 31 more matches
Grammar and types - JavaScript
var declares a variable, optionally initializing it to a
value.
... let declares a block-scoped, local variable, optionally initializing it to a
value.
... variables you use variables as symbolic names for
values in your application.
...And 31 more matches
Object.defineProperty() - JavaScript
return
value the object that was passed to the function.
...normal property addition through assignment creates properties which show up during property enumeration (for...in loop or object.keys method), whose
values may be changed, and which may be deleted.
...by default,
values added using object.defineproperty() are immutable and not enumerable.
...And 31 more matches
Download Manager preferences - Archive of obsolete content
a boolean
value that indicates whether the anti virus software should try to clean a downloaded file when a virus is detected.
... default
value is false.
... browser.download.manager.addtorecentdocs a boolean
value that indicates whether or not new downloads should be added to the recent documents list.
...And 30 more matches
Numeric Controls - Archive of obsolete content
« previousnext » xul has two elements used for the entry of numeric
values or ranges, and well as two elements for entering dates and times.
...number fields a textbox may be used for entering numbers by setting the
value of the type attribute to the
value number.
...in addition, arrow buttons appear beside the textbox to allow the user to cycle through the
values.
...And 30 more matches
Working with Svelte stores - Learn web development
stores are global global data repositories that hold
values.
... components can subscribe to stores and receive notifications when their
values change.
... a store is simply an object with a subscribe() method that allows interested parties to be notified whenever the store
value changes, and an optional set() method that allows you to set new
values for the store.
...And 30 more matches
box-shadow - CSS: Cascading Style Sheets
syntax /* keyword
values */ box-shadow: none; /* offset-x | offset-y | color */ box-shadow: 60px -16px teal; /* offset-x | offset-y | blur-radius | color */ box-shadow: 10px 5px 5px black; /* offset-x | offset-y | blur-radius | spread-radius | color */ box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); /* inset | offset-x | offset-y | color */ box-shadow: inset 5em 1em gold; /* any number of shadows, separated by comm...
...as */ box-shadow: 3px 3px red, -1em 0 0.4em olive; /* global keywords */ box-shadow: inherit; box-shadow: initial; box-shadow: unset; specify a single box-shadow using: two, three, or four <length>
values.
... if only two
values are given, they are interpreted as <offset-x><offset-y>
values.
...And 30 more matches
<input type="tel"> - HTML: Hypertext Markup Language
unlike <input type="email"> and <input type="url"> , the input
value is not automatically validated to a particular format before the form can be submitted, because formats for telephone numbers vary so much around the world.
...
value a domstring representing a telephone number, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, and size idl attributes list, selectionstart, selectionend, selectiondirection, and
value methods select(), setrangetext(), setselectionrange()
value the <input...
...> element's
value attribute contains a domstring that either represents a telephone number or is an empty string ("").
...And 30 more matches
JavaScript data types and data structures - JavaScript
variables in javascript are not directly associated with any particular
value type, and any variable can be assigned (and re-assigned)
values of all types: let foo = 42; // foo is now a number foo = 'bar'; // foo is now a string foo = true; // foo is now a boolean data and structure types the latest ecmascript standard defines nine types: six data types that are primitives, checked by typeof operator: undefined : typeof instance === "undefined" ...
...special primitive type having additional usage for its
value: if object is not inherited, then null is shown; object : typeof instance === "object".
... primitive
values all types except objects define immutable
values (that is,
values which can't be changed).
...And 30 more matches
Understanding WebAssembly text format - WebAssembly
all code in a webassembly module is grouped into functions, which have the following pseudo-code structure: ( func <signature> <locals> <body> ) the signature declares what the function takes (parameters) and returns (return
values).
...parameters are basically just locals that are initialized with the
value of the corresponding argument passed by the caller.
...although the browser compiles it to something more efficient, wasm execution is defined in terms of a stack machine where the basic idea is that every type of instruction pushes and/or pops a certain number of i32/i64/f32/f64
values to/from a stack.
...And 30 more matches
menulist - Archive of obsolete content
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"/> <menuitem label="option 2"
value="2"/> <menuitem label="option 3"
value="3"/> <menuitem label="option 4"
value="4"/> </menupopup> </menulist> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... 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.
...And 29 more matches
Backgrounds and borders - Learn web development
if you discover a complex background property in a stylesheet, it might seem a little hard to understand as so many
values can be passed in at once.
... in the example below, we have used various color
values to add a background color to the box, a heading, and a <span> element.
... play around with these, using any available <color>
value.
...And 29 more matches
Flexbox - Learn web development
to do this, we set a special
value of display on the parent element of the elements you want to affect.
...this is because the default
values given to flex items (the children of the flex container) are set up to solve common problems such as this.
...the element we've given a display
value of flex to is acting like a block-level element in terms of how it interacts with the rest of the page, but its children are being laid out as flex items — the next section will explain in more detail what this means.
...And 29 more matches
How CSS is structured - Learn web development
properties and
values at its most basic level, css consists of two components: properties: these are human-readable identifiers that indicate which stylistic features you want to modify.
...
values: each property is assigned a
value.
... this
value indicates how to style the property.
...And 29 more matches
nsIDOMXULElement
66 introduced gecko 1.0 inherits from: nsidomelement last changed in gecko 1.9 (firefox 3) method overview void blur(); void click(); void docommand(); void focus(); nsidomnodelist getelementsbyattribute(in domstring name, in domstring
value); nsidomnodelist getelementsbyattributens(in domstring namespaceuri, in domstring name, in domstring
value); attributes attribute type description align domstring gets/sets the
value of the element's align attribute.
... classname domstring gets/sets the
value of the element's class attribute.
... contextmenu domstring gets/sets the
value of the element's contextmenu attribute.
...And 29 more matches
nsIHttpChannel
der); acstring getresponseheader(in acstring header); boolean isnocacheresponse(); boolean isnostoreresponse(); void redirectto(in nsiuri anewuri); void setemptyrequestheader(in acstring aheader); void setreferrerwithpolicy(in nsiuri referrer, in unsigned long referrerpolicy); void setrequestheader(in acstring aheader, in acstring a
value, in boolean amerge); void setresponseheader(in acstring header, in acstring
value, in boolean merge); void visitoriginalresponseheaders(in nsihttpheadervisitor avisitor); void visitrequestheaders(in nsihttpheadervisitor avisitor); void visitresponseheaders(in nsihttpheadervisitor avisitor); constants constant description referrer_p...
...if the new channel supports nsihttpchannel, then it will be assigned a
value to its redirectionlimit attribute one less than the
value of the redirected channel's redirectionlimit attribute.
... the initial
value for this attribute may be a configurable preference (depending on the implementation).
...And 29 more matches
nsIMsgDBView
method overview void open(in nsimsgfolder folder, in nsmsgviewsorttype
value sorttype, in nsmsgviewsortorder
value sortorder, in nsmsgviewflagstype
value viewflags, out long count); void openwithhdrs(in nsisimpleenumerator aheaders, in nsmsgviewsorttype
value asorttype, in nsmsgviewsortorder
value asortorder, in nsmsgviewflagstype
value aviewflags, out long acount); void close(); void init(in nsimessenger amessengerinstance, in nsimsgwindow amsgwindo...
...w, in nsimsgdbviewcommandupdater acommandupdater); void sort(in nsmsgviewsorttype
value sorttype, in nsmsgviewsortorder
value sortorder); void docommand(in nsmsgviewcommandtype
value command); void docommandwithfolder(in nsmsgviewcommandtype
value command, in nsimsgfolder destfolder); void getcommandstatus(in nsmsgviewcommandtype
value command, out boolean selectable_p, out nsmsgviewcommandcheckstate
value selected_p); void viewnavigate(in nsmsgnavigationtype
value motion, out nsmsgkey resultid, out nsmsgviewindex resultindex, out nsmsgviewindex threadindex, in boolean wrap); boolean navigatestatus(in nsmsgnavigationtype
value motion); nsmsgkey getkeyat(in nsmsgviewindex index); nsimsgdbhdr getmsghdrat(in nsmsgviewindex index); ...
... void expandandselectthreadbyindex(in nsmsgviewindex aindex, in boolean aaugment); void addcolumnhandler(in astring acolumn, in nsimsgcustomcolumnhandler ahandler); void removecolumnhandler(in astring acolumn); nsimsgcustomcolumnhandler getcolumnhandler(in astring acolumn); attributes attribute type description viewtype nsmsgviewtype
value readonly: type of view.
...And 29 more matches
DOMException - Web APIs
note: because historically the errors were identified by a numeric
value that corresponded with a named variable defined to have that
value, some of the entries below indicate the legacy code
value and constant name that were used in the past.
...(legacy code
value: 1 and legacy constant name: index_size_err) hierarchyrequesterror the node tree hierarchy is not correct.
... (legacy code
value: 3 and legacy constant name: hierarchy_request_err) wrongdocumenterror the object is in the wrong document.
...And 29 more matches
PannerNode - Web APIs
the orientation and position
value are set and retrieved using different syntaxes, since they're stored as audioparam
values.
...while setting the same property is done with pannernode.positionx.
value.
... this is why these
values are not marked read only, which is how they appear in the webidl.
...And 29 more matches
Shorthand properties - CSS: Cascading Style Sheets
shorthand properties are css properties that let you set the
values of multiple other css properties simultaneously.
...for instance, the css background property is a shorthand property that's able to define the
values of background-color, background-image, background-repeat, and background-position.
... tricky edge cases even if they are very convenient to use, there are a few edge cases to keep in mind when using them: a
value which is not specified is set to its initial
value.
...And 29 more matches
<input type="month"> - HTML: Hypertext Markup Language
the
value is a string whose
value is in the format "yyyy-mm", where yyyy is the four-digit year and mm is the month number.
... the microsoft edge month control looks like this:
value a domstring representing a month and year, or empty.
... idl attributes
value methods select(), stepdown(), stepup().
...And 29 more matches
<input type="week"> - HTML: Hypertext Markup Language
in chrome/opera the week control provides slots to fill in week and year
values, a pop-up calendar interface to select them more visually, and an "x" button to clear the control's
value.
...
value a domstring representing a week and year, or empty events change and input supported common attributes autocomplete, list, readonly, and step idl attributes
value,
valueasdate,
valueasnumber, and list.
... methods select(), stepdown(), and stepup()
value a domstring representing the
value of the week/year entered into the input.
...And 29 more matches
Elements - Archive of obsolete content
for example, use the
value 'xul:button' to create an element that is displayed like a button.
...in that case, put the
value of the display attribute into the extends attribute.
...its
value can be a tag name or multiple tag names separated by the pipe character ("|").
...And 28 more matches
menuitem - Archive of obsolete content
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 appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
... if this
value is set, it overrides an assigned key set in the key attribute.
...And 28 more matches
IAccessibleText
1.0 66 introduced gecko 1.9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) this enum defines
values which specify a text() boundary type.
... return
value e_invalidarg if bad [in] passed.
... return
value e_invalidarg if bad [in] passed, [out]
values are 0s and null respectively.
...And 28 more matches
mozIStorageStatement
inherits from: mozistorage
valuearray last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) for an introduction on how to use this interface, see the storage overview document.
... void finalize(); mozistoragestatement clone(); autf8string getparametername(in unsigned long aparamindex); unsigned long getparameterindex(in autf8string aname); autf8string getcolumnname(in unsigned long acolumnindex); unsigned long getcolumnindex(in autf8string aname); void reset(); astring escapestringforlike(in astring a
value, in wchar aescapechar); void bindparameters(in mozistoragebindingparamsarray aparameters); mozistoragebindingparamsarray newbindingparamsarray(); void bindutf8stringparameter(in unsigned long aparamindex, in autf8string a
value); void bindstringparameter(in unsigned long aparamindex, in astring a
value); void binddoubleparameter(in unsigned long aparam...
...index, in double a
value); void bindint32parameter(in unsigned long aparamindex, in long a
value); void bindint64parameter(in unsigned long aparamindex, in long long a
value); void bindnullparameter(in unsigned long aparamindex); void bindblobparameter(in unsigned long aparamindex, [array,const,size_is(a
valuesize)] in octet a
value, in unsigned long a
valuesize); mozistoragependingstatement executeasync(mozistoragestatementcallback acallback); boolean executestep(); boolean step(); void execute(); attributes attribute type description columncount unsigned long number of columns returned.
...And 28 more matches
Int64
because javascript doesn't currently include standard support for 64-bit integer
values, js-ctypes offers the int64 and uint64 objects to let you work with c functions and data that need (or may need)
values represented using a 64-bit data type.
... note: it's important to note that the 64-bit integer objects created by int64 are not int64 objects; rather, they're opaque objects whose
values you manipulate through the other methods on the int64 object.
... int64 int64(
value ); parameters
value the
value to assign the new 64-bit integer object.
...And 28 more matches
UInt64
as javascript doesn't currently include standard support for 64-bit integer
values, js-ctypes offers the int64 and uint64 objects to let you work with c functions and data that need (or may need) to use data represented using a 64-bit data type.
... note: it's important to note that the 64-bit integer objects created by uint64 are not uint64 objects; rather, they're opaque objects whose
values you manipulate through the other methods on the uint64 object.
... uint64 uint64(
value ); parameters
value the
value to assign the new 64-bit unsigned integer object.
...And 28 more matches
nsITreeView
yclecell(in long row, in nsitreecolumn col); void cycleheader(in nsitreecolumn col); void drop(in long row, in long orientation, in nsidomdatatransfer datatransfer); astring getcellproperties(in long row, in nsitreecolumn col, in nsisupportsarray properties obsolete since gecko 22); astring getcelltext(in long row, in nsitreecolumn col); astring getcell
value(in long row, in nsitreecolumn col); astring getcolumnproperties(in nsitreecolumn col, in nsisupportsarray properties obsolete since gecko 22); astring getimagesrc(in long row, in nsitreecolumn col); long getlevel(in long index); long getparentindex(in long rowindex); long getprogressmode(in long row, in nsitreecolumn col); astring getrowproper...
...reecolumn col); boolean isseparator(in long index); boolean issorted(); void performaction(in wstring action); void performactiononcell(in wstring action, in long row, in nsitreecolumn col); void performactiononrow(in wstring action, in long row); void selectionchanged(); void setcelltext(in long row, in nsitreecolumn col, in astring
value); void setcell
value(in long row, in nsitreecolumn col, in astring
value); void settree(in nsitreeboxobject tree); void toggleopenstate(in long index); attributes attribute type description rowcount long the total number of rows in the tree (including the offscreen rows).
... constants constant
value description progress_normal 1 note: renamed from progressnormal in gecko 1.8 progress_undetermined 2 note: renamed from progressundetermined in gecko 1.8 progress_none 3 note: renamed from progressnone in gecko 1.8 drop_before -1 drop_on 0 drop_after 1 indropbefore 0 obsolete since gecko 1.8 indropon 1 obsolete since gecko 1.8 indropafter 2 obsolete since gecko 1.8 methods candrop() methods used by the drag feedback code to determine if a drag is allowable at the current location.
...And 27 more matches
MediaTrackSettings - Web APIs
the mediatracksettings dictionary is used to return the current
values configured for each of a mediastreamtrack's settings.
... these
values will adhere as closely as possible to any constraints previously described using a mediatrackconstraints object and set using applyconstraints(), and will adhere to the default constraints for any properties whose constraints haven't been changed, or whose customized constraints couldn't be matched.
...for example, because rtp doesn't provide some of these
values during negotiation of a webrtc connection, a track associated with a rtcpeerconnection will not include certain
values, such as facingmode or groupid.
...And 27 more matches
<input type="date"> - HTML: Hypertext Markup Language
the resulting
value includes the year, month, and day, but not the time.
... among browsers with custom interfaces for selecting dates are chrome and opera, whose data control looks like so: the edge date control looks like: and the firefox date control looks like this:
value a domstring representing a date in yyyy-mm-dd format, or empty events change and input supported common attributes autocomplete, list, readonly, and step idl attributes list,
value,
valueasdate,
valueasnumber.
... methods select(), stepdown(), stepup()
value a domstring representing the date entered in the input.
...And 27 more matches
<input type="password"> - HTML: Hypertext Markup Language
value a domstring representing a password, or empty events change and input supported common attributes autocomplete, inputmode, maxlength, minlength, pattern, placeholder, readonly, required, and size idl attributes selectionstart, selectionend, selectiondirection, and
value methods select(), setrangetext(), and setselectionrange()
value the v...
...alue attribute contains a domstring whose
value is the current contents of the text editing control being used to enter the password.
... if the user hasn't entered anything yet, this
value is an empty string ("").
...And 27 more matches
Numbers and dates - JavaScript
integer
values up to ±253 − 1 can be represented exactly.
... in addition to being able to represent floating-point numbers, the number type has three symbolic
values: +infinity, -infinity, and nan (not-a-number).
...there are caveats to using bigint, however; for example, you can't mix and match bigint and number
values in the same operation, and you can't use the math object with bigint
values.
...And 27 more matches
panel - Archive of obsolete content
<panel id="thepanel"> <hbox align="start"> <image src="warning.png"/> <vbox> <description
value="you have 6 new messages."/> <hbox> <button label="read mail"/> <button label="new message"/> </hbox> </vbox> </hbox> </panel> <description
value="6 new messages" popup="thepanel"/> attributes backdrag type: boolean setting the backdrag attribute on a xul panel lets the user move the panel by clicking and dragging anywhere on its background area.
... fadetype: one of the
values belowthe fade attribute, which may only be used with arrow panels, lets you set up a panel that will automatically fade away after a short time.
... an arrow panel can also specify a
value of slide, which causes the arrow to "slide" instead of flipping when the panel doesn't have room.
...And 26 more matches
tabbrowser - Archive of obsolete content
homepage type: string home page url this property holds the
value of the user's home page setting.
...assign a
value to this property to modify the currently selected tab.
...qualnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata addprogresslistener( listener ) return type: no return
value add a progress listener to the browser which will monitor loaded documents.
...And 26 more matches
Drawing graphics - Learn web development
you'll also see that we are chaining assignments together with multiple equals signs — this is allowed in javascript, and it is a good technique if you want to make multiple variables all equal to the same
value.
... we wanted to make the canvas width and height easily accessible in the width/height variables, as they are useful
values to have available for later (for example, if you want to draw something exactly halfway across the width of the canvas).
... in this case we want a 2d canvas, so add the following javascript line below the others inside the <script> element: const ctx = canvas.getcontext('2d'); note: other context
values you could choose include webgl for webgl, webgl2 for webgl 2, etc., but we won't need those in this article.
...And 26 more matches
EventTarget.addEventListener() - Web APIs
return
value undefined usage notes the event listener callback the event listener can be specified as either a callback function or an object that implements eventlistener, whose handleevent() method serves as the callback function.
... the callback function itself has the same parameters and return
value as the handleevent() method; that is, the callback accepts a single parameter: an object based on event describing the event that has occurred, and it returns nothing.
...handle both fullscreenchange and fullscreenerror might look like this: function eventhandler(event) { if (event.type == 'fullscreenchange') { /* handle a full screen toggle */ } else /* fullscreenerror */ { /* handle a full screen toggle error */ } } safely detecting option support in older versions of the dom specification, the third parameter of addeventlistener() was a boolean
value indicating whether or not to use capture.
...And 26 more matches
text-shadow - CSS: Cascading Style Sheets
syntax /* offset-x | offset-y | blur-radius | color */ text-shadow: 1px 1px 2px black; /* color | offset-x | offset-y | blur-radius */ text-shadow: #fc0 1px 0 10px; /* offset-x | offset-y | color */ text-shadow: 5px 5px #558abb; /* color | offset-x | offset-y */ text-shadow: white 2px 5px; /* offset-x | offset-y /* use defaults for color and blur-radius */ text-shadow: 5px 10px; /* global
values */ text-shadow: inherit; text-shadow: initial; text-shadow: unset; this property is specified as a comma-separated list of shadows.
... each shadow is specified as two or three <length>
values, followed optionally by a <color>
value.
... the first two <length>
values are the <offset-x> and <offset-y>
values.
...And 26 more matches
<input type="checkbox"> - HTML: Hypertext Markup Language
a checkbox allows you to select single
values for submission in a form (or not).
... note: radio buttons are similar to checkboxes, but with an important distinction — radio buttons are grouped into a set in which only one radio button can be selected at a time, whereas checkboxes allow you to turn single
values on and off.
... where multiple controls exist, radio buttons allow one to be selected out of them all, whereas checkboxes allow multiple
values to be selected.
...And 26 more matches
itemprop - HTML: Hypertext Markup Language
every html element can have an itemprop attribute specified, and an itemprop consists of a name-
value pair.
... each name-
value pair is called a property, and a group of one or more properties forms an item.
... property
values are either a string or a url and can be associated with a very wide range of elements including <audio>, <embed>, <iframe>, <img>, <link>, <object>, <source> , <track>, and <video>.
...And 26 more matches
Array.prototype.map() - JavaScript
syntax let new_array = arr.map(function callback( current
value[, index[, array]]) { // return element for new_array }[, thisarg]) parameters callback function that is called for every element of arr.
... each time callback executes, the returned
value is added to new_array.
... the callback function accepts the following arguments: current
value the current element being processed in the array.
...And 26 more matches
How to build custom form controls - Learn web development
once we know how to change states, it is important to define how to change the control's
value: the
value changes when: the user clicks on an option when the control is in the open state.
... the
value does not change when: the user hits the up arrow key when the first option is selected.
...on the other hand, if you consider that the active state and the open state overlap a bit, the
value may change but the option will definitely not be highlighted accordingly, once again because we did not define any keyboard interactions over options when the control is in its opened state (we have only defined what should happen when the control is opened, but nothing after that).
...And 25 more matches
Storing the information you need — Variables - Learn web development
a variable is a container for a
value, like a number we might use in a sum, or a string that we might use as part of a sentence.
... but one special thing about variables is that their contained
values can change.
...the first line pops a box up on the screen that asks the reader to enter their name, and then stores the
value in a variable.
...And 25 more matches
Dict.jsm
the dict.jsm javascript code module offers routines for managing dictionaries of key/
value pairs.
... to use it, you first need to import the code module into your javascript scope: components.utils.import("resource://gre/modules/dict.jsm"); creating a dictionary you can create a new, empty dictionary by simply calling the dict() constructor: var newdict = new dict(); if you wish, you may also pass in an object literal of key/
value pairs with which to initialize the dictionary: var someobj = {}; var newdict = new dict({key1: "foo", key2: someobj}); note that
values may be any javascript object type.
... method overview dict copy(); boolean del(string akey); object get(string akey, [optional] object adefault); boolean has(string akey); array listitems(); array listkeys(); array list
values(); void set(string akey, object a
value); string tojson(); string tostring(); properties attribute type description count number the number of items in the dictionary.
...And 25 more matches
JSAPI User Guide
the arguments do not have native c++ types like int and float; rather, they are jsvals, javascript
values.
...the native function uses js_set_rval(cx, vp, val) to store its javascript return
value.
...the
value passed to js_set_rval is returned to the javascript caller.
...And 25 more matches
nsINavBookmarksService
constants constant
value description default_index -1 this is the default index; this
value should be used for apis that allow passing in an index where the index is not known or is not required to be specified, such as when appending an item to a folder.
... return
value returns the id of the newly-inserted folder.
... return
value returns the id of the newly-inserted folder.
...And 25 more matches
Element: mousewheel event - Web APIs
bubbles yes cancelable yes interface mousewheelevent event handler property onmousewheel the detail property the
value of the detail property is always zero, except in opera, which uses detail similarly to the firefox-only dommousescroll event's detail
value, which indicates the scroll distance in terms of lines, with negative
values indicating the scrolling movement is either toward the bottom or toward the right, and positive
values indicating scrolling to the top or left.
... note: on macos, the scroll distance (and therefore the
value of detail) is computed based on the accelerated scroll distance.
... wheeldelta, wheeldeltax and wheeldeltay
value the wheeldelta attribute
value is an abstract
value which indicates how far the wheel turned.
...And 25 more matches
shape-outside - CSS: Cascading Style Sheets
syntax /* keyword
values */ shape-outside: none; shape-outside: margin-box; shape-outside: content-box; shape-outside: border-box; shape-outside: padding-box; /* function
values */ shape-outside: circle(); shape-outside: ellipse(); shape-outside: inset(10px 10px 10px 10px); shape-outside: polygon(10px 10px, 20px 20px, 30px 30px); shape-outside: path('m0.5,1 c0.5,1,0,0.7,0,0.3 a0.25,0.25,1,1,1,0.5,0.3 a0.25,0.25,1,1,1,1...
...,0.3 c1,0.7,0.5,1,0.5,1 z'); /* <url>
value */ shape-outside: url(image.png); /* <gradient>
value */ shape-outside: linear-gradient(45deg, rgba(255, 255, 255, 0) 150px, red 150px); /* global
values */ shape-outside: initial; shape-outside: inherit; shape-outside: unset; the shape-outside property is specified using the
values from the list below, which define the float area for float elements.
...
values none the float area is unaffected.
...And 25 more matches
preference - Archive of obsolete content
attributes disabled, instantapply, inverted, name, onchange, readonly, tabindex, type properties default
value, disabled, hasuser
value, 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.
... inverted type: boolean for boolean preferences, if this attribute is set to true, it indicates that the
value of the preference is the reverse of the user interface element attached to it.
...a change event is fired in different ways for different xul input elements as listed below: onchange type: script code textbox when enter key is pressed radio/check box when the state is changed select list when the selected item is changed what is accessible the script context at this point can only access the following things: global
values/functions i.e.
...And 24 more matches
Basic math in JavaScript — numbers and operators - Learn web development
this is especially true when we are learning to program javascript (or any other language for that matter) — so much of what we do relies on processing numerical data, calculating new
values, and so on, that you won't be surprised to learn that javascript has a full-featured set of math functions available.
...but for the purposes of this course, we'll just worry about number
values.
... first of all, let's declare a couple of variables and initialize them with an integer and a float, respectively, then type the variable names back in to check that everything is in order: let myint = 5; let myfloat = 6.667; myint; myfloat; number
values are typed in without quote marks — try declaring and initializing a couple more variables containing numbers before you move on.
...And 24 more matches
TypeScript support in Svelte - Learn web development
for example, if you start adding an ms property to the alert component call, typescript will infer from the default
value that the ms property should be a number: and if you pass something that is not a number it will complain about it: the application template has a validate script configured that runs svelte-check against your code.
...corresponding types, like so: export let ms = 3000 let visible: boolean let timeout: number const onmessagechange = (message: string, ms: number) => { cleartimeout(timeout) if (!message) { // hide alert if message is empty note: there's no need to specify the ms type with export let ms:number = 3000 because typescript is already inferring it from its default
value.
...you'll notice there are no warnings — typescript infers the type of the filter variable from the default
value.
...And 24 more matches
Shell global objects
t: false) filename filename for error messages and debug info linenumber starting line number for error messages and debug info columnnumber starting column number for error messages and debug info global global in which to execute the code newcontext if true, create and use a new cx (default: false) catchtermination if true, catch termination (failure without an exception
value, as for slow scripts or out-of-memory) and return 'terminated' element if present with
value v, convert v to an object o and mark the source as being attached to the dom element o.
... sourcemapurl if present with
value v, convert v to a string, and provide that as the code's source map url.
... syntaxparse(code) check the syntax of a string, returning success
value offthreadcompilescript(code[, options]) compile code on a helper thread.
...And 24 more matches
IAccessible2
[propget] hresult attributes( [out] bstr attributes ); parameters attributes return
value s_false returned if there is nothing to return, [out]
value is null.
...[propget] hresult extendedrole( [out] bstr extendedrole ); parameters extendedrole return
value s_false if there is nothing to return, [out]
value is null.
... return
value s_false if there are no states, [out]
values are null and 0 respectively.
...And 24 more matches
nsIXPConnect
tr ajscontext, in jsobjectptr aobject); void initclasses(in jscontextptr ajscontext, in jsobjectptr aglobaljsobj); nsixpconnectjsobjectholder initclasseswithnewwrappedglobal(in jscontextptr ajscontext, in nsisupports acomobj, in nsiidref aiid, in nsiprincipal aprincipal, in nsisupports aextraptr, in pruint32 aflags); nsivariant jstovariant(in jscontextptr ctx, in jsval
value); nsivariant jsvaltovariant(in jscontextptr cx, in jsvalptr ajsval); void movewrappers(in jscontextptr ajscontext, in jsobjectptr aoldscope, in jsobjectptr anewscope); [noscript,notxpcom] void notejscontext(in jscontextptr ajscontext, in nscctraversalcallbackref acb); void releasejscontext(in jscontextptr ajscontext, in prbool nogc); void removejsh...
... obsolete since gecko 2.0 jsval varianttojs(in jscontextptr ctx, in jsobjectptr scope, in nsivariant
value); void wrapjs(in jscontextptr ajscontext, in jsobjectptr ajsobj, in nsiidref aiid, [iid_is(aiid),retval] out nsqiresult result); void wrapjsaggregatedtonative(in nsisupports aouter, in jscontextptr ajscontext, in jsobjectptr ajsobj, in nsiidref aiid, [iid_is(aiid),retval] out nsqiresult result); nsixpconnectjsobjectholder wrapnative(in jscontextptr ajscontext, in jsobj...
... deferreleasesuntilaftergarbagecollection prbool obsolete since gecko 1.9 pendingexception nsiexception constants constant
value description init_js_standard_classes 1 << 0 flag_system_global_object 1 << 1 omit_components_object 1 << 2 xpc_xow_clearscope 1 tells updatexows() to clear the scope of all of the xows it finds.
...And 24 more matches
DevTools API - Firefox Developer Tools
return
value: a promise that is fulfilled with the toolbox instance once it has been initialized and the selected tool is loaded.
... return
value: toolbox object or undefined if there's no toolbox for the given target..
... return
value: a promise that is fulfilled once the toolbox has been destroyed.
...And 24 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
valid on <link>, <a>, <area>, and <form>, the supported
values depend on the element on which the attribute is found.
... the type of relationships is given by the
value of the rel attribute, which, if present, must have a
value that is an unordered set of unique space-separated keywords, which are listed in the following table.
... every keyword within a space seperated
value should be unique within that
value.
...And 24 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
to link an external stylesheet, you'd include a <link> element inside your <head> like this: <link href="main.css" rel="stylesheet"> this simple example provides the path to the stylesheet inside an href attribute, and a rel attribute with a
value of stylesheet.
... the rel stands for "relationship", and is probably one of the key features of the <link> element — the
value denotes how the item being linked to is related to the containing document.
...for example, a link to the site's favicon: <link rel="icon" href="favicon.ico"> there are a number of other icon rel
values, mainly used to indicate special icon types for use on various mobile platforms, e.g.: <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114.png" type="image/png"> the sizes attribute indicates the icon size, while the type contains the mime type of the resource being linked.
...And 24 more matches
Indexed collections - JavaScript
« previousnext » this chapter introduces collections of data which are ordered by an index
value.
... array object an array is an ordered list of
values that you refer to with a name and an index.
... creating an array the following statements create equivalent arrays: let arr = new array(element0, element1, ..., elementn) let arr = array(element0, element1, ..., elementn) let arr = [element0, element1, ..., elementn] element0, element1, ..., elementn is a list of
values for the array's elements.
...And 24 more matches
Image file type and format guide - Web media technologies
for example, an rgb color depth of 8 indicates that each of the red, green, and blue components are represented by an 8-bit
value.
..._specification browser compatibility chrome 59, edge 12, firefox 3, opera 46, safari 8 maximum dimensions 2,147,483,647×2,147,483,647 pixels supported color modes color mode bits per component (d) description greyscale 1, 2, 4, 8, and 16 each pixel consists of a single d-bit
value indicating the brightness of the greyscale pixel.
... true color 8 and 16 each pixel is represented by three d-bit
values indicating the level of the red, green, and blue color components.
...And 24 more matches
simple-prefs - Archive of obsolete content
you can store booleans, integers, and string
values, and users can configure these preferences in the add-ons manager.
... usage defining and initializing preferences to define preferences and give them initial
values, add a new json array called preferences to your package.json file, and give it one entry for each preference: { "fullname": "example add-on", ...
... "preferences": [{ "name": "somepreference", "title": "some preference title", "description": "some short description for the preference", "type": "string", "
value": "this is the default string
value" }, { "description": "how many of them we have.", "name": "myinteger", "type": "integer", "
value": 8, "title": "how many?" }] } each preference is defined by a group of attributes.
...And 23 more matches
tooltip - Archive of obsolete content
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 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 ...
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
... for example, for a menuitem in a menu you can add the following css rule when you want to use the
value none: menupopup > menuitem, menupopup > menu { max-width: none; } default type: boolean if true, the tooltip is used as the default popup for displaying tooltips in the window.
...And 23 more matches
JSAPI reference
ception js_clearpendingexception js_throwstopiteration added in spidermonkey 1.8 js_isstopiteration added in spidermonkey 31 typedef jsexceptionstate js_saveexceptionstate js_restoreexceptionstate js_dropexceptionstate these functions translate errors into exceptions and vice versa: js_reportpendingexception js_errorfromexception js_throwreportederror obsolete since jsapi 29
values and types typedef jsval js::
value js::
value constructors: js::null
value added in spidermonkey 24 js::undefined
value added in spidermonkey 24 js::boolean
value added in spidermonkey 24 js::true
value added in spidermonkey 24 js::false
value added in spidermonkey 24 js::number
value added in spidermonkey 24 js::int32
value added in spidermonkey 24 js::double
value added in spidermonkey...
... 24 js::float32
value added in spidermonkey 24 js::string
value added in spidermonkey 24 js::object
value added in spidermonkey 24 js::objectornull
value added in spidermonkey 24 js::symbol
value added in spidermonkey 38 js::
value constants: js::nullhandle
value added in spidermonkey 24 js::undefinedhandle
value added in spidermonkey 24 js::truehandle
value added in spidermonkey 38 js::falsehandle
value added in spidermonkey 38 jsval constants: jsval_null obsolete since jsapi 42 jsval_void obsolete since jsapi 42 jsval_true obsolete since jsapi 42 jsval_false obsolete since jsapi 42 jsval_zero obsolete since jsapi 42 jsval_one obsolete since jsapi 42 function and macros for checking the type of a jsval: enum jstype js_typeof
value all of the following are deprecated.
... see js::
value for their modern replacements.
...And 23 more matches
Accessing the Windows Registry Using XPCOM
a simple example here's a simple example showing how to read your windows productid: var wrk = components.classes["@mozilla.org/windows-registry-key;1"] .createinstance(components.interfaces.nsiwindowsregkey); wrk.open(wrk.root_key_local_machine, "software\\microsoft\\windows\\currentversion", wrk.access_read); var id = wrk.readstring
value("productid"); wrk.close(); this example, while simple, shows several important things about using the interface.
...second, you must call open() on the key before attempting to read a
value.
... the
value is read using readstring
value().
...And 23 more matches
nsPIPromptService
the indexes for getstring() and setstring() are: emsg the
value is 0.
...echeckboxmsg the
value is 1.
...eiconclass the
value is 2.
...And 23 more matches
AudioParam - Web APIs
an audioparam can be set to a specific
value or a change in
value, and can be scheduled to happen at a specific time and following a specific pattern.
... there are two kinds of audioparam, a-rate and k-rate parameters: an a-rate audioparam takes the current audio parameter
value for each sample frame of the audio signal.
... a k-rate audioparam uses the same initial audio parameter
value for the whole block processed, that is 128 sample frames.
...And 23 more matches
Capabilities, constraints, and settings - Web APIs
the twin concepts of constraints and capabilities let the browser and web site or app exchange information about what constrainable properties the browser's implementation supports and what
values it supports for each one.
... once the script knows whether the property or properties it wishes to use are supported, it can then check the capabilities of the api and its implementation by examining the object returned by the track's getcapabilities() method; this object lists each supported constraint and the
values or range of
values which are supported.
... finally, the track's applyconstraints() method is called to configure the api as desired by specifying the
values or ranges of
values it wishes to use for any of the constrainable properties about which it has a preference.
...And 23 more matches
SVGLength - Web APIs
interface overview also implement none methods void new
valuespecifiedunits(in unsigned short unittype, in float
valueinspecifiedunits) void converttospecifiedunits(in unsigned short unittype) properties readonly unsigned short unittype float
value float
valueinspecifiedunits domstring
valueasstring constants svg_lengthtype_unknown = 0 svg_lengthtype_number = 1 svg_lengthtype_percentage = 2 svg_lengthtype_ems = 3 svg_lengthtype_...
...pt = 9 svg_lengthtype_pc = 10 normative document svg 1.1 (2nd edition) example <svg height="200" onload="start();" version="1.1" width="200" xmlns="http://www.w3.org/2000/svg"> <script type="text/javascript"><![cdata[ function start() { var rect = document.getelementbyid("myrect"); var val = rect.x.baseval; // read x in pixel and cm units console.log("
value: " + val.
value + ",
valueinspecifiedunits: " + val.unittype + ": " + val.
valueinspecifiedunits + ",
valueasstring: " + val.
valueasstring); // set x = 20pt and read it out in pixel and pt units val.new
valuespecifiedunits(svglength.svg_lengthtype_pt, 20); console.log("
value: " + val.
value + ",
valueinspecifiedunits " + val.unittype + ": " + val.
valueinspec...
...ifiedunits + ",
valueasstring: " + val.
valueasstring); // convert x = 20pt to inches and read out in pixel and inch units val.converttospecifiedunits(svglength.svg_lengthtype_in); console.log("
value: " + val.
value + ",
valueinspecifiedunits " + val.unittype + ": " + val.
valueinspecifiedunits + ",
valueasstring: " + val.
valueasstring); } ]]></script> <rect id="myrect" x="1cm" y="1cm" fill="green" stroke="black" stroke-width="1" width="1cm" height="1cm" /> </svg> results on a desktop monitor (pixel units will be dpi-dependent):
value: 37.7952766418457,
valueinspecifiedunits: 6: 1,
valueasstring: 1cm
value: 26.66666603088379,
valueinspecifiedunits 9: 20,
valueasstring: 20pt
value: 26.66666603088379,
valueinspecifiedunits 8:...
...And 23 more matches
Basic Shapes - CSS: Cascading Style Sheets
css shapes can be defined using the <basic-shape> type, and in this guide i’ll explain how each of the different
values accepted by this type work.
... before looking at the shapes, it is worth understanding two pieces of information that go together to make these shapes possible: the <basic-shape> type the reference box the <basic-shape> type the <basic-shape> type is used as the
value for all of our basic shapes.
... this type uses functional notation: the type of shape is followed by brackets, inside of which are additional
values used to describe the shape.
...And 23 more matches
Using CSS custom properties (variables) - CSS: Cascading Style Sheets
custom properties (sometimes referred to as css variables or cascading variables) are entities defined by css authors that contain specific
values to be reused throughout a document.
... complex websites have very large amounts of css, often with a lot of repeated
values.
...custom properties allow a
value to be stored in one place, then referenced in multiple other places.
...And 23 more matches
content - CSS: Cascading Style Sheets
the content css property replaces an element with a generated
value.
... /* keywords that cannot be combined with other
values */ content: normal; content: none; /* <image>
values */ content: url("http://www.example.com/test.png"); content: linear-gradient(#e66465, #9198e5); /* alt text for generated content, added in the level 3 specification */ content: url("http://www.example.com/test.png") / "this is the alt text"; /*
values below can only be applied to generated content using ::before and ::after */ /* <string>
value */ content: "prefix"; /* <counter>
values */ content: counter(chapter_counter); content: counters(section_counter, "."); /* attr()
value linked to the html attribute
value */ content: attr(
value string); /* language- and position-dependent keywords */ content: ope...
...n-quote; content: close-quote; content: no-open-quote; content: no-close-quote; /* except for normal and none, several
values can be used simultaneously */ content: open-quote chapter_counter; /* global
values */ content: inherit; content: initial; content: unset; syntax
values none the pseudo-element is not generated.
...And 23 more matches
HTML attribute reference - HTML: Hypertext Markup Language
elements in html have attributes; these are additional
values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
... autocapitalize global attribute sets whether input is automatically capitalized when entered by user autocomplete <form>, <input>, <select>, <textarea> indicates whether controls in this form can by default have their
values automatically completed by the browser.
... content <meta> a
value associated with http-equiv or name depending on the context.
...And 23 more matches
Equality comparisons and sameness - JavaScript
there are four equality algorithms in es2015: abstract equality comparison (==) strict equality comparison (===): used by array.prototype.indexof, array.prototype.lastindexof, and case-matching same
valuezero: used by %typedarray% and arraybuffer constructors, as well as map and set operations, and also string.prototype.includes and array.prototype.includes since es2016 same
value: used in all other places javascript provides three different
value-comparison operations: === - strict equality comparison ("strict equality", "identity", "triple equals") == - abstract equality comparison ("loose equality", "double equals") object.is provides same
value (new in es2015).
... object.is does no type conversion and no special handling for nan, -0, and +0 (giving it the same behavior as === except on those special numeric
values).
... strict equality using === strict equality compares two
values for equality.
...And 23 more matches
Install Manifests - Archive of obsolete content
some have simple string
values, some are complex resources.
... type an integer
value representing the type of add-on.
... firefox 2 and previous supported a
value of 16 to represent plug-ins.
...And 22 more matches
Cascade and inheritance - Learn web development
also significant here is the concept of inheritance, which means that some css properties by default inherit
values set on the current element's parent element, and some don't.
... a class selector is more specific — it will select only the elements on a page that have a specific class attribute
value — so will get a higher score.
... inheritance inheritance also needs to be understood in this context — some css property
values set on parent elements are inherited by their child elements, and some aren't.
...And 22 more matches
Fundamental text and font styling - Learn web development
this simply involves a font-family
value consisting of multiple font names separated by commas, e.g.
...but it was a rare occasion such as this that he did.</p> font size in our previous module's css
values and units article, we reviewed length and size units.
... font size (set with the font-size property) can take
values measured in most of these units (and others, such as percentages), however the most common units you'll use to size text are: px (pixels): the number of pixels high you want the text to be.
...And 22 more matches
IAccessibleTable2
return
value s_false if there is nothing to return, [out]
value is null.
... return
value e_invalidarg if bad [in] passed, [out]
value is null.
... return
value e_invalidarg if bad [in] passed, [out]
value is null.
...And 22 more matches
nsIContentPrefService
preferences are saved as key/
value pairs on a per-website basis.
...astring aname); boolean haspref(in nsivariant agroup, in astring aname); void removegroupedprefs(); void removeobserver(in astring aname, in nsicontentprefobserver aobserver); void removepref(in nsivariant agroup, in astring aname); void removeprefsbyname(in astring aname); void setpref(in nsivariant agroup, in astring aname, in nsivariant a
value); attributes attribute type description dbconnection mozistorageconnection the database connection to the content preferences database.
... aobserver the name of an object implementing nsicontentprefobserver that will receive notifications of changes to the preference's
value.
...And 22 more matches
Web audio spatialization basics - Web APIs
let's create our context and listener and set the listener's position to emulate a person looking into our room: const audiocontext = window.audiocontext || window.webkitaudiocontext; const audioctx = new audiocontext(); const listener = audioctx.listener; const posx = window.innerwidth/2; const posy = window.innerheight/2; const posz = 300; listener.positionx.
value = posx; listener.positiony.
value = posy; listener.positionz.
value = posz-5; we could move the listener left or right using positionx, up or down using positiony, or in or out of the room using positionz.
...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 gain is reduced by the
value of the coneoutergain
value.
...And 22 more matches
background-size - CSS: Cascading Style Sheets
syntax /* keyword
values */ background-size: cover; background-size: contain; /* one-
value syntax */ /* the width of the image (height becomes 'auto') */ background-size: 50%; background-size: 3.2em; background-size: 12px; background-size: auto; /* two-
value syntax */ /* first
value: width of the image, second
value: height */ background-size: 50% auto; background-size: 3em 25%; background-size: auto 6px; background-s...
...ize: auto auto; /* multiple backgrounds */ background-size: auto, auto; /* not to be confused with `auto auto` */ background-size: 50%, 25%, 25%; background-size: 6px, auto, contain; /* global
values */ background-size: inherit; background-size: initial; background-size: unset; the background-size property is specified in one of the following ways: using the keyword
values contain or cover.
... using a width
value only, in which case the height defaults to auto.
...And 22 more matches
JSON.stringify() - JavaScript
the json.stringify() method converts a javascript object or
value to a json string, optionally replacing
values if a replacer function is specified or optionally including only the specified properties if a replacer array is specified.
... syntax json.stringify(
value[, replacer[, space]]) parameters
value the
value to convert to a json string.
... replacer optional a function that alters the behavior of the stringification process, or an array of string and number that serve as an allowlist for selecting/filtering the properties of the
value object to be included in the json string.
...And 22 more matches
Map - JavaScript
the map object holds key-
value pairs and remembers the original insertion order of the keys.
... any
value (both objects and primitive
values) may be used as either a key or a
value.
... description a map object iterates its elements in insertion order — a for...of loop returns an array of [key,
value] for each iteration.
...And 22 more matches
height - SVG: Scalable Vector Graphics
value <length> | <percentage> default
value 100% animatable yes fecolormatrix for <fecolormatrix>, height defines the vertical length for the rendering area of the primitive.
...
value <length> | <percentage> default
value 100% animatable yes fecomponenttransfer for <fecomponenttransfer>, height defines the vertical length for the rendering area of the primitive.
...
value <length> | <percentage> default
value 100% animatable yes fecomposite for <fecomposite>, height defines the vertical length for the rendering area of the primitive.
...And 22 more matches
width - SVG: Scalable Vector Graphics
value <length> | <percentage> default
value 100% animatable yes fecolormatrix for <fecolormatrix>, width defines the horizontal length for the rendering area of the primitive.
...
value <length> | <percentage> default
value 100% animatable yes fecomponenttransfer for <fecomponenttransfer>, width defines the horizontal length for the rendering area of the primitive.
...
value <length> | <percentage> default
value 100% animatable yes fecomposite for <fecomposite>, width defines the horizontal length for the rendering area of the primitive.
...And 22 more matches
core/promise - Archive of obsolete content
in the add-on sdk we follow commonjs promises/a specification and model a promise as an object with a then method, which can be used to get the eventual return (fulfillment)
value or thrown exception (rejection): foo().then(function success(
value) { // ...
...}); if foo returns a promise that gets fulfilled with the
value, success callback (the
value handler) will be called with that
value.
... propagation the then method of a promise returns a new promise that is resolved with the return
value of either handler.
...And 21 more matches
menupopup - Archive of obsolete content
<menulist> <menupopup> <menuitem label="mozilla"
value="http://mozilla.org"/> <menuitem label="slashdot"
value="http://slashdot.org"/> <menuitem label="sourceforge"
value="http://sf.net"/> <menuitem label="freshmeat"
value="http://freshmeat.net"/> </menupopup> </menulist> the following example shows how a menupopup can be used as a context menu for an element.
... <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> <label
value="right click for popup" context="clipmenu"/> attributes ignorekeys type: boolean if true, keyboard navigation between items in the popup is disabled.
... this
value can be specified either as a single word offering pre-defined alignment positions, or as 2 words specifying exactly which part of the anchor and popup should be aligned.
...And 21 more matches
CSS basics - Learn web development
property
value to the right of the property—after the colon—there is the property
value.
...(for example, there are many color
values in addition to red.) note the other important parts of the syntax: apart from the selector, each ruleset must be wrapped in curly braces.
... ({}) within each declaration, you must use a colon (:) to separate the property from its
value or
values.
...And 21 more matches
nsIPropertyBag2
nt32(in astring prop); print64 getpropertyasint64(in astring prop); void getpropertyasinterface(in astring prop, in nsiidref iid, [iid_is(iid), retval] out nsqiresult result); pruint32 getpropertyasuint32(in astring prop); pruint64 getpropertyasuint64(in astring prop); prbool haskey(in astring prop); methods get() this method returns null if the
value does not exist, or exists but is null.
... nsivariant get( in astring prop ); parameters prop property to return the
value of.
... return
value the property
value as an nsivariant.
...And 21 more matches
Debugger.Frame - Firefox Developer Tools
while invocation functions differ in the code to be run and how to pass
values to it, they all follow this general procedure: letolder be the youngest visible frame on the stack, or null if there is no such frame.
... when the debuggee code completes, whether by returning, throwing an exception or being terminated, pop the "debugger" frame, and return an appropriate completion
value from the invocation function to the debugger.
... this the
value of this for this frame (a debuggee
value).
...And 21 more matches
AudioListener - Web APIs
properties the position, forward, and up
value are set and retrieved using different syntaxes.
... retrieval is done by accessing, for example, audiolistener.positionx, while setting the same property is done with audiolistener.positionx.
value.
... this is why these
values are not marked read only, which is how they appear in the specification's idl.
...And 21 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
however, instead of using the standard waves that come by default, we're going to create our own using the periodicwave interface and
values set in a wavetable.
...to do so, we need to pass real and imaginary
values into the baseaudiocontext.createperiodicwave() method.: let wave = audioctx.createperiodicwave(wavetable.real, wavetable.imag); note: in our example the wavetable is held in a separate javascript file (wavetable.js), because there are so many
values.
... the oscillator now we can create an oscillatornode and set its wave to the one we've created: function playsweep() { let osc = audioctx.createoscillator(); osc.setperiodicwave(wave); osc.frequency.
value = 440; osc.connect(audioctx.destination); osc.start(); osc.stop(audioctx.currenttime + 1); } controlling amplitude this is great, but wouldn't it be nice if we had an amplitude envelope to go with it?
...And 21 more matches
clamp() - CSS: Cascading Style Sheets
the clamp() css function clamps a
value between an upper and lower bound.
... clamp() enables selecting a middle
value within a range of
values between a defined minimum and maximum.
... it takes three parameters: a minimum
value, a preferred
value, and a maximum allowed
value.
...And 21 more matches
color - CSS: Cascading Style Sheets
the color css property sets the foreground color
value of an element's text and text decorations, and sets the currentcolor
value.
... currentcolor may be used as an indirect
value on other properties and is the default for other color properties, such as border-color.
... syntax /* keyword
values */ color: currentcolor; /* <named-color>
values */ color: red; color: orange; color: tan; color: rebeccapurple; /* <hex-color>
values */ color: #090; color: #009900; color: #090a; color: #009900aa; /* <rgb()>
values */ color: rgb(34, 12, 64, 0.6); color: rgba(34, 12, 64, 0.6); color: rgb(34 12 64 / 0.6); color: rgba(34 12 64 / 0.3); color: rgb(34.0 12 64 / 60%); color: rgba(34.6 12 64 / 30%); /* <hsl()>
values */ color: hsl(30, 100%, 50%, 0.6); color: hs...
...And 21 more matches
cross-fade() - CSS: Cascading Style Sheets
the percent
value must be coded without quotes, must contain the “%” symbol, and its
value must be between 0% and 100%.
... cross-fade percentages think of the percentage as an opacity
value for each image.
... this means a
value of 0% means the image is fully transparent while a
value of 100% makes the image fully opaque.
...And 21 more matches
<textarea> - HTML: Hypertext Markup Language
<textarea> does not support the
value attribute.
... autocapitalize this is a non-standard attribute supported by webkit on ios (therefore nearly all browsers running on ios, including safari, firefox, and chrome), which controls whether and how the text
value should be automatically capitalized as it is entered/edited by the user.
... the non-deprecated
values are available in ios 5 and later.
...And 21 more matches
Promise - JavaScript
the promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting
value.
... description a promise is a proxy for a
value not necessarily known when the promise is created.
... it allows you to associate handlers with an asynchronous action's eventual success
value or failure reason.
...And 21 more matches
<mo> - MathML
besides operators in strict mathematical meaning, this element also includes "operators" like parentheses, separators like comma and semicolon, or "absolute
value" bars.
... allowed
values are true or false.
...possible
values are either ltr (left to right) or rtl (right to left).
...And 21 more matches
listitem - Archive of obsolete content
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...
... crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
...And 20 more matches
A first splash into JavaScript - Learn web development
we'll tell you if your guess was too high or too low.</p> <div class="form"> <label for="guessfield">enter a guess: </label><input type="text" id="guessfield" class="guessfield"> <input type="submit"
value="submit guess" class="guesssubmit"> </div> <div class="resultparas"> <p class="guesses"></p> <p class="lastresult"></p> <p class="loworhi"></p> </div> <script> // your javascript goes here let randomnumber = math.floor(math.random() * 100) + 1; const guesses = document.queryselector('.guesses'); const lastresult = document.queryselector('.lastresult...
...'); const loworhi = document.queryselector('.loworhi'); const guesssubmit = document.queryselector('.guesssubmit'); const guessfield = document.queryselector('.guessfield'); let guesscount = 1; let resetbutton; function checkguess() { let userguess = number(guessfield.
value); if (guesscount === 1) { guesses.textcontent = 'previous guesses: '; } guesses.textcontent += userguess + ' '; if (userguess === randomnumber) { lastresult.textcontent = 'congratulations!
...t = ''; setgameover(); } else { lastresult.textcontent = 'wrong!'; lastresult.style.backgroundcolor = 'red'; if(userguess < randomnumber) { loworhi.textcontent = 'last guess was too low!' ; } else if(userguess > randomnumber) { loworhi.textcontent = 'last guess was too high!'; } } guesscount++; guessfield.
value = ''; } guesssubmit.addeventlistener('click', checkguess); 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); } function resetgame()...
...And 20 more matches
Promise
a promise object represents a
value that may not be available yet.
... a reference to an existing promise may be received by different means, for example as the return
value of a call into an asynchronous api.
... once you have a reference to a promise, you can call its then() method to execute an action when the
value becomes available, or when an error occurs.
...And 20 more matches
nsIMsgIncomingServer
inherits from: nsisupports last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) method overview void clearall
values(); void cleartemporaryreturnreceiptsfilter(); void closecachedconnections(); void configuretemporaryfilters(in nsimsgfilterlist filterlist); void configuretemporaryreturnreceiptsfilter(in nsimsgfilterlist filterlist); obsolete since gecko 1.8 void displayofflinemsg(in nsimsgwindow awindow); boolean equals(in nsimsgincomingserver server); void forgetpassword(); void forgetsessionpassword(); astring generateprettynameformigration(); boolean getboolattribute(in string name); boolean getbool
value(in stri...
...ng attr); acstring getcharattribute(in string name); acstring getchar
value(in string attr); nsilocalfile getfile
value(in string relpref, in string abspref); nsimsgfilterlist getfilterlist(in nsimsgwindow amsgwindow); long getintattribute(in string name); long getint
value(in string attr); nsimsgfolder getmsgfolderfromuri(in nsimsgfolder afolderresource, in acstring auri); void getnewmessages(in nsimsgfolder afolder, in nsimsgwindow amsgwindow, in nsiurllistener aurllistener); acstring getpasswordwithui(in astring apromptstring, in astring aprompttitle, in nsimsgwindow amsgwindow, out boolean okay
value); astring getunicharattribute(in string name); astring getunichar
value(in string attr); boolean isnewhdrduplicate(in nsimsgdbhdr anewhdr); void onuserorhostnamechanged(i...
...n acstring oldname, in acstring newname); void performbiff(in nsimsgwindow amsgwindow); void performexpand(in nsimsgwindow amsgwindow); void removefiles(); void setboolattribute(in string name, in boolean
value); void setbool
value(in string attr, in boolean
value); void setcharattribute(in string name, in acstring
value); void setchar
value(in string attr, in acstring
value); void setdefaultlocalpath(in nsilocalfile adefaultlocalpath); void setfile
value(in string relpref, in string abspref, in nsilocalfile a
value); void setfilterlist(in nsimsgfilterlist afilterlist); void setintattribute(in string name, in long
value); void setint
value(in string attr, in long
value); void setunicharattribute(in string name, in astring
value); void setunichar
value(in string attr, in as...
...And 20 more matches
Working with data
creating uninitialized cdata objects there are three forms of the syntax for creating cdata objects without immediately assigning them a
value: var mycdataobj = new type; var mycdataobj = new type(); var mycdataobj = type(); these all do the same thing: they return a new cdata object of the specified type, whose data buffer has been populated entirely with zeroes.
... creating initialized cdata objects similarly, you can initialize cdata objects with specific
values at the type of creation by specifying them as a parameter when calling the ctype's constructor, like this: var mycdataobj = new type(
value); var mycdataobj = type(
value); if the size of the specified type isn't undefined, the specified
value is converted to the given type.
...if the original
value is already a cdata object, the original object is simply duplicated directly into the new one.
...And 20 more matches
Drawing and Event Handling - Plugins
these
values should not be modified by the plug-in.
...this window is valid for the life of the instance, or until npp_setwindow is called again with a different
value.
... getting information to receive information from the browser, the plug-in calls the npn_get
value method.
...And 20 more matches
CanvasRenderingContext2D.filter - Web APIs
it is similar to the css filter property and accepts the same
values.
... syntax ctx.filter = "<filter-function1> [<filter-function2>] [<filter-functionn>]"; ctx.filter = "none";
values the filter property accepts a
value of "none" or one or more of the following filter functions in a domstring.
...it defines the
value of the standard deviation to the gaussian function, i.e., how many pixels on the screen blend into each other; thus, a larger
value will create more blur.
...And 20 more matches
KeyboardEvent.key - Web APIs
the keyboardevent interface's key read-only property returns the
value of the key pressed by the user, taking into consideration the state of modifier keys such as shift as well as the keyboard locale and layout.
... its
value is determined as follows: key
values see a full list of key
values.
... if the pressed key has a printed representation, the returned
value is a non-empty unicode character string containing the printable representation of the key.
...And 20 more matches
Variable fonts guide - CSS: Cascading Style Sheets
therefore wherever possible, the appropriate property should be used, with the lower-level syntax of font-variation-settings only being used to set
values or axes not available otherwise.
... if you have set
values using font-variation-settings and want to change one of those
values, you must redeclare all of them (in the same way as when you set opentype font features using font-feature-settings).
... you can work around this limitation by using css custom properties (css variables) for the individual
values, and simply modifying the
value of an individual custom property.
...And 20 more matches
border - CSS: Cascading Style Sheets
it sets the
values of border-width, border-style, and border-color.
... constituent properties this property is a shorthand for the following css properties: border-color border-style border-width syntax /* style */ border: solid; /* width | style */ border: 2px dotted; /* style | color */ border: outset #f33; /* width | style | color */ border: medium dashed green; /* global
values */ border: inherit; border: initial; border: unset; the border property may be specified using one, two, or three of the
values listed below.
... the order of the
values does not matter.
...And 20 more matches
<color> - CSS: Cascading Style Sheets
a <color> may also include an alpha-channel transparency
value, indicating how the color should composite with its background.
... note: although <color>
values are precisely defined, their actual appearance may vary (sometimes significantly) from device to device.
... there are a few caveats to consider when using color keywords: html only recognizes the 16 basic color keywords found in css1, using a specific algorithm to convert unrecognized
values (often to completely different colors).
...And 20 more matches
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
for more detailed discussion of each of the color
value types, see the reference for the css <color> unit.
... rgb
values there are three ways to represent an rgb color in css.
...the alpha channel is specified by 0xaa; the lower this
value is, the more translucent the color becomes.
...And 20 more matches
Working with objects - JavaScript
an object is a collection of properties, and a property is an association between a name (or key) and a
value.
... a property's
value can be a function, in which case the property is known as a method.
...you can define a property by assigning it a
value.
...And 20 more matches
Intl.DateTimeFormat() constructor - JavaScript
possible
values include: "arab", "arabext", "bali", "beng", "deva", "fullwide", "gujr", "guru", "hanidec", "khmr", "knda", "laoo", "latn", "limb", "mlym", "mong", "mymr", "orya", "tamldec", "telu", "thai", "tibt".
...possible
values include: "buddhist", "chinese", "coptic", "ethiopia", "ethiopic", "gregory", "hebrew", "indian", "islamic", "iso8601", "japanese", "persian", "roc".
...possible
values include: "h11", "h12", "h23", "h24".
...And 20 more matches
dx - SVG: Scalable Vector Graphics
for <altglyph>, if it contains a single
value, dx defines a shift along the x-axis for all alternate glyph.
... if there are multiple
values, dx defines a shift along the x-axis for each individual glyph relative to the preceding glyph.
... if there are less
values than glyphs, the remaining glyphs use a
value of 0.
...And 20 more matches
dy - SVG: Scalable Vector Graphics
for <altglyph>, if it contains a single
value, dy defines a shift along the y-axis for all alternate glyph.
... if there are multiple
values, dy defines a shift along the y-axis for each individual glyph relative to the preceding glyph.
... if there are less
values than glyphes, the remaining glyphes use a
value of 0.
...And 20 more matches
menuseparator - Archive of obsolete content
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 k...
...if this
value is set, it overrides an assigned key set in the key attribute.
... 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.
...And 19 more matches
prefwindow - Archive of obsolete content
a true
value for this preference makes the preference window apply immediately the user choices, without waiting for the dialog to close with ok.
... buttonalign type: string the
value of the align attribute for the box containing the buttons.
... buttondir type: string the
value of the dir attribute for the box containing the buttons.
...And 19 more matches
timepicker - Archive of obsolete content
arrow buttons next to the fields allow the
values to be adjusted with the mouse.
... to specify the initial, use the
value attribute set to a
value of either the form hh:mm:ss or hh:mm.
... the
value may be retrieved and changed using the
value property or the date
value property.
...And 19 more matches
HTML text fundamentals - Learn web development
my legs are made of cardboard and i am married to a fish.</textarea> <div class="playable-buttons"> <input id="reset" type="button"
value="reset"> <input id="solution" type="button"
value="show solution"> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; background: #f5f9fa; } var textarea = document.getelementbyid('code'); var reset = document.getelementbyid('reset'); var solution = document.getel...
...ementbyid('solution'); var output = document.queryselector('.output'); var code = textarea.
value; var userentry = textarea.
value; function updatecode() { output.innerhtml = textarea.
value; } reset.addeventlistener('click', function() { textarea.
value = code; userentry = textarea.
value; solutionentry = htmlsolution; solution.
value = 'show solution'; updatecode(); }); solution.addeventlistener('click', function() { if(solution.
value === 'show solution') { textarea.
value = solutionentry; solution.
value = 'hide solution'; } else { textarea.
value = userentry; solution.
value = 'show solution'; } updatecode(); }); var htmlsolution = '<h1>my short story</h1>\n<p>i am a statistician and my name is trish.</p>\n<p>my legs are made of cardboard and i am married to a ...
... stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.
value).substring(0, caretpos); var back = (textarea.
value).substring(textarea.selectionend, textarea.
value.length); textarea.
value = front + text + back; caretpos = caretpos + text.length; textarea.selectionstart = caretpos; textarea.selectionend = caretpos; textarea.focus(); textarea.scrolltop = scrollpos; } // update the saved usercode every time the user updates the text area code te...
...And 19 more matches
NSS PKCS11 Functions
for applications this
value should be null.
... returns the function returns one of these
values: if successful, a pointer to a secmodmodule.
...returns the function returns one of these
values: if successful, secsuccess.
...And 19 more matches
JSAPI Cookbook
basics working with
values the basic, undifferentiated
value type in the jsapi is js::
value.
... to query whether a
value has a particular type, use a correspondingly named member testing function: // javascript var v = computesome
value(); var isstring = typeof v === "string"; var isnumber = typeof v === "number"; var isnull = v === null; var isboolean = typeof v === "boolean"; var isobject = typeof v === "object" && v !== null; /* jsapi */ js::rooted
value v(cx, computesome
value()); bool isstring = v.isstring(); bool isnumber = v.isnumber(); bool isint32 = v.isint32(); // note: internal representation, not numeric
value bool isnull = v.isnull(); bool isboolean = v.isboolean(); bool isobject = v.isobject(); // note: not broken like typeof === "object" is :-) to set a
value use a correspondingly named member mutator function, or assign the result of the correspondingly named standalon...
...e function: // javascript var v; v = 0; v = 0.5; v = somestring; v = null; v = undefined; v = false; /* jsapi */ js::rooted
value v(cx); js::rootedstring somestring(cx, ...); v.setint32(0); // or: v = js::int32
value(0); v.setdouble(0.5); // or: v = js::double
value(0.5); v.setstring(somestring); // or: v = js::string
value(somestring); v.setnull(); // or: v = js::null
value(); v.setundefined(); // or: v = js::undefined
value(); v.setboolean(false); // or: v = js::boolean
value(false); finding the global object many of these recipes require finding the current global object first.
...And 19 more matches
nsIAbCard/Thunderbird3
hyear, 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 default
value); [noscript] astring getpropertyasastring(in string name); [noscript] autf8string getpropertyasautf8string(in string name); [noscript] pruint32 getpropertyasuint32(in string name); [noscript] boolean getpropertyasbool(in string name); void setproperty(in autf8string name, in nsivariant
value); [noscript] void setpropertyasastring(in string nam...
...e, in astring
value); [noscript] void setpropertyasautf8string(in string name, in autf8string
value); [noscript] void setpropertyasuint32(in string name, in pruint32
value); [noscript] void setpropertyasbool(in string name, in boolean
value); void deleteproperty(in autf8string name); autf8string translateto(in autf8string atype); void copy(in nsiabcard srccard) boolean equals(in nsiabcard card) astring generatephoneticname(in boolean alastnamefirst) attributes attribute type description properties nsisimpleenumerator readonly: a list of all the properties that this card has as an enumerator, whose members are all nsiproperty objects.
... nsivariant getproperty(in autf8string name, in nsivariant default
value); parameters name the case-sensitive name of the property to get.
...And 19 more matches
Aligning Items in a Flex Container - CSS: Cascading Style Sheets
the reason the items become the same height is that the initial
value of align-items, the property that controls alignment on the cross axis, is set to stretch.
... we can use other
values to control how the items align: align-items: flex-start align-items: flex-end align-items: center align-items: stretch align-items: baseline in the live example below, the
value of align-items is stretch.
... try the other
values and see how all of the items align against each other in the flex container.
...And 19 more matches
border-bottom - CSS: Cascading Style Sheets
it sets the
values of border-bottom-width, border-bottom-style and border-bottom-color.
... 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.
... it sets those that are not specified to their default
values.
...And 19 more matches
Number - JavaScript
values of other types can be converted to numbers using the number() function.
... the javascript number type is a double-precision 64-bit binary format ieee 754
value, like double in java or c#.
... this means it can represent fractional
values, but there are some limits to what it can store.
...And 19 more matches
Set - JavaScript
the set object lets you store unique
values of any type, whether primitive
values or object references.
... description set objects are collections of
values.
...a
value in the set may only occur once; it is unique in the set's collection.
...And 19 more matches
begin - SVG: Scalable Vector Graphics
the attribute
value is a semicolon separated list of
values.
...each individual
value can be one of the following : <offset-
value>, <syncbase-
value>, <event-
value>, <repeat-
value>, <accesskey-
value>, <wallclock-sync-
value> or the keyword indefinite.
...
value <begin-
value-list> default
value 0s animatable no the <begin-
value-list> is a semicolon-separated list of
values.
...And 19 more matches
kernelUnitLength - SVG: Scalable Vector Graphics
three elements are using this attribute: <feconvolvematrix>, <fediffuselighting>, and <fespecularlighting> feconvolvematrix for the <feconvolvematrix>, kernelunitlength indicates the intended distance in current filter units (i.e., units as determined by the
value of primitiveunits attribute) between successive columns and rows, respectively, in the kernelmatrix.
... by specifying
value(s) for kernelunitlength, the kernel becomes defined in a scalable, abstract coordinate system.
... if the attribute is not specified, the default
value is one pixel in the offscreen bitmap, which is a pixel-based coordinate system, and thus potentially not scalable.
...And 19 more matches
CSS3 - Archive of obsolete content
css color module level 3 recommendation since june 7th, 2011 adds the opacity property, and the hsl(), hsla(), rgba() and rgb() functions to create <color>
values.
... selectors level 3 recommendation since september 29th, 2011 adds: substring matching attribute selectors, e[attribute^="
value"], e[attribute$="
value"], e[attribute*="
value"] .
...it also extends the related css font-variant shorthand property and introduces the @font-feature-
values at-rule.
...And 18 more matches
datepicker - Archive of obsolete content
in xul, the
value attribute may be set to a
value of the form yyyy-mm-dd to initialize the datepicker to a certain date.
... to change the selected date, the
value property may be used to set a new
value in the form yyyy-mm-dd.
... the date
value property may be used to retrieve and set the date using a date object.
...And 18 more matches
radio - Archive of obsolete content
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...
... crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
...And 18 more matches
Introduction to CSS layout - Learn web development
overview: css layout next this article will recap some of the css layout features we've already touched upon in previous modules — such as different display
values — and introduce some of the concepts we'll be covering throughout this module.
... the methods that can change how elements are laid out in css are as follows: the display property — standard
values such as block, inline or inline-block can change how elements behave in normal flow, for example making a block-level element behave like an inline element (see types of css boxes for more information).
... we also have entire layout methods that are switched on via specific display
values, for example css grid and flexbox, which alter how elements inside the element they are set on are laid out.
...And 18 more matches
Gecko info for Windows accessibility vendors
iaccessible methods that we support: get_accparent get_accchildcount get_accchild get_accname get_acc
value get_accdescription get_accrole get_accstate get_accfocus get_accdefaultaction acclocation accselect acchittest accdodefaultaction accnavigate get_acckeyboardshortcut msaa support: iaccessible events and unique id's what msaa events do we support?
... event_
valuechange is fired for sliders, progress meters and other objects who's get_acc
value() may change.
...so, the firefox childid handed back from events is based on an algorithm that uses the pointer
value of the related internal dom node.
...And 18 more matches
Starting WebLock
class weblock: public nsiobserver { public: weblock(); virtual ~weblock(); ns_decl_isupports ns_decl_nsiobserver }; ns_impl_isupports1(weblock, nsiobserver); the standard implementation of observe() simply compares the atopic string with the
value defined by the event the object is expecting.
... the nsicategoryservice maintains sets of name-
value pairs like the one below.
...each category contains a set of name-
value pairs.
...And 18 more matches
nsIWritablePropertyBag2
1.0 66 introduced gecko 1.8 inherits from: nsipropertybag2 last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void setpropertyasacstring(in astring prop, in acstring
value); void setpropertyasastring(in astring prop, in astring
value); void setpropertyasautf8string(in astring prop, in autf8string
value); void setpropertyasbool(in astring prop, in boolean
value); void setpropertyasdouble(in astring prop, in double
value); void setpropertyasint32(in astring prop, in print32
value); void setpropertyasint64(in astring prop, in print64
value); ...
... void setpropertyasinterface(in astring prop, in nsisupports
value); void setpropertyasuint32(in astring prop, in pruint32
value); void setpropertyasuint64(in astring prop, in pruint64
value); methods setpropertyasacstring() void setpropertyasacstring( in astring prop, in acstring
value ); parameters prop property to set the
value of.
...
value value to set the property to.
...And 18 more matches
Cross-browser Flexbox mixins - CSS: Cascading Style Sheets
flexbox containers using the display property's flex
value causes an element to generate a block-level flex container box.
... the inline-flex
value causes an element to generate an inline-level flex container box.
...
values: flex | inline-flex spec: https://drafts.csswg.org/css-flexbox/#flex-containers @mixin flexbox { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } //using this mixin %flexbox { @include flexbox; } @mixin inline-flex { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } %inline-flex { @include inline-flex; } flexbox direction the flex-direction property specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis.
...And 18 more matches
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; /* global
values */ border-color: inherit; border-color: initial; border-color: unset; the border-color property may be specified using one, two, three, or four
values.
... when one
value is specified, it applies the same color to all four sides.
... when two
values are specified, the first color applies to the top and bottom, the second to the left and right.
...And 18 more matches
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.
... it sets those that are not specified to their default
values.
...and the
value of border-left-style given before border-left is ignored.
...And 18 more matches
border-right - CSS: Cascading Style Sheets
as with all shorthand properties, border-right always sets the
values of all of the properties that it can set, even if they are not specified.
... it sets those that are not specified to their default
values.
...and the
value of border-right-style given before border-right is ignored.
...And 18 more matches
border-top - CSS: Cascading Style Sheets
as with all shorthand properties, border-top always sets the
values of all of the properties that it can set, even if they are not specified.
... it sets those that are not specified to their default
values.
...and the
value of border-top-style given before border-top is ignored.
...And 18 more matches
mask - CSS: Cascading Style Sheets
as well as the properties listed below, the mask shorthand also resets mask-border to its initial
value.
... constituent properties this property is a shorthand for the following css properties: mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size syntax /* keyword
values */ mask: none; /* image
values */ mask: url(mask.png); /* pixel image used as mask */ mask: url(masks.svg#star); /* element within svg graphic used as mask */ /* combined
values */ mask: url(masks.svg#star) luminance; /* element within svg graphic used as luminance mask */ mask: url(masks.svg#star) 40px 20px; /* element within svg graphic used ...
...ask: url(masks.svg#star) repeat-x; /* element within svg graphic used as horizontally repeated mask */ mask: url(masks.svg#star) stroke-box; /* element within svg graphic used as mask extending to the box enclosed by the stroke */ mask: url(masks.svg#star) exclude; /* element within svg graphic used as mask and combined with background using non-overlapping parts */ /* global
values */ mask: inherit; mask: initial; mask: unset; /* multiple masks */ mask: url(masks.svg#star) left / 16px repeat-y, /* element within svg graphic is used as a mask on the left-hand side with a width of 16px */ url(masks.svg#circle) right / 16px repeat-y; /* element within svg graphic is used as a mask on the right-hand side with a width of 16px */
values <mask-reference> sets the ...
...And 18 more matches
HTTP Index - HTTP
18 list of default accept
values accept, content negotiation, http, reference this article documents the default
values for the http accept header for specific inputs and browser versions.
... 30 reason: credential is not supported if the cors header ‘access-control-allow-origin’ is ‘*’ cors, corsnotsupportingcredentials, cross-origin, error, http, https, messages, reasons, security, console, troubleshooting the cors request was attempted with the credentials flag set, but the server is configured using the wildcard ("*") as the
value of access-control-allow-origin, which doesn't allow the use of credentials.
... 33 reason: expected ‘true’ in cors header ‘access-control-allow-credentials’ cors, corsmissingallowcredentials, cross-origin, error, http, https, messages, reasons, security, console, troubleshooting the cors request requires that the server permit the use of credentials, but the server's access-control-allow-credentials header's
value isn't set to true to enable their use.
...And 18 more matches
Array.prototype.every() - JavaScript
it returns a boolean
value.
... thisarg optional a
value to use as this when executing callback.
... return
value true if the callback function returns a truthy
value for every array element.
...And 18 more matches
Atomics - JavaScript
atomic operations make sure that predictable
values are written and read, that operations are finished before the next operation starts and that operations are not interrupted.
... static methods atomics.add() adds the provided
value to the existing
value at the specified index of the array.
... returns the old
value at that index.
...And 18 more matches
MathML attribute reference - MathML
see
values for notes on
values and units in mathml.
... name elements accepting attribute description accent <mo>, <mover>, <munderover> a boolean
value specifying whether the operator should be treated as an accent.
... accentunder <munder>, <munderover> a boolean
value specifying whether the operator should be treated as an accent.
...And 18 more matches
dominant-baseline - SVG: Scalable Vector Graphics
a scaled-baseline-table is a compound
value with three components: a baseline-identifier for the dominant-baseline, a baseline-table, and a baseline-table font-size.
... some
values of the property re-determine all three
values.
...when the initial
value, auto, would give an undesired result, this property can be used to explicitly set the desired scaled-baseline-table.
...And 18 more matches
Template Logging - Archive of obsolete content
for example, if you spell a
value wrong, no data may be returned, but the template system won't know that that this was because of a spelling error, or simply that there shouldn't be any data anyway.
...for references, the
value of the template's id and ref attributes are provided in each logged message.
...for other datasources, this may be a somewhat random
value.
...And 17 more matches
Scroll Bars - Archive of obsolete content
you can also use it when you need to ask for a
value that falls within a certain range.
...the user will set the
value by adjusting the scroll bar.
... curpos this indicates the current position of the scroll bar thumb (the box that you can slide back and forth.) the
value ranges from 0 to the
value of maxpos.
...And 17 more matches
menu - Archive of obsolete content
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"> ...
...if this
value is set, it overrides an assigned key set in the key attribute.
... 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.
...And 17 more matches
tree - Archive of obsolete content
flags type: space-separated list of the
values below a set of flags used for miscellaneous purposes.
... two flags are defined, which may be the
value of this attribute.
...the default
value is false.
...And 17 more matches
JavaScript basics - Learn web development
following that, the code set the
value of the myheading variable's textcontent property (which represents the content of the heading) to hello world!.
... variables variables are containers that store
values.
... after declaring a variable, you can give it a
value: myvariable = 'bob'; also, you can do both these operations on the same line: let myvariable = 'bob'; you retrieve the
value by calling the variable name: myvariable; after assigning a
value to a variable, you can change it later in the code: let myvariable = 'bob'; myvariable = 'steve'; note that variables may hold
values that have different data types: variable explanation...
...And 17 more matches
Client-side storage - Learn web development
new school: web storage and indexeddb the "easier" features we mentioned above are as follows: the web storage api provides a very simple syntax for storing and retrieving smaller, data items consisting of a name and a corresponding
value.
... storing simple data — web storage the web storage api is very easy to use — you store simple name/
value pairs of data (limited to strings, numbers, etc.) and retrieve these
values when needed.
... the storage.setitem() method allows you to save a data item in storage — it takes two parameters: the name of the item, and its
value.
...And 17 more matches
Creating our first Vue component - Learn web development
the
value of a prop gives components an initial state that affects their display.
...listing props as an object allows you to specify default
values, mark props as required, perform basic object typing (specifically around javascript primitive types), and perform simple prop validation.
... 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).
...And 17 more matches
Mork
at its core, it can be viewed as a set of rows, collections of name-
value pairs, which can be organized into various tables.
...
values are merely an opaque sequence of bytes, so their actual content is dependent on the mork consumer.
... except when parsing
values, whitespace ('\b', '\t', '\r', '\n', '\f', ' ', and '\x7f'), line continuations ('\\' followed by a newline), and comments (c++ or c style) can be ignored.
...And 17 more matches
nsIMsgDBHdr
method overview astring getproperty(in string propertyname); void setproperty(in string propertyname, in astring propertystr); void setstringproperty(in string propertyname, in string property
value); string getstringproperty(in string propertyname); unsigned long getuint32property(in string propertyname); void setuint32property(in string propertyname, in unsigned long propertyval); void markread(in boolean read); void markflagged(in boolean flagged); void markhasattachments(in boolean hasattachments); void setprioritystring(in s...
... priority nsmsgpriority
value indicates the priority of this message.
...if setting this
value, outer angle brackets will be stripped if present.
...And 17 more matches
Constraint validation API - Web APIs
the constraint validation api enables checking
values that users have entered into form controls, before submitting the
values to the server.
... concepts and usage certain html form controls, such as <input>, <select> and <textarea>, can restrict the format of allowable
values, using attributes like required and pattern to set basic constraints.
...even though client-side validation can prevent many common kinds of invalid
values, invalid ones can still be sent by older browsers or by attackers trying to trick your web application.
...And 17 more matches
negative - CSS: Cascading Style Sheets
when defining custom counter styles, the negative descriptor lets you alter the representations of negative counter
values, by providing a way to specify symbols to be appended or prepended to the counter representation when the
value is negative.
... syntax /* <symbol>
values */ negative: "-"; /* prepends '-' if
value is negative */ negative: "(" ")"; /* surrounds
value by '(' and ')' if it is negative */
values first <symbol> this symbol will be prepended to the representation when the counter is negative.
... description if the counter
value is negative, the symbol provided as
value for the descriptor is prepended to the counter representation; and a second symbol if specified, will be appended to the representation.
...And 17 more matches
background - CSS: Cascading Style Sheets
the syntax of each layer is as follows: each layer may include zero or one occurrences of any of the following
values: <attachment> <bg-image> <position> <bg-size> <repeat-style> the <bg-size>
value may only be included immediately after <position>, separated with the '/' character, like this: "center/80%".
... the <box>
value may be included zero, one, or two times.
... the <background-color>
value may only be included in the last layer specified.
...And 17 more matches
<basic-shape> - CSS: Cascading Style Sheets
when creating a shape, the reference box is defined by each property that uses <basic-shape>
values.
...all <basic-shape>
values use functional notation and are defined here using the
value definition syntax.
...these arguments follow the syntax of the margin shorthand, that let you set all four insets with one, two or four
values.
...And 17 more matches
<input type="radio"> - HTML: Hypertext Markup Language
note: checkboxes are similar to radio buttons, but with an important distinction: radio buttons are designed for selecting one
value out of a set, whereas checkboxes let you turn individual
values on and off.
... where multiple controls exist, radio buttons allow one to be selected out of them all, whereas checkboxes allow multiple
values to be selected.
...
value a domstring representing the
value of the radio button.
...And 17 more matches
Functions - JavaScript
a function in javascript is similar to a procedure—a set of statements that performs a task or calculates a
value, but for a procedure to qualify as a function, it should take some input and return an output where there is some obvious relationship between the input and the output.
...the statement return specifies the
value returned by the function: return number * number; primitive parameters (such as a number) are passed to functions by
value; the
value is passed to the function, but if the function changes the
value of the parameter, this change is not reflected globally or in the calling function.
...a non-primitive
value, such as array or a user-defined object) as a parameter and the function changes the object's properties, that change is visible outside the function, as shown in the following example: function myfunc(theobject) { theobject.make = 'toyota'; } var mycar = {make: 'honda', model: 'accord', year: 1998}; var x, y; x = mycar.make; // x gets the
value "honda" myfunc(mycar); y = mycar.make; // y gets the
value "toyota" // (the make property was changed by the function) function expressions while the function declaration above is syntactically a statement, functions can also be created by a function expression.
...And 17 more matches
Array.prototype.find() - JavaScript
the find() method returns the
value of the first element in the provided array that satisfies the provided testing function.
... if you need to find the index of a
value, use array.prototype.indexof().
... (it’s similar to findindex(), but checks each element for equality with the
value instead of using a testing function.) if you need to find if a
value exists in an array, use array.prototype.includes().
...And 17 more matches
widget - Archive of obsolete content
optional options: name type content string an optional string
value containing the displayed content of the widget.
...it should contain a single key named script whose
value is a boolean that indicates whether or not to execute script in the content.
...this may take one of the following
values: "start": load content scripts immediately after the document element for the widget is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the widget has been loaded, at t...
...And 16 more matches
Building accessible custom components in XUL - Archive of obsolete content
the label for each header and cell is defined in the
value attribute.
...<code> <grid class="spreadsheet" id="accjaxspreadsheet" flex="1"> <rows flex="1"></rows> <columns flex="1"> <column> <description
value="entry #"/> <description
value="1"/> <description
value="2"/> <description
value="3"/> <description
value="4"/> <description
value="5"/> <description
value="6"/> <description
value="7"/> </column> <column flex="1"> <description
value="date"/> <label
value="03/14/05" flex="1"/> <label
value="03/15/05" flex="1"/> <label
value...
...="03/15/05" flex="1"/> <label
value="03/16/05" flex="1"/> <label
value="03/16/05" flex="1"/> <label
value="03/16/05" flex="1"/> <label
value="03/16/05" flex="1"/> </column> <column flex="1"> <description
value="expense"/> <label
value="conference fee" flex="1"/> <label
value="lodging" flex="1"/> <label
value="dinner" flex="1"/> <label
value="lodging" flex="1"/> <label
value="breakfast" flex="1"/> <label
value="lunch" flex="1"/> <label
value="dinner" flex="1"/> </column> <-- several columns omitted for brevity --> </columns> </grid> </code> now we can use css to add some minimal styling to make it actually look like a spreadsheet.
...And 16 more matches
SQLite Templates - Archive of obsolete content
to do this, set the querytype attribute on the root node of the template to the
value storage.
...the datasources attribute may be set to one of two possible types of
values.
...as with xml datasources, the ref attribute isn't currently used for sqlite sources, so you should just set the ref attribute to a dummy
value; '*' is typically used.
...And 16 more matches
tab - Archive of obsolete content
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.
... crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
...And 16 more matches
Attribute selectors - Learn web development
presence and
value selectors these selectors enable the selection of an element based on the presence of an attribute alone (for example href), or on various different matches against the
value of the attribute.
... selector example description [attr] a[title] matches elements with an attr attribute (whose name is the
value in square brackets).
... [attr=
value] a[href="https://example.com"] matches elements with an attr attribute whose
value is exactly
value — the string inside the quotes.
...And 16 more matches
Getting started with HTML - Learn web development
</textarea> <div class="controls"> <input id="reset" type="button"
value="reset" /> <input id="solution" type="button"
value="show solution" /> </div> html { font-family: 'open sans light',helvetica,arial,sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; background: #f5f9fa; } var textarea = document.getelementbyid('code'); var reset = document.getelementbyid...
...('reset'); var solution = document.getelementbyid('solution'); var output = document.queryselector('.output'); var code = textarea.
value; var userentry = textarea.
value; function updatecode() { output.innerhtml = textarea.
value; } reset.addeventlistener('click', function() { textarea.
value = code; userentry = textarea.
value; solutionentry = htmlsolution; solution.
value = 'show solution'; updatecode(); }); solution.addeventlistener('click', function() { if(solution.
value === 'show solution') { textarea.
value = solutionentry; solution.
value = 'hide solution'; } else { textarea.
value = userentry; solution.
value = 'show solution'; } updatecode(); }); var htmlsolution = '<em>this is my text.</em>'; var solutionentry = htmlsolution; textarea.addeventlistener('...
... stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.
value).substring(0, caretpos); var back = (textarea.
value).substring(textarea.selectionend, textarea.
value.length); textarea.
value = front + text + back; caretpos = caretpos + text.length; textarea.selectionstart = caretpos; textarea.selectionend = caretpos; textarea.focus(); textarea.scrolltop = scrollpos; } // update the saved usercode every time the user updates the text area code te...
...And 16 more matches
Dynamic behavior in Svelte: working with variables and props - Learn web development
to prove it, go to that array, and try changing some of the todo object's completed property
values, and even add a new todo object.
... you can also specify a default initial
value for a prop.
... this will be used if the component's consumer doesn't specify the prop on the component — or if its initial
value is undefined — when instantiating the component.
...And 16 more matches
nsISyncJPAKE
it returns a key confirmation
value (sha256d of the key) and the encryption and hmac keys.
... void final( in acstring ab, in acstring agvb, in acstring arb, in acstring ahkdfinfo, out acstring aaes256key, out acstring ahmac256key ); parameters ab schnorr signature
value b, in hex representation.
... agvb schnorr signature
value g^vb (vb is a random
value), in hex representation.
...And 16 more matches
MediaTrackSupportedConstraints - Web APIs
autogaincontrol a boolean whose
value is true if the autogaincontrol constraint is supported in the current environment.
... width a boolean
value whose
value is true if the width constraint is supported in the current environment.
... height a boolean
value whose
value is true if the height constraint is supported in the current environment.
...And 16 more matches
RTCIceCandidatePairStats - Web APIs
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.
... availableoutgoingbitrate optional provides an informative
value representing the available outbound capacity of the network by reporting the total number of bits per second available for all of the candidate pair's outoing rtp streams.
... circuitbreakertriggercount optional an integer
value indicating the number of times the circuit-breaker has been triggered for this particular 5-tuple (the set of five
values comprising a tcp connection: source ip address, source port number, destination ip address, destination port number, and protocol).
...And 16 more matches
SVGPreserveAspectRatio - Web APIs
erveaspectratio_xmidymid = 6 svg_preserveaspectratio_xmaxymid = 7 svg_preserveaspectratio_xminymax = 8 svg_preserveaspectratio_xmidymax = 9 svg_preserveaspectratio_xmaxymax = 10 svg_meetorslice_unknown = 0 svg_meetorslice_meet = 1 svg_meetorslice_slice = 2 normative document svg 1.1 (2nd edition) constants name
value description svg_preserveaspectratio_unknown 0 the enumeration was set to a
value that is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_preserveaspectratio_none 1 corresponds to
value none for attribute preserveaspectratio.
...And 16 more matches
Controlling multiple parameters with ConstantSourceNode - Web APIs
this article demonstrates how to use a constantsourcenode to link multiple parameters together so they share the same
value, which can be changed by simply setting the
value of the constantsourcenode.offset parameter.
... you may have times when you want to have multiple audio parameters be linked so they share the same
value even while being changed in some way.
...you could use a loop and change the
value of each affected audioparam one at a time, but there are two drawbacks to doing it that way: first, that's extra code that, as you're about to see, you don't have to write; and second, that loop uses valuable cpu time on your thread (likely the main thread), and there's a way to offload all that work to the audio rendering thread, which is optimized for this kind of work and may run at a more appropriate priority level than your code.
...And 16 more matches
Window.open() - Web APIs
windowfeatures optional a domstring containing a comma-separated list of window features given with their corresponding
values in the form "name=
value".
... return
value a windowproxy object, which is basically a thin wrapper for the window object representing the newly created window, and has all its features available.
... if the window couldn't be opened, the returned
value is instead null.
...And 16 more matches
WindowOrWorkerGlobalScope.setInterval() - Web APIs
the function is not passed any arguments, and no return
value is expected.
...see delay restrictions below for details on the permitted range of delay
values.
... return
value the returned intervalid is a numeric, non-zero
value which identifies the timer created by the call to setinterval(); this
value can be passed to windoworworkerglobalscope.clearinterval() to cancel the timeout.
...And 16 more matches
Border-radius generator - CSS: Cascading Style Sheets
* ui-inputslidermanager */ var inputslidermanager = (function inputslidermanager() { var subscribers = {}; var sliders = []; var inputcomponent = function inputcomponent(obj) { var input = document.createelement('input'); input.setattribute('type', 'text'); input.addeventlistener('click', function(e) { this.select(); }); input.addeventlistener('change', function(e) { var
value = parseint(e.target.
value); if (isnan(
value) === true) set
value(obj.topic, obj.
value); else set
value(obj.topic,
value); }); subscribe(obj.topic, function(
value) { input.
value =
value + obj.unit; }); return input; } var slidercomponent = function slidercomponent(obj, sign) { var slider = document.createelement('div'); var startx = null; var start_
value = 0; ...
...slider.addeventlistener("click", function(e) { set
value(obj.topic, obj.
value + obj.step * sign); }); slider.addeventlistener("mousedown", function(e) { startx = e.clientx; start_
value = obj.
value; document.body.style.cursor = "e-resize"; document.addeventlistener("mousemove", slidermotion); }); document.addeventlistener("mouseup", function(e) { document.removeeventlistener("mousemove", slidermotion); document.body.style.cursor = "auto"; slider.style.cursor = "pointer"; }); var slidermotion = function slidermotion(e) { slider.style.cursor = "e-resize"; var delta = (e.clientx - startx) / obj.sensivity | 0; var
value = delta * obj.step + start_
value; set
value(obj.topic,
value); } return slider; } var inputslider = function(node) { var mi...
...n = node.getattribute('data-min') | 0; var max = node.getattribute('data-max') | 0; var step = node.getattribute('data-step') | 0; var
value = node.getattribute('data-
value') | 0; var topic = node.getattribute('data-topic'); var unit = node.getattribute('data-unit'); var name = node.getattribute('data-info'); var sensivity = node.getattribute('data-sensivity') | 0; this.min = min; this.max = max > 0 ?
...And 16 more matches
background-image - CSS: Cascading Style Sheets
if a specified image cannot be drawn (for example, when the file denoted by the specified uri cannot be loaded), browsers handle it as they would a none
value.
... syntax each background image is specified either as the keyword none or as an <image>
value.
... to specify multiple background images, supply multiple
values, separated by a comma: background-image: linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)), url('https://mdn.mozillademos.org/files/7693/catfront.png');
values none is a keyword denoting the absence of images.
...And 16 more matches
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 | horizontal | bottom */ border-style: hidden double dashed; /* top | right | bottom | left */ border-style: none ...
...solid dotted dashed; /* global
values */ border-style: inherit; border-style: initial; border-style: unset; the border-style property may be specified using one, two, three, or four
values.
... when one
value is specified, it applies the same style to all four sides.
...And 16 more matches
font-variant-numeric - CSS: Cascading Style Sheets
syntax font-variant-numeric: normal; font-variant-numeric: ordinal; font-variant-numeric: slashed-zero; font-variant-numeric: lining-nums; /* <numeric-figure-
values> */ font-variant-numeric: oldstyle-nums; /* <numeric-figure-
values> */ font-variant-numeric: proportional-nums; /* <numeric-spacing-
values> */ font-variant-numeric: tabular-nums; /* <numeric-spacing-
values> */ font-variant-numeric: diagonal-fractions; /* <numeric-fraction-
values> */ font-variant-numeric: stacked-fractions; /* <numeric-fraction-
values> */ font-variant-numeric: o...
...ldstyle-nums stacked-fractions; /* global
values */ font-variant-numeric: inherit; font-variant-numeric: initial; font-variant-numeric: unset; this property can take one of two forms: either the keyword
value normal or one or more of the other
values listed below, space-separated, in any order.
...
values normal this keyword leads to the deactivation of the use of such alternate glyphs.
...And 16 more matches
outline-color - CSS: Cascading Style Sheets
syntax /* <color>
values */ outline-color: #f92525; outline-color: rgb(30,222,121); outline-color: blue; /* keyword
value */ outline-color: invert; /* global
values */ outline-color: inherit; outline-color: initial; outline-color: unset; the outline-color property is specified as any one of the
values listed below.
...
values <color> the color of the outline, specified as a <color>.
...note that browsers are not required to support this
value; if they don't, this keyword is considered invalid.
...And 16 more matches
position - CSS: Cascading Style Sheets
syntax the position property is specified as a single keyword chosen from the list of
values below.
...
values static the element is positioned according to the normal flow of the document.
...this is the default
value.
...And 16 more matches
Constraint validation - Developer guides
while marking up the form itself is easy, checking whether each field has a valid and coherent
value is more difficult, and informing the user about the problem may become a headache.
... intrinsic and basic constraints in html5, basic constraints are declared in two ways: by choosing the most semantically appropriate
value for the type attribute of the <input> element, e.g., choosing the email type automatically creates a constraint that checks whether the
value is a valid e-mail address.
... by setting
values on validation-related attributes, allowing basic constraints to be described in a simple way, without the need for javascript.
...And 16 more matches
<meter>: The HTML Meter element - HTML: Hypertext Markup Language
the html <meter> element represents either a scalar
value within a known range or a fractional
value.
...
value the current numeric
value.
... this must be between the minimum and maximum
values (min attribute and max attribute) if they are specified.
...And 16 more matches
Iterators and generators - JavaScript
for details, see also: iteration_protocols for...of function* and generator yield and yield* iterators in javascript an iterator is an object which defines a sequence and potentially a return
value upon its termination.
... specifically, an iterator is any object which implements the iterator protocol by having a next() method that returns an object with two properties:
value the next
value in the iteration sequence.
... done this is true if the last
value in the sequence has already been consumed.
...And 16 more matches
Array.prototype.reduceRight() - JavaScript
the reduceright() method applies a function against an accumulator and each
value of the array (from right-to-left) to reduce it to a single
value.
... syntax arr.reduceright(callback(accumulator, current
value[, index[, array]])[, initial
value]) parameters callback function to execute on each
value in the array, taking four arguments: accumulator the
value previously returned in the last invocation of the callback, or initial
value, if supplied.
... (see below.) current
value the current element being processed in the array.
...And 16 more matches
<mtable> - MathML
possible
values are: axis (default): the vertical center of the table aligns on the environment's axis (typically the minus sign).
... in addition,
values of the align attribute can end with a rownumber (e.g.
...a negative integer
value counts rows from the bottom of the table.
...And 16 more matches
end - SVG: Scalable Vector Graphics
the end attribute defines an end
value for the animation that can constrain the active duration.
... five elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, <animatetransform>, and <set> usage notes default
value none
value <end-
value-list> animatable no the <end-
value-list> is a semicolon-separated list of
values.
... each
value can be one of the following: <offset-
value> this
value defines a clock-
value that represents a point in time relative to the beginning of the svg document (usually the load or domcontentloaded event).
...And 16 more matches
xlink:href - SVG: Scalable Vector Graphics
value <iri> default
value none animatable yes altglyph for <altglyph>, xlink:href defines the reference either to a <glyph> element in an svg document fragment or to an <altglyphdef> element.
...
value <iri> default
value none animatable no animate, animatecolor, animatemotion, animatetransform, set for <animate>, <animatecolor>, <animatemotion>, <animatetransform>, and <set>, xlink:href defines the reference to the element which is the target of this animation and which therefore will be modified over time.
... the
value must point to exactly one target element which is capable of being the target of the given animation.
...And 16 more matches
package.json - Archive of obsolete content
this
value will be used as the add-on's em:creator element in the install.rdf file generated by cfx.
... these
values will be used as the add-on's em:contributor elements in its install.rdf.
... this
value will be used as the add-on's em:description element in its install.rdf.
...And 15 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
tooltips legacy browsers introduced tooltips into html by showing them on links and using the
value of the alt attribute as a tooltip's content.
... getattribute( aattributename ) returns the
value for the specified attribute.
...
value description 1 element node 2 attribute node 3 text node 4 cdata section node 5 entity reference node 6 entity node 7 processing instruction node 8 comment node ...
...And 15 more matches
notification - Archive of obsolete content
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.
...for an editable menuitem element the
value of this attribute is copied to the menulist.
value property upon user selection of the menuitem.
... persistence type: integer the persistence may be set to a non-zero
value so that the notificationbox's removetransientnotifications method does not remove them.
...And 15 more matches
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
if you specify a
value of 0 (or simply omit the
value), the function will run as soon as possible.
... zero or more
values that represent any parameters you want to pass to the function when it is run.
... settimeout() returns an identifier
value that can be used to refer to the timeout later, such as when you want to stop it.
...And 15 more matches
Useful string methods - Learn web development
if the substring is not found inside the main string, it returns a
value of -1.
...but if you check the
value of browsertype, it is still "mozilla".
... to actually update the
value of the browsertype variable in a real program, you'd have to set the variable
value to be the result of the operation; it doesn't just update the substring
value automatically.
...And 15 more matches
React interactivity: Events and state - Learn web development
the
value of that attribute is a function that triggers a simple alert.
...it should end up looking something like this: function handlesubmit(e) { e.preventdefault(); alert('hello, world!'); } to use this function, add an onsubmit attribute to the <form> element, and set its
value to the handlesubmit function: <form onsubmit={handlesubmit}> now if you head back to your browser and click on the "add" button, your browser will show you an alert dialog with the words "hello, world!" — or whatever you chose to write there.
...for instance, we could have given our form a prop of onsubmit with the
value of addtask.
...And 15 more matches
NSS tools : signtool
synopsis signtool [-k keyname] -h -h -l -l -m -v -w -g nickname -s size -b basename [[-c compression level] ] [[-d cert-dir] ] [[-i installer script] ] [[-m metafile] ] [[-x name] ] [[-f filename] ] [[-t|--token tokenname] ] [[-e extension] ] [[-o] ] [[-z] ] [[-x] ] [[--outfile] ] [[--verbose
value] ] [[--norecurse] ] [[--leavearc] ] [[-j directory] ] [[-z jarfile] ] [[-o] ] [[-p password] ] [directory-tree] [archive] description the signing tool, signtool, creates digital signatures and uses a java archive (jar) file to associate the signatures with files in a directory.
...if the -c# option is not used with either the -j or the -z option, the default compression
value used by both the -j and -z options is 6.
... -f commandfile specifies a text file containing netscape signing tool options and arguments in keyword=
value format.
...And 15 more matches
nsIDocShell
reading this
value reports the encoding that was used when loading the data into the document.
... marginheight long the
value of the marginheight attribute on the frame element, or negative if it was not set.
... marginwidth long the
value of the marginwidth attribute on the frame element, or negative if it was not set.
...And 15 more matches
nsIXULTemplateQueryProcessor
some queries may not need the reference variable if the syntax or the form of the data implies the
value.
...the member variable may be specified in a similar way using the "member" attribute, or it may be specified in the first <action> body in the template as the
value of a uri attribute on an element.
...if unspecified, the default
value of the reference variable is ?uri.
...And 15 more matches
ctypes
[, length]); cdata cast(data, type); ctype functiontype(abi, returntype[, argtype1, ...]); cdata int64(n); string libraryname(name); library open(libspec); ctype pointertype(typespec); ctype structtype(name[, fields]); cdata uint64(n); properties property type description errno number the
value of the latest system error.
... winlasterror number|undefined the
value of the latest windows error.
... float32_t 32-bit floating-point
value.
...And 15 more matches
Document.cookie - Web APIs
it serves as a getter and setter for the actual
values of the cookies.
...key=
value pairs).
... note that each key and
value may be surrounded by whitespace (space and tab characters): in fact, rfc 6265 mandates a single space after each semicolon, but some user agents may not abide by this.
...And 15 more matches
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
the
value of w is applied by dividing each of the other three components by it to get the final position or vector; that is, for a coordinate given as (x, y, z, w), the point in the 3d space is actually (x/w, y/w, z/w, 1) or simply (x/w, y/w, z/w).
...the
value of w is always 0 for vectors, so the aforementioned vector can also be represented using [3, 1, -2, 0] or: [31-20]\left [ \begin{matrix} 3 \\ 1 \\ -2 \\ 0 \end{matrix} \right ] webxr automatically normalizes vectors to have a length of 1 meter; however, you may find that it makes sense to do it yourself for various reasons, such as to improve performance of calculations by not having to repeat...
... the format for storing matrices is generally as a flat array in column-major order; that is, the
values from the matrix are written starting with the top-left corner and moving down to the bottom, then moving over to the right a row and repeating until all
values are in the array.
...And 15 more matches
Example and tutorial: Simple synth keyboard - Web APIs
the range element will typically be presented as a slider control; we configure it to allow any
value between 0.0 and 1.0, stepping by 0.01 each position.
... <div class="settingsbar"> <div class="left"> <span>volume: </span> <input type="range" min="0.0" max="1.0" step="0.01"
value="0.5" list="volumes" name="volume"> <datalist id="volumes"> <option
value="0.0" label="mute"> <option
value="1.0" label="100%"> </datalist> </div> we specify a default
value of 0.5, and we provide a <datalist> element which is connected to the range using the name attribute to find an option list whose id matches; in this case, the data set is named "volume".
... this lets us provide a set of common
values and special strings which the browser may optionally choose to display in some fashion; we provide names for the
values 0.0 ("mute") and 1.0 ("100%").
...And 15 more matches
-webkit-border-before - CSS: Cascading Style Sheets
the -webkit-border-before css property is a shorthand property for setting the individual logical block start border property
values in a single place in the style sheet.
... /* border
values */ -webkit-border-before: 1px; -webkit-border-before: 2px dotted; -webkit-border-before: medium dashed blue; /* global
values */ -webkit-border-before: inherit; -webkit-border-before: initial; -webkit-border-before: unset; -webkit-border-before can be used to set the
values for one or more of: -webkit-border-before-width, -webkit-border-before-style, and -webkit-border-before-color.
...it corresponds to the border-top, border-right, border-bottom, or border-left property depending on the
values defined for writing-mode, direction, and text-orientation.
...And 15 more matches
symbols - CSS: Cascading Style Sheets
values <symbol> represents a symbol used within the counter system.
... this must be one of the following data types: <string> <image> (note: this
value is "at risk" and may be removed from the specification.
... symbols: a b c d e; symbols: "\24b6" "\24b7" "\24b8" d e; symbols: "0" "1" "2" "4" "5" "6" "7" "8" "9"; symbols: url('first.svg') url('second.svg') url('third.svg'); symbols: indic-numbers; the symbols descriptor must be specified when the
value of the system descriptor is cyclic, numeric, alphabetic, symbolic, or fixed.
...And 15 more matches
system - CSS: Cascading Style Sheets
the system descriptor specifies the algorithm to be used for converting the integer
value of a counter to a string representation.
... if the algorithm specified in the system descriptor is unable to construct the representation for a particular counter
value, then that
value's representation will be constructed using the fallback system provided.
... syntax /* keyword
values */ system: cyclic; system: numeric; system: alphabetic; system: symbolic; system: additive; system: fixed; /* combined
values */ system: fixed 3; system: extends decimal; this may take one of three forms: one of the keyword
values cyclic, numeric, alphabetic, symbolic, additive, or fixed.
...And 15 more matches
Overview of CSS Shapes - CSS: Cascading Style Sheets
the specification defines three new properties: shape-outside — allows definition of basic shapes shape-image-threshold — sets an opacity threshold
value.
... if an image is being used to define the shape, only the parts of the image that are the same opacity or greater than the threshold
value are used in the shape.
...it takes a variety of
values, all of which define different shapes, specified in the <basic-shape> datatype.
...And 15 more matches
background-color - CSS: Cascading Style Sheets
syntax /* keyword
values */ background-color: red; background-color: indigo; /* hexadecimal
value */ background-color: #bbff00; /* fully opaque */ background-color: #bf0; /* fully opaque shorthand */ background-color: #11ffee00; /* fully transparent */ background-color: #1fe0; /* fully transparent shorthand */ background-color: #11ffeeff; /* fully opaque */ background-color: #1fef; /* fully opaque shorthand */ /* rgb
value */ background-color: rgb(255, 255, 128); ...
.../* fully opaque */ background-color: rgba(117, 190, 218, 0.5); /* 50% transparent */ /* hsl
value */ background-color: hsl(50, 33%, 25%); /* fully opaque */ background-color: hsla(50, 33%, 25%, 0.75); /* 75% transparent */ /* special keyword
values */ background-color: currentcolor; background-color: transparent; /* global
values */ background-color: inherit; background-color: initial; background-color: unset; the background-color property is specified as a single <color>
value.
...
values <color> the uniform color of the background.
...And 15 more matches
border-block-end - CSS: Cascading Style Sheets
the border-block-end css property is a shorthand property for setting the individual logical block-end border property
values in a single place in the style sheet.
... 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.
...it corresponds to the border-top, border-right, border-bottom, or border-left property depending on the
values defined for writing-mode, direction, and text-orientation.
...And 15 more matches
border-block-start - CSS: Cascading Style Sheets
the border-block-start css property is a shorthand property for setting the individual logical block-start border property
values in a single place in the style sheet.
... 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-color.
...it corresponds to the border-top, border-right, border-bottom, or border-left property depending on the
values defined for writing-mode, direction, and text-orientation.
...And 15 more matches
border-inline-end - CSS: Cascading Style Sheets
the border-inline-end css property is a shorthand property for setting the individual logical inline-end border property
values in a single place in the style sheet.
...it corresponds to the border-top, border-right, border-bottom, or border-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... 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 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 absolu...
...And 15 more matches
font-size - CSS: Cascading Style Sheets
syntax /* <absolute-size>
values */ font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; font-size: xxx-large; /* <relative-size>
values */ font-size: smaller; font-size: larger; /* <length>
values */ font-size: 12px; font-size: 0.8em; /* <percentage>
values */ font-size: 80%; /* global
values */ font-size: inherit; font-size: initial; font-...
...size: unset; the font-size property is specified in one of the following ways: as one of the absolute-size or relative-size keywords as a <length> or a <percentage>, relative to the parent element's font size
values xx-small, x-small, small, medium, large, x-large, xx-large, xxx-large absolute-size keywords, based on the user's default font size (which is medium).
... <length> a positive <length>
value.
...And 15 more matches
font-variant-ligatures - CSS: Cascading Style Sheets
syntax /* keyword
values */ font-variant-ligatures: normal; font-variant-ligatures: none; font-variant-ligatures: common-ligatures; /* <common-lig-
values> */ font-variant-ligatures: no-common-ligatures; /* <common-lig-
values> */ font-variant-ligatures: discretionary-ligatures; /* <discretionary-lig-
values> */ font-variant-ligatures: no-discretionary-ligatures; /* <discretionary-lig-
values> */ font-va...
...riant-ligatures: historical-ligatures; /* <historical-lig-
values> */ font-variant-ligatures: no-historical-ligatures; /* <historical-lig-
values> */ font-variant-ligatures: contextual; /* <contextual-alt-
values> */ font-variant-ligatures: no-contextual; /* <contextual-alt-
values> */ /* global
values */ font-variant-ligatures: inherit; font-variant-ligatures: initial; font-variant-ligatures: unset; the font-variant-ligatures property is specified as one of the keyword
values listed below.
...
values normal this keyword leads to the activation of the usual ligatures and contextual forms needed for correct rendering.
...And 15 more matches
font - CSS: Cascading Style Sheets
as with any shorthand property, any individual
value that is not specified is set to its corresponding initial
value (possibly overriding
values previously set using non-shorthand properties).
... though not directly settable by font, the longhands font-size-adjust and font-kerning are also reset to their initial
values.
... if font is specified as a shorthand for several font-related properties, then: it must include
values for: <font-size> <font-family> it may optionally include
values for: <font-style> <font-variant> <font-weight> <font-stretch> <line-height> font-style, font-variant and font-weight must precede font-size font-variant may only specify the
values defined in css 2.1, that is normal and small-caps font-stretch may only be a single keyword
value.
...And 15 more matches
scrollbar-color - CSS: Cascading Style Sheets
syntax /* keyword
values */ scrollbar-color: auto; scrollbar-color: dark; scrollbar-color: light; /* <color>
values */ scrollbar-color: rebeccapurple green; /* two valid colors.
...*/ /* global
values */ scrollbar-color: inherit; scrollbar-color: initial; scrollbar-color: unset;
values <scrollbar-color> defines the color of the scrollbar.
... note: user agents must apply any scrollbar-color
value set on the root element to the viewport.
...And 15 more matches
<input type="color"> - HTML: Hypertext Markup Language
value a 7-character domstring specifying a <color> in lower-case hexadecimal notation events change and input supported common attributes autocomplete and list idl attributes list and
value methods select()
value the
value of an <input> element of type color is always a domstring which contains a 7-character string specifying an rgb color in he...
...the
value is never in any other form, and is never empty.
... note: setting the
value to anything that isn't a valid, fully-opaque, rgb color in hexadecimal notation will result in the
value being set to #000000.
...And 15 more matches
<th> - HTML: Hypertext Markup Language
colspan this attribute contains a non-negative integer
value that indicates for how many columns the cell extends.
... its default
value is 1.
...
values higher than 1000 will be considered as incorrect and will be set to the default
value (1).
...And 15 more matches
Keyed collections - JavaScript
maps map object ecmascript 2015 introduces a new data structure to map
values to
values.
... a map object is a simple key/
value map and can iterate its elements in insertion order.
...you can use a for...of loop to return an array of [key,
value] for each iteration.
...And 15 more matches
Attribute Substitution - Archive of obsolete content
« previousnext » so far, attribute replacement in an action body has been used to replace an entire attribute with the
value of a variable.
... however, you may also replace only part of attribute's
value, or use multiple variables in one attribute.
... for instance, to include a prefix before a variable
value, you can use: <label
value="my name is ?name"/> the effect will be that the ?name part of the attribute will be replaced by the
value of the variable ?name.
...And 14 more matches
browser - Archive of obsolete content
type type: one of the
values below.
...subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute
values (the common ones are content, content-targetable and content-primary) indicating that the subdocument is of content type.
...this is the preferred
value for any browser element in an application, which will use multiple browsers of equal privileges, and is unselected at the moment.
...And 14 more matches
dialog - Archive of obsolete content
"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" buttons="accept,cancel" buttonlabelcancel="cancel" buttonlabelaccept="save"> <dialogheader title="options" description="my preferences"/> <groupbox> <caption label="colour"/> <radiogroup> <radio label="red"/> <radio label="green" selected="true"/> <radio label="blue"/> </radiogroup> <label
value="nickname"/> <textbox/> </groupbox> </dialog> attributes activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
... buttonalign type: string the
value of the align attribute for the box containing the buttons.
... buttondir type: string the
value of the dir attribute for the box containing the buttons.
...And 14 more matches
radiogroup - Archive of obsolete content
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 ...
...
value type: string the string attribute allows you to associate a data
value with an element.
...be aware, however, that some elements, such as textbox will display the
value visually, so in order to merely associate data with an element, you could 1) use another attribute like "
value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...And 14 more matches
NPVariant - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npvariant is a struct that holds a
value and the type of that
value.
... the
value is held in a union, and the type is one of types defined in the npvarianttype enumeration.
... syntax typedef struct _npvariant { npvarianttype type; union { bool bool
value; int32_t int
value; double_t double
value; npstring string
value; npobject *object
value; }
value; } npvariant; fields the data structure has the following fields: type a member of the npvarianttype enumeration specifying the data type contained in the npvariant.
...And 14 more matches
-moz-border-bottom-colors - Archive of obsolete content
/* single <color>
value */ -moz-border-bottom-colors: #f0f0f0; /* multiple <color>
values */ -moz-border-bottom-colors: #f0f0f0 #a0a0a0 #505050 #000000; /* global
values */ -moz-border-bottom-colors: inherit; -moz-border-bottom-colors: initial; -moz-border-bottom-colors: unset; when an element has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
... initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete it does not apply if border-style is dashed or dotted.
... syntax
values accepts a white-space separated list of color
values.
...And 14 more matches
-moz-border-left-colors - Archive of obsolete content
/* single <color>
value */ -moz-border-left-colors: #f0f0f0; /* multiple <color>
values */ -moz-border-left-colors: #f0f0f0 #a0a0a0 #505050 #000000; /* global
values */ -moz-border-left-colors: inherit; -moz-border-left-colors: initial; -moz-border-left-colors: unset; when an element has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
... initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete it does not apply if border-style is dashed or dotted.
... syntax
values accepts a white-space separated list of color
values.
...And 14 more matches
-moz-border-right-colors - Archive of obsolete content
/* single <color>
value */ -moz-border-right-colors: #f0f0f0; /* multiple <color>
values */ -moz-border-right-colors: #f0f0f0 #a0a0a0 #505050 #000000; /* global
values */ -moz-border-right-colors: inherit; -moz-border-right-colors: initial; -moz-border-right-colors: unset; when an element has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
... initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete it does not apply if border-style is dashed or dotted.
... syntax
values accepts a white-space separated list of color
values.
...And 14 more matches
-moz-border-top-colors - Archive of obsolete content
/* single <color>
value */ -moz-border-top-colors: #f0f0f0; /* multiple <color>
values */ -moz-border-top-colors: #f0f0f0 #a0a0a0 #505050 #000000; /* global
values */ -moz-border-top-colors: inherit; -moz-border-top-colors: initial; -moz-border-top-colors: unset; when an element has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
... initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete it does not apply if border-style is dashed or dotted.
... syntax
values accepts a white-space separated list of color
values.
...And 14 more matches
Looping code - Learn web development
he might use the following loop to achieve this: a loop usually has one or more of the following features: a counter, which is initialized with a certain
value — this is the starting point of the loop ("start: i have no food", above).
... a condition, which is a true/false test to determine whether the loop continues to run, or stops — usually when the counter reaches a certain
value.
...<input id="search" type="text"> <button>search</button> <p></p> now on to the javascript: const contacts = ['chris:2232322', 'sarah:3453456', 'bill:7654322', 'mary:9998769', 'dianne:9384975']; const para = document.queryselector('p'); const input = document.queryselector('input'); const btn = document.queryselector('button'); btn.addeventlistener('click', function() { let searchname = input.
value.tolowercase(); input.
value = ''; input.focus(); for (let i = 0; i < contacts.length; i++) { let splitcontact = contacts[i].split(':'); if (splitcontact[0].tolowercase() === searchname) { para.textcontent = splitcontact[0] + '\'s number is ' + splitcontact[1] + '.'; break; } else { para.textcontent = 'contact not found.'; } } }); hidden code 3 <!doctype...
...And 14 more matches
Arrays - Learn web development
arrays are generally described as "list-like objects"; they are basically single objects that contain multiple
values stored in a list.
... array objects can be stored in variables and dealt with in much the same way as any other type of
value, the difference being that we can access each
value inside the list individually, and do super useful and efficient things with the list, like loop through it and do the same thing to every
value.
... enter the following into your console: shopping[0]; // returns "bread" you can also modify an item in an array by simply giving a single array item a new
value.
...And 14 more matches
JS::CallArgs
this article covers features introduced in spidermonkey 17 helper class encapsulating access to the callee, this
value, arguments, and argument count for a function call.
... syntax js::callargs js::callargsfromvp(unsigned argc, js::
value *vp); name type description args unsigned number of argument.
... (2nd argument of jsnative) vp js::
value * a pointer to the argument
value array.
...And 14 more matches
Redis Tips
in standard node fashion, first return
value is error or null; second return
value is result of redis command.
... things are strings, mostly as you can see from that last example, the
values pointed to by keys are strings or they are nil.
... nil
values will be given as null in node, not undefined.
...And 14 more matches
nsIAccessibleText
constants text offset constants constant
value description text_offset_end_of_text -1 will be treated as the equal to the end of the text.
... text boundary constants constant
value description boundary_char 0 boundary_word_start 1 boundary_word_end 2 boundary_sentence_start 3 do not use in new code.
... constant
value description coord_type_screen 0 coord_type_window 1 methods addselection() void addselection( in long startoffset, in long endoffset ); parameters startoffset endoffset getattributerange() obsolete since gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) get the accessible and start/end offsets around the given offset.
...And 14 more matches
nsISelectionPrivate
endplaceholdertransaction will give rise to reflow/refreshing view/scroll, and call times of nstextframe::getpointfromoffset whose return
value is to be cached.
... constants constant
value description endofprecedingline 0 startofnextline 1 tableselection_none 0 tableselection_cell 1 tableselection_row 2 tableselection_column 3 tableselection_table 4 tableselection_allcells 5 methods addselectionlistener() void addselectionlistener( in nsiselectionlistener newlistener ); parameters newlistener endbatchchanges() will resume user interface updates after a previous...
... native code only!getcachedframeoffset returns cached
value for nstextframe::getpointfromoffset.
...And 14 more matches
Edit fonts - Firefox Developer Tools
this tool contains several useful features for viewing and manipulating fonts applied to any document loaded in the browser including inspection of all fonts applied to the page, and precise adjustment of variable font axis
values.
...empty elements will not have any fonts used and will display the message "no fonts were found for the current element." fonts will be included in this section for one of the following reasons: they are listed in the element's font-family css declaration
value.
...you can select
values using the slider or enter a numeric
value directly into the text box.
...And 14 more matches
AudioBufferSourceNode.AudioBufferSourceNode() - Web APIs
detune: a
value in cents to modulate the speed of audio stream rendering.
...if the loop is dynamically modified during playback, the new
value will take effect on the next processing block of audio.
... loopend: an optional
value, in seconds, where looping should end if the loop attribute is true.
...And 14 more matches
HTMLInputElement.stepDown() - Web APIs
the htmlinputelement.stepdown([n]) method decrements the
value of a numeric type of <input> element by the
value of the step attribute or up to n multiples of the step attribute if a number is passed as the parameter.
... the method, when invoked, decrements the
value by (step * n), where n defaults to 1 if not specified, and step defaults to the default
value for step if not specified.
... given <input id="mytime" type="time" max="17:00" step="900"
value="17:00">, invoking mytime.step(3) will change the
value to 16:15, decrementing the time by 3 * 900, or 45 minutes.
...And 14 more matches
Basic concepts - Web APIs
so keep the following important concepts in mind: indexeddb databases store key-
value pairs.
... the
values can be complex structured objects, and keys can be properties of those objects.
...the api doesn't give you data by returning
values; instead, you have to pass a callback function.
...And 14 more matches
KeyframeEffect.setKeyframes() - Web APIs
there are two different ways to format keyframes: an array of objects (keyframes) consisting of properties and
values to iterate over.
... element.animate([ { // from opacity: 0, color: "#fff" }, { // to opacity: 1, color: "#000" } ], 2000); offsets for each keyframe can be specified by providing an offset
value.
... element.animate([ { opacity: 1 }, { opacity: 0.1, offset: 0.7 }, { opacity: 0 } ], 2000); note: offset
values, if provided, must be between 0.0 and 1.0 (inclusive) and arranged in ascending order.
...And 14 more matches
Background audio processing using AudioWorklet - Web APIs
fundamentally, the audio for a single audio channel (such as the left speaker or the subwoofer, for example) is represented as a float32array whose
values are the individual audio samples.
... by specification, each block of audio your process() function receives contains 128 frames (that is, 128 samples for each channel), but it is planned that this
value will change in the future, and may in fact vary depending on circumstances, so you should always check the array's length rather than assuming a particular size.
...each sample is added to the corresponding sample in the output buffer, with a simple code fragment in place to prevent the samples from exceeding the legal range of -1.0 to 1.0 by capping the
values; there are other ways to avoid clipping that are perhaps less prone to distortion, but this is a simple example that's better than nothing.
...And 14 more matches
Using the Web Storage API - Web APIs
the web storage api provides mechanisms by which browsers can securely store key/
value pairs.
... basic concepts storage objects are simple key-
value stores, similar to objects, but they stay intact through page loads.
... the keys and the
values are always strings (note that, as with objects, integer keys will be automatically converted to strings).
...And 14 more matches
-webkit-box-reflect - CSS: Cascading Style Sheets
/* direction
values */ -webkit-box-reflect: above; -webkit-box-reflect: below; -webkit-box-reflect: left; -webkit-box-reflect: right; /* offset
value */ -webkit-box-reflect: below 10px; /* mask
value */ -webkit-box-reflect: below 0 linear-gradient(transparent, white); /* global
values */ -webkit-box-reflect: inherit; -webkit-box-reflect: initial; -webkit-box-reflect: unset; note: this feature is not intended to be used by web sites.
... syntax
values above, below, right, left are keywords indicating in which direction the reflection is to happen.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax [ above | below | right | left ]?
...And 14 more matches
additive-symbols - CSS: Cascading Style Sheets
the additive-symbols descriptor lets you specify symbols when the
value of a counter system descriptor is additive.
...the additive system is used to construct sign-
value numbering systems such as roman numerals.
... formal definition related at-rule@counter-styleinitial
valuen/acomputed
valueas specified formal syntax [ <integer> && <symbol> ]#where <symbol> = <string> | <image> | <custom-ident>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <image()> = image( <image-tags>?
...And 14 more matches
pad - CSS: Cascading Style Sheets
syntax pad: 3 "0";
values <integer> && <symbol> the <integer> specifies a minimum length that all counter representations must reach.
... the
value must be non-negative.
... formal definition related at-rule@counter-styleinitial
value0 ""computed
valueas specified formal syntax <integer> && <symbol>where <symbol> = <string> | <image> | <custom-ident>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <image()> = image( <image-tags>?
...And 14 more matches
prefix - CSS: Cascading Style Sheets
if not specified, the default
value will be "" (an empty string).
... syntax /* <symbol>
values */ prefix: "»"; prefix: "page "; prefix: url(bullet.png);
values <symbol> specifies a <symbol> that is prepended to the marker representation.
... formal definition related at-rule@counter-styleinitial
value"" (the empty string)computed
valueas specified formal syntax <symbol>where <symbol> = <string> | <image> | <custom-ident>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <image()> = image( <image-tags>?
...And 14 more matches
suffix - CSS: Cascading Style Sheets
syntax /* <symbol>
values */ suffix: ""; suffix: ") "; suffix: url(bullet.png);
values <symbol> specifies a <symbol> that is appended to the marker representation.
... formal definition related at-rule@counter-styleinitial
value".
... " (full stop followed by a space)computed
valueas specified formal syntax <symbol>where <symbol> = <string> | <image> | <custom-ident>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <image()> = image( <image-tags>?
...And 14 more matches
border-block - CSS: Cascading Style Sheets
the border-block css property is a shorthand property for setting the individual logical block border property
values in a single place in the style sheet.
... border-block: 1px; border-block: 2px dotted; border-block: medium dashed blue; border-block can be used to set the
values for one or more of border-block-width, border-block-style, and border-block-color setting both the start and end in the block dimension at once.
...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.
...And 14 more matches
border-image-source - CSS: Cascading Style Sheets
syntax /* keyword
value */ border-image-source: none; /* <image>
values */ border-image-source: url(image.jpg); border-image-source: linear-gradient(to top, red, yellow); /* global
values */ border-image-source: inherit; border-image-source: initial; border-image-source: unset;
values none no border image is used.
... formal definition initial
valuenoneapplies toall elements, except internal table elements when border-collapse is collapse.
... it also applies to ::first-letter.inheritednocomputed
valuenone or the image with its uri made absoluteanimation typediscrete formal syntax none | <image>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <image()> = image( <image-tags>?
...And 14 more matches
border-inline-start - CSS: Cascading Style Sheets
the border-inline-start css property is a shorthand property for setting the individual logical inline-start border property
values in a single place in the style sheet.
...it corresponds to the border-top, border-right, border-bottom, or border-left property depending on the
values defined for writing-mode, direction, and text-orientation.
...
values the border-inline-start is specified with one or more of the following, in any order: <'border-width'> the width of the border.
...And 14 more matches
border-radius - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: border-bottom-left-radius border-bottom-right-radius border-top-left-radius border-top-right-radius syntax /* the syntax of the first radius allows one to four
values */ /* radius is set for all 4 sides */ border-radius: 10px; /* top-left-and-bottom-right | top-right-and-bottom-left */ border-radius: 10px 5%; /* top-left | top-right-and-bottom-left | bottom-right */ border-radius: 2px 4px 2px; /* top-left | top-right | bottom-right | bottom-left */ border-radius: 1px 0 3px 4px; /* the syntax of the second radius allows one to four
values */ /* (first radi...
...us
values) / radius */ border-radius: 10px / 20px; /* (first radius
values) / top-left-and-bottom-right | top-right-and-bottom-left */ border-radius: 10px 5% / 20px 30px; /* (first radius
values) / top-left | top-right-and-bottom-left | bottom-right */ border-radius: 10px 5px 2em / 20px 25px 30%; /* (first radius
values) / top-left | top-right | bottom-right | bottom-left */ border-radius: 10px 5% / 20px 25em 30px 35em; /* global
values */ border-radius: inherit; border-radius: initial; border-radius: unset; the border-radius property is specified as: one, two, three, or four <length> or <percentage>
values.
... followed optionally by "/" and one, two, three, or four <length> or <percentage>
values.
...And 14 more matches
image() - CSS: Cascading Style Sheets
)where <image-tags> = ltr | rtl<image-src> = <url> | <string><color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
... ) | rgb( <percentage>#{3} , <alpha-
value>?
...And 14 more matches
mask-image - CSS: Cascading Style Sheets
/* keyword
value */ mask-image: none; /* <mask-source>
value */ mask-image: url(masks.svg#mask1); /* <image>
values */ mask-image: linear-gradient(rgba(0, 0, 0, 1.0), transparent); mask-image: image(url(mask.png), skyblue); /* multiple
values */ mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1.0), transparent); /* global
values */ mask-image: inherit; mask-image: initial; mask-image: unset; syntax
values none this keyword is interpreted as a transparent black image layer.
... <image> an image
value used as mask image layer.
... formal definition initial
valuenoneapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednocomputed
valueas specified, but with <url>
values made absoluteanimation typediscrete formal syntax <mask-reference>#where <mask-reference> = none | <image> | <mask-source>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient><mask-source> = <url>where <image()> = image( <image-tags>?
...And 14 more matches
pointer-events - CSS: Cascading Style Sheets
syntax /* keyword
values */ pointer-events: auto; pointer-events: none; pointer-events: visiblepainted; /* svg only */ pointer-events: visiblefill; /* svg only */ pointer-events: visiblestroke; /* svg only */ pointer-events: visible; /* svg only */ pointer-events: painted; /* svg only */ pointer-events: fill; /* svg only */ pointer-events: stroke; /* svg only */ pointer-events: all; ...
.../* svg only */ /* global
values */ pointer-events: inherit; pointer-events: initial; pointer-events: unset; the pointer-events property is specified as a single keyword chosen from the list of
values below.
...
values auto the element behaves as it would if the pointer-events property were not specified.
...And 14 more matches
text-decoration-color - CSS: Cascading Style Sheets
the color applies to decorations, such as underlines, overlines, strikethroughs, and wavy lines like those used to mark misspellings, in the scope of the property's
value.
... syntax /* <color>
values */ text-decoration-color: currentcolor; text-decoration-color: red; text-decoration-color: #00ff00; text-decoration-color: rgba(255, 128, 128, 0.5); text-decoration-color: transparent; /* global
values */ text-decoration-color: inherit; text-decoration-color: initial; text-decoration-color: unset;
values <color> the color of the line decoration.
...color contrast ratio is determined by comparing the luminosity of the text and background color
values.
...And 14 more matches
Creating a cross-browser video player - Developer guides
" type="video/mp4"> <source src="video/tears-of-steel-battle-clip-medium.webm" type="video/webm"> <source src="video/tears-of-steel-battle-clip-medium.ogg" type="video/ogg"> <!-- flash fallback --> <object type="application/x-shockwave-flash" data="flash-player.swf?videourl=video/tears-of-steel-battle-clip-medium.mp4" width="1024" height="576"> <param name="movie"
value="flash-player.swf?videourl=video/tears-of-steel-battle-clip-medium.mp4" /> <param name="allowfullscreen"
value="true" /> <param name="wmode"
value="transparent" /> <param name="flashvars"
value="controlbar=over&image=img/poster.jpg&file=flash-player.swf?videourl=video/tears-of-steel-battle-clip-medium.mp4" /> <img alt="tears of steel poster image" src="...
... <ul id="video-controls" class="controls"> <li><button id="playpause" type="button">play/pause</button></li> <li><button id="stop" type="button">stop</button></li> <li class="progress"> <progress id="progress"
value="0" min="0"> <span id="progress-bar"></span> </progress> </li> <li><button id="mute" type="button">mute/unmute</button></li> <li><button id="volinc" type="button">vol+</button></li> <li><button id="voldec" type="button">vol-</button></li> <li><button id="fs" type="button">fullscreen</button></li> </ul> each button is given an id so it can be easily accessed with ja...
... stop stop.addeventlistener('click', function(e) { video.pause(); video.currenttime = 0; progress.
value = 0; }); the media api doesn't have a stop method, so to mimic this the video is paused, and its currenttime (i.e.
...And 14 more matches
Promise.prototype.then() - JavaScript
syntax p.then(onfulfilled[, onrejected]); p.then(
value => { // fulfillment }, reason => { // rejection }); parameters onfulfilled optional a function called if the promise is fulfilled.
... this function has one argument, the fulfillment
value.
... return
value once a promise is fulfilled or rejected, the respective handler function (onfulfilled or onrejected) will be called asynchronously (scheduled in the current thread loop).
...And 14 more matches
Set.prototype.forEach() - JavaScript
the foreach() method executes a provided function once for each
value in the set object, in insertion order.
... syntax myset.foreach(callback[, thisarg]) parameters callback function to execute for each element, taking three arguments: current
value, currentkey the current element being processed in the set.
... as there are no keys in set, the
value is passed for both arguments.
...And 14 more matches
TypedArray - JavaScript
instead, there are a number of different global properties, whose
values are typed array constructors for specific element types, listed below.
...set
value and get
value etc., operate on that array buffer address.
... typedarray objects type
value range size in bytes description web idl type equivalent c type int8array -128 to 127 1 8-bit two's complement signed integer byte int8_t uint8array 0 to 255 1 8-bit unsigned integer octet uint8_t uint8clampedarray 0 to 255 1 8-bit unsigned integer (clamped) octet uint8_t int16array -32768 to 32767 2 16-bit two's complement signed integer short int16_t uint16array 0 to 65535 2 16-bit unsigned integer unsigned short uint16_t int32array -2147483648 to 2147483647 4 32-bit two's complement signed integer long int32_t uint32array 0 to 4294967295 4 32-bit unsigned integer unsigne...
...And 14 more matches
Iteration protocols - JavaScript
the iterable protocol the iterable protocol allows javascript objects to define or customize their iteration behavior, such as what
values are looped over in a for...of construct.
... in order to be iterable, an object must implement the @@iterator method, meaning that the object (or one of the objects up its prototype chain) must have a property with a @@iterator key which is available via constant symbol.iterator: property
value [symbol.iterator] a zero-argument function that returns an object, conforming to the iterator protocol.
... whenever an object needs to be iterated (such as at the beginning of a for...of loop), its @@iterator method is called with no arguments, and the returned iterator is used to obtain the
values to be iterated.
...And 14 more matches
fill - SVG: Scalable Vector Graphics
value <paint> default
value black animatable yes note: as a presentation attribute fill can be used as a css property.
...
value freeze (keep the state of the last animation frame) | remove (keep the state of the first animation frame) default
value remove animatable no animatecolor warning: as of svg animation 2 <animatecolor> is deprecated and shouldn't be used.
...
value freeze (keep the state of the last animation frame) | remove (keep the state of the first animation frame) default
value remove animatable no animatemotion for <animatemotion>, fill defines the final state of the animation.
...And 14 more matches
preferences/service - Archive of obsolete content
globals functions set(name,
value) sets the application preference name to
value.
...
value : string,number,boolean preference
value.
... example: var name = "extensions.checkcompatibility.nightly"; require("sdk/preferences/service").set(name, false); get(name, default
value) gets the application preference name.
...And 13 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
preference description
value nglayout.debug.disable_xul_cache (not present in firefox 3.5+) ordinarily, firefox will cache xul documents after they have been read in once, to speed subsequent displays.
...some of these preferences do not exist—to create them, right-click, select “new>boolean”, and type in the name and set the
value accordingly.
... listing 5: content for clock.xul <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/"?> <dialog id="clockdialog" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="clock" buttons="accept" onload="initclock();"> <script type="application/javascript" src="chrome://helloworld/content/clock.js"/> <hbox align="center"> <label
value="current time:" /> <textbox id="currenttime" /> </hbox> </dialog> listing 6: content for clock.js function initclock() { showcurrenttime(); window.setinterval(showcurrenttime, 1000); } function showcurrenttime() { var textbox = document.getelementbyid("currenttime"); textbox.
value = new date().tolocaletimestring(); textbox.select(); } operations check perform an operations ...
...And 13 more matches
Handling Preferences - Archive of obsolete content
incorrect
values can make firefox behave oddly or break altogether.
...if you type the word "homepage", it will filter all the preferences and display only the ones which include the word "homepage" in its name or
value.
... right-clicking on the list reveals several options that allow you to modify preference
values and add new ones.
...And 13 more matches
jspage - Archive of obsolete content
;}};(function(){var a={array:array,date:date,function:function,number:number,regexp:regexp,string:string};for(var h in a){new native({name:h,initialize:a[h],protect:true}); }var d={"boolean":boolean,"native":native,object:object};for(var c in d){native.typize(d[c],c);}var f={array:["concat","indexof","join","lastindexof","pop","push","reverse","shift","slice","sort","splice","tostring","unshift","
valueof"],string:["charat","charcodeat","concat","indexof","lastindexof","match","replace","search","slice","split","substr","substring","tolowercase","touppercase","
valueof"]}; for(var e in f){for(var b=f[e].length;b--;){native.genericize(a[e],f[e][b],true);}}})();var hash=new native({name:"hash",initialize:function(a){if($type(a)=="hash"){a=$unlink(a.getclean()); }for(var b in a){this[b]=a[b];}return...
...guments")?[b]:b):[];}var $time=date.now||function(){return +new date;};function $try(){for(var b=0,a=arguments.length;b<a; b++){try{return arguments[b]();}catch(c){}}return null;}function $type(a){if(a==undefined){return false;}if(a.$family){return(a.$family.name=="number"&&!isfinite(a))?false:a.$family.name; }if(a.nodename){switch(a.nodetype){case 1:return"element";case 3:return(/\s/).test(a.node
value)?"textnode":"whitespace";}}else{if(typeof a.length=="number"){if(a.callee){return"arguments"; }else{if(a.item){return"collection";}}}}return typeof a;}function $unlink(c){var b;switch($type(c)){case"object":b={};for(var e in c){b[e]=$unlink(c[e]); }break;case"hash":b=new hash(c);break;case"array":b=[];for(var d=0,a=c.length;d<a;d++){b[d]=$unlink(c[d]);}break;default:return c;}return b;}var browse...
..."";});if(b===true){$exec(a);}else{if($type(b)=="function"){b(a,c); }}return c;},substitute:function(a,b){return this.replace(b||(/\\?{([^{}]+)}/g),function(d,c){if(d.charat(0)=="\\"){return d.slice(1);}return(a[c]!=undefined)?a[c]:""; });}});hash.implement({has:object.prototype.hasownproperty,keyof:function(b){for(var a in this){if(this.hasownproperty(a)&&this[a]===b){return a;}}return null; },has
value:function(a){return(hash.keyof(this,a)!==null);},extend:function(a){hash.each(a||{},function(c,b){hash.set(this,b,c);},this);return this;},combine:function(a){hash.each(a||{},function(c,b){hash.include(this,b,c); },this);return this;},erase:function(a){if(this.hasownproperty(a)){delete this[a];}return this;},get:function(a){return(this.hasownproperty(a))?this[a]:null; },set:function(a,b){if(!this[...
...And 13 more matches
Templates - Archive of obsolete content
to use your own datasource, specify the url of an rdf file for the datasources attribute, as indicated in the example below: <box datasources="chrome://zoo/content/animals.rdf" ref="http://www.some-fictitious-zoo.com/all-animals"> you can even specify multiple datasources at a time by separating them with a space in the attribute
value.
...in the case of the bookmarks, the
value nc:bookmarksroot is used to indicate the root of the bookmarks hierarchy.
... other
values that you can use will depend on the datasource you are using.
...And 13 more matches
description - Archive of obsolete content
the text can be set either with the
value attribute or by placing text inside the open and close description tags.
... the
value attribute is used to set text that appears in a single line.
... 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.
...And 13 more matches
Debugging CSS - Learn web development
for inspecting the properties and
values applied to elements on your page, and making changes to them from the editor.
... if you look at the rules view to the right of your html, you should be able to see the css properties and
values applied to that element.
... click on the little arrow to expand the view, showing the different longhand properties and their
values.
...And 13 more matches
Graceful asynchronous programming with Promises - Learn web development
to produce an error on a 404, for example, we need to check the
value of response.ok, and if false, throw an error, only returning the blob if it is true.
...you could just do away with the whole fetch() and blob() chain, and just create an <img> element and set its src attribute
value to the url of the image file, coffee.jpg.
...status: ${response.status}`); } else { return response.blob(); } }) .then(myblob => { let objecturl = url.createobjecturl(myblob); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); }) .catch(e => { console.log('there has been a problem with your fetch operation: ' + e.message); }); bear in mind that the
value returned by a fulfilled promise becomes the parameter passed to the next .then() block's executor function.
...And 13 more matches
Adding a new CSS property
the style system is the part of the code in gecko that is responsible for producing a computed
value for every property for every element.
... then, unless you're implementing a shorthand property, you need to decide which style struct the computed
value of the property should go in.
... parsing to start implementing the parsing, first read the syntax line in the property's specification (whose syntax is in turn defined in the css
values and units specification) and any prose in the specification that adds additional restrictions to that syntax.
...And 13 more matches
CustomizableUI.jsm
negative
values or
values greater than the number of widgets will be interpreted to mean moving the widget to respectively the first or last position.
... parameters aproperties the specification for the widget return
value a wrapper around the created widget.
... parameters awidgetid the id of the widget whose information you need return
value a wrapper around the widget as described above, or null if the widget is known not to exist (any more).
...And 13 more matches
JNI.jsm
return
value blah blah loadclass() blah blah cdata loadclass( ajenv, afullyqualifiedname, [optional] object adeclares ); parameters ajenv the return
value of getforthread().
... return
value blah blah newstring() blah blah cdata newstring( ajenv, astr ); parameters ajenv the return
value of getforthread().
... return
value blah blah readstring() blah blah string readstring( ajenv, ajavastring ); parameters ajenv the return
value of getforthread().
...And 13 more matches
NSS tools : certutil
a key id is the modulus of the rsa key or the public
value of the dsa key.
... -m modify a certificate's trust attributes using the
values of the -t argument.
...the default
value is rsa.
...And 13 more matches
JSPropertyOp
syntax typedef bool (* jspropertyop)(jscontext *cx, js::handleobject obj, js::handleid id, js::mutablehandle
value vp); typedef bool (* jsstrictpropertyop)(jscontext *cx, js::handleobject obj, js::handleid id, bool strict, js::mutablehandle
value vp); // added in spidermonkey 1.9.3 name type description cx jscontext * the context in which the property access is taking place.
... vp js::mutablehandle
value in/out parameter.
... points to a js::
value variable.
...And 13 more matches
nsIDOMElement
s(in domstring namespaceuri, in domstring localname); boolean hasattribute(in domstring name); boolean hasattributens(in domstring namespaceuri, in domstring localname); void removeattribute(in domstring name) nsidomattr removeattributenode(in nsidomattr oldattr) void removeattributens(in domstring namespaceuri, in domstring localname) void setattribute(in domstring name, in domstring
value) nsidomattr setattributenode(in nsidomattr newattr) nsidomattr setattributenodens(in nsidomattr newattr) void setattributens(in domstring namespaceuri, in domstring qualifiedname, in domstring
value) attributes attribute type description tagname domstring the element tag name.
... methods getattribute() get an attribute
value.
... domstring getattribute( in domstring name ); parameters name attribute name return
value a domstring containing the attribute
value.
...And 13 more matches
nsIWebBrowserChrome
the implementation should reflect the
value of this attribute by hiding or showing its chrome appropriately.
... constants constant
value description status_script 1 flag for setstatus() status_script_default 2 flag for setstatus() status_link 3 flag for setstatus() chrome_default 1
value for the chromeflags attribute.
... chrome_window_borders 2
value for the chromeflags attribute.
...And 13 more matches
Getting Started Guide
// given: |nsifoo* mfooptr;| /* |addref| the new
value if it's not |null|; assign it in; and |release| the old
value, if any (so we don't leak it).
...// given: |nscomptr<nsifoo> mfooptr;| /* this assignment automatically |release|s the old
value in |mfooptr|, if any, and |addref|s the new one, in the appropriate sequence to avoid the ownership bug mentioned earlier.
... */ mfooptr = afooptr; additionally, the class using raw xpcom interface pointers will need a destructor to release mfooptr; and a constructor to ensure that mfooptr is initially set to null (or some other reasonable
value).
...And 13 more matches
Examine and edit CSS - Firefox Developer Tools
a warning icon appears next to unsupported css properties or rules that have invalid
values.
...in the following example, a spelling error, "background-colour" instead of "background-color" has made the rule invalid: rule display it displays each rule as in a stylesheet, with a list of selectors followed by a list of property:
value; declarations.
...the color scheme simulator has four states, which you can cycle through by clicking the button repeatedly: icon
value description null the prefers-color-scheme media feature is not defined.
...And 13 more matches
BiquadFilterNode() - Web APIs
the meaning of the other options depends on the
value of this one.
...a large
value makes the response more peaked.
... please note that for this filter type, this
value is not a traditional q, but is a resonance
value in decibels.
...And 13 more matches
Document.execCommand() - Web APIs
syntax document.execcommand(acommandname, ashowdefaultui, a
valueargument) return
value a boolean that is false if the command is unsupported or disabled.
...don't try using the return
value to verify browser support before calling a command.
... a
valueargument for commands which require an input argument, is a domstring providing that information.
...And 13 more matches
Element.setAttribute() - Web APIs
sets the
value of an attribute on the specified element.
... if the attribute already exists, the
value is updated; otherwise a new attribute is added with the specified name and
value.
... to get the current
value of an attribute, use getattribute(); to remove an attribute, call removeattribute().
...And 13 more matches
WebGLRenderingContext.getTexParameter() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
... when using a webgl 2 context, the following
values are available additionally: gl.texture_3d: a three-dimensional texture.
...possible
values: pname return type description possible return
values available in a webgl 1 context gl.texture_mag_filter glenum texture magnification filter gl.linear (default
value), gl.nearest.
...And 13 more matches
WebGLRenderingContext.stencilOpSeparate() - Web APIs
the possible
values are: gl.front gl.back gl.front_and_back fail a glenum specifying the function to use when the stencil test fails.
... the default
value is gl.keep.
...the default
value is gl.keep.
...And 13 more matches
WebGLRenderingContext.texParameter[fi]() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
... when using a webgl 2 context, the following
values are available additionally: gl.texture_3d: a three-dimensional texture.
...the param parameter is a glfloat or glint specifying the
value for the specified parameter pname.
...And 13 more matches
WebGLRenderingContext.vertexAttribPointer() - Web APIs
possible
values: gl.byte: signed 8-bit integer, with
values in [-128, 127] gl.short: signed 16-bit integer, with
values in [-32768, 32767] gl.unsigned_byte: unsigned 8-bit integer, with
values in [0, 255] gl.unsigned_short: unsigned 16-bit integer, with
values in [0, 65535] gl.float: 32-bit ieee floating point number when using a webgl 2 context, the following
values are available additionally: ...
... gl.half_float: 16-bit ieee floating point number normalized a glboolean specifying whether integer data
values should be normalized into a certain range when being cast to a float.
... for types gl.byte and gl.short, normalizes the
values to [-1, 1] if true.
...And 13 more matches
Logical properties for margins, borders and padding - CSS: Cascading Style Sheets
the logical properties and
values specification defines flow-relative mappings for the various margin, border, and padding properties and their shorthands.
... if you have looked at the main page for css logical properties and
values you will see there are a huge number of properties listed.
... this is mostly due to the fact that there are four longhand
values each for margin, border, and padding side, plus all the shorthand
values.
...And 13 more matches
The stacking context - CSS: Cascading Style Sheets
the stacking context in the previous part of this article, using z-index, the rendering order of certain elements is influenced by their z-index
value.
... element with a position
value absolute or relative and z-index
value other than auto.
... element with a position
value fixed or sticky (sticky for all mobile browsers, but not older desktop).
...And 13 more matches
backdrop-filter - CSS: Cascading Style Sheets
/* keyword
value */ backdrop-filter: none; /* url to svg filter */ backdrop-filter: url(commonfilters.svg#filter); /* <filter-function>
values */ backdrop-filter: blur(2px); backdrop-filter: brightness(60%); backdrop-filter: contrast(40%); backdrop-filter: drop-shadow(4px 4px 10px blue); backdrop-filter: grayscale(30%); backdrop-filter: hue-rotate(120deg); backdrop-filter: invert(70%); backdrop-filter: opacity(20%); backdrop-filter: sepia(90%); backdrop-filter: saturate(80%); /* multiple filters */ backdrop-filter: ...
...url(filters.svg#filter) blur(4px) saturate(150%); /* global
values */ backdrop-filter: inherit; backdrop-filter: initial; backdrop-filter: unset; syntax
values none no filter is applied to the backdrop.
... formal definition initial
valuenoneapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednocomputed
valueas specifiedanimation typea filter function list formal syntax none | <filter-function-list>where <filter-function-list> = [ <filter-function> | <url> ]+where <filter-function> = <blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>where <blur()> = blur( <length> )<brightness()> = brightness( <number-percentage> )<contrast()> = contrast( [ <number-percentage> ] )<drop-shadow()> = drop-shadow( <length>{...
...And 13 more matches
border-inline - CSS: Cascading Style Sheets
the border-inline css property is a shorthand property for setting the individual logical inline border property
values in a single place in the style sheet.
...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.
...And 13 more matches
border-left-color - CSS: Cascading Style Sheets
syntax /* <color>
values */ border-left-color: red; border-left-color: #ffbb00; border-left-color: rgb(255, 0, 0); border-left-color: hsla(100%, 50%, 25%, 0.75); border-left-color: currentcolor; border-left-color: transparent; /* global
values */ border-left-color: inherit; border-left-color: initial; border-left-color: unset; the border-left-color property is specified as a single
value.
...
values <color> the color of the left border.
... formal definition initial
valuecurrentcolorapplies toall elements.
...And 13 more matches
border-right-color - CSS: Cascading Style Sheets
syntax /* <color>
values */ border-right-color: red; border-right-color: #ffbb00; border-right-color: rgb(255, 0, 0); border-right-color: hsla(100%, 50%, 25%, 0.75); border-right-color: currentcolor; border-right-color: transparent; /* global
values */ border-right-color: inherit; border-right-color: initial; border-right-color: unset; the border-right-color property is specified as a single
value.
...
values <color> the color of the right border.
... formal definition initial
valuecurrentcolorapplies toall elements.
...And 13 more matches
border-top-color - CSS: Cascading Style Sheets
syntax /* <color>
values */ border-top-color: red; border-top-color: #ffbb00; border-top-color: rgb(255, 0, 0); border-top-color: hsla(100%, 50%, 25%, 0.75); border-top-color: currentcolor; border-top-color: transparent; /* global
values */ border-top-color: inherit; border-top-color: initial; border-top-color: unset; the border-top-color property is specified as a single
value.
...
values <color> the color of the top border.
... formal definition initial
valuecurrentcolorapplies toall elements.
...And 13 more matches
caret-color - CSS: Cascading Style Sheets
syntax /* keyword
values */ caret-color: auto; caret-color: transparent; caret-color: currentcolor; /* <color>
values */ caret-color: red; caret-color: #5729e9; caret-color: rgb(0, 200, 0); caret-color: hsla(228, 4%, 24%, 0.8);
values auto the user agent selects an appropriate color for the caret.
... this is generally currentcolor, but the user agent may choose a different color to ensure good visibility and contrast with the surrounding content, taking into account the
value of currentcolor, the background, shadows, and other factors.
... note: while user agents may use currentcolor (which is usually animatable) for the auto
value, auto is not interpolated in transitions and animations.
...And 13 more matches
mask-border-source - CSS: Cascading Style Sheets
syntax /* keyword
value */ mask-border-source: none; /* <image>
values */ mask-border-source: url(image.jpg); mask-border-source: linear-gradient(to top, red, yellow); /* global
values */ mask-border-source: inherit; mask-border-source: initial; mask-border-source: unset;
values none no mask border is used.
... formal definition initial
valuenoneapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednocomputed
valueas specified, but with <url>
values made absoluteanimation typediscrete formal syntax none | <image>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <image()> = image( <image-tags>?
...)<image-set()> = image-set( <image-set-option># )<element()> = element( <id-selector> )<paint()> = paint( <ident>, <declaration-
value>?
...And 13 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
for these reasons and others, provide a useful
value for alt whenever possible.
... allowed
values: anonymous a cors request is sent with credentials omitted (that is, no cookies, x.509 certificates, or authorization request header).
... if the attribute has an invalid
value, browsers handle it as if the anonymous
value was used.
...And 13 more matches
<input type="submit"> - HTML: Hypertext Markup Language
<input type="submit"
value="send request">
value a domstring used as the button's label events click supported common attributes type and
value idl attributes
value methods none
value an <input type="submit"> element's
value attribute contains a domstring which is displayed as the button's label.
... buttons do not have a true
value otherwise.
... <input type="submit"
value="send request"> if you don't specify a
value, the button will have a default label, chosen by the user agent.
...And 13 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
the allowed
values are nodownload, nofullscreen and noremoteplayback.
...the allowed
values are: anonymous sends a cross-origin request without a credential.
... currenttime reading currenttime returns a double-precision floating-point
value indicating the current playback position of the media specified in seconds.
...And 13 more matches
JSON.parse() - JavaScript
the json.parse() method parses a json string, constructing the javascript
value or object described by the string.
... reviver optional if a function, this prescribes how the
value originally produced by parsing is transformed, before being returned.
... return
value the object, array, string, number, boolean, or null
value corresponding to the given json text.
...And 13 more matches
String - JavaScript
the first is the charat() method: return 'cat'.charat(1) // returns "a" the other way (introduced in ecmascript 5) is to treat the string as an array-like object, where individual characters correspond to a numerical index: return 'cat'[1] // returns "a" when using bracket notation for character access, attempting to delete or assign a
value to these properties will not succeed.
... string primitives and string objects note that javascript distinguishes between string objects and primitive string
values.
... a string object can always be converted to its primitive counterpart with the
valueof() method.
...And 13 more matches
WeakMap - JavaScript
the weakmap object is a collection of key/
value pairs in which the keys are weakly referenced.
... the keys must be objects and the
values can be arbitrary
values.
... a map api could be implemented in javascript with two arrays (one for keys, one for
values) shared by the four api methods.
...And 13 more matches
this - JavaScript
in most cases, the
value of this is determined by how a function is called (runtime binding).
...es5 introduced the bind() method to set the
value of a function's this regardless of how it's called, and es2015 introduced arrow functions which don't provide their own this binding (it retains the this
value of the enclosing lexical context).
... syntax this
value a property of an execution context (global, function or eval) that, in non–strict mode, is always a reference to an object and in strict mode can be any
value.
...And 13 more matches
var - JavaScript
the var statement declares a function-scoped or globally-scoped variable, optionally initializing it to a
value.
... syntax var varname1 [=
value1] [, varname2 [=
value2] ...
... [, varnamen [=
valuen]]]; varnamen variable name.
...And 13 more matches
Web video codec guide - Web media technologies
ation, the more like the original media the encoded video will look in general, higher quality settings will result in larger encoded video files; the degree to which this is true varies depending on the codec bit rate quality generally improves with higher bit rates higher bit rates inherently lead to larger output files the options available when encoding video, and the
values to be assigned to those options, will vary not only from one codec to another but depending on the encoding software you use.
... bit rates varies depending on the video's level; theoretical maximum reaches 800 mbps at level 6.3[2] supported frame rates varies by level; for example, level 2.0 has a maximum of 30 fps while level 6.3 can reach 120 fps compression lossy dct-based algorithm supported frame sizes 8 x 8 pixels to 65,535 x 65535 pixels with each dimension allowed to take any
value between these supported color modes profile color depths chroma subsampling main 8 or 10 4:0:0 (greyscale) or 4:2:0 high 8 or 10 4:0:0 (greyscale), 4:2:0, or 4:4:4 professional 8, 10, or 12 4:0:0 (greyscale), 4:2:0, 4:2:2, or 4:4:...
...during encoding, a
value is selected for bppmaxkb, and then the video cannot exceed this
value for each frame.
...And 13 more matches
Using the WebAssembly JavaScript API - WebAssembly
add the following to your script, below the first block: webassembly.instantiatestreaming(fetch('simple.wasm'), importobject) .then(obj => obj.instance.exports.exported_func()); the net result of this is that we call our exported webassembly function exported_func, which in turn calls our imported javascript function imported_func, which logs the
value provided inside the webassembly instance (42) to the console.
...for example, to write 42 directly into the first word of linear memory, you can do this: new uint32array(memory.buffer)[0] = 42; you can then return the same
value using: new uint32array(memory.buffer)[0] try this now in your demo — save what you’ve added so far, load it in your browser, then try entering the above two lines in your javascript console.
... growing memory a memory instance can be grown by calls to memory.prototype.grow(), where again the argument is specified in units of webassembly pages: memory.grow(1); if a maximum
value was supplied upon creation of the memory instance, attempts to grow past this maximum will throw a webassembly.rangeerror exception.
...And 13 more matches
panel - Archive of obsolete content
text = textarea.
value.replace(/(\r\n|\n|\r)/gm,""); self.port.emit("text-entered", text); textarea.
value = ''; } }, false); // listen for the "show" event being sent from the // main add-on code.
... text = textarea.
value.replace(/(\r\n|\n|\r)/gm,""); addon.port.emit("text-entered", text); textarea.
value = ''; } }, false); // listen for the "show" event being sent from the // main add-on code.
...their
values are expressed in pixels.
...And 12 more matches
Positioning - Archive of obsolete content
context menus will always appear in this location, and not respect any position attribute
value.
... for instance: <menupopup id="edititems" position="end_before"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> <label
value="clipboard" popup="edititems"/> in this example, a menupopup is attached to a label via the popup attribute, which will cause the popup to appear when the label is left-clicked.
...there are several possible
values for the position attribute, described here, along with images which show how a popup would be aligned in each case.
...And 12 more matches
NPAPI plugin reference - Archive of obsolete content
np_get
value allows the browser to query the plug-in for information.
... npn_getproperty gets the
value of a property on the specified npobject.
... npn_get
value allows the plug-in to query the browser for information.
...And 12 more matches
Building up a basic demo with Three.js - Game development
let's explain
values we are setting for the code above: the
value we set for the field of view, 70, is something we can experiment with: the higher the
value, the greater the amount of scene the camera will show.
...the default
value is 50.
...the default
value is 1.
...And 12 more matches
How to implement a custom autocomplete search component
the toolkit mechanism has built-in support for several autocomplete sources, including: history: search the browser's url history (firefox: 1.0+; seamonkey: 1.1+) form-history: search the
values that the user has entered into form fields.
... be entered if * none is selected */ get defaultindex() { return this._defaultindex; }, /** * @return {string} description of the cause of a search failure */ get errordescription() { return this._errordescription; }, /** * @return {number} the number of matches */ get matchcount() { return this._results.length; }, /** * @return {string} the
value of the result at the given index */ get
valueat: function(index) { return this._results[index]; }, /** * @return {string} the comment of the result at the given index */ getcommentat: function(index) { if (this._comments) return this._comments[index]; else return ''; }, /** * @return {string} the style hint for the result at the given index */ ...
...no special styling if (index == 0) return 'suggestfirst'; // category label on first line of results return 'suggesthint'; // category label on any other line of results }, /** * gets the image for the result at the given index * * @return {string} the uri to the image to display */ getimageat : function (index) { return ''; }, /** * get the final
value that should be completed when the user confirms * the match at the given index.
...And 12 more matches
IME handling guide
its message is one of following
values: ecompositionstart this is dispatched at starting a composition.
...the mdata
value is a selected string at dispatching the dom event and it's automatically set by textcomposition.
...the mdata
value should be always be an empty string.
...And 12 more matches
IPDL Tutorial
their
values are serialized by the sender and deserialized by the receiver.
...then you can pass a mozilla::maybe object instead of a concrete
value.
... to initialize a union, simply assign a valid
value to it, as follows: avariant = false; structs ipdl has built-in support for arbitrary collections of serializable data types.
...And 12 more matches
Promise.jsm
a promise is an object representing a
value that may not be available yet.
... internally, a promise can be in one of three states: pending, when the final
value is not available yet.
... fulfilled, when and if the final
value becomes available.
...And 12 more matches
Sqlite.jsm
the
value typically ends with .sqlite.
...there is no default
value which means no automatic memory minimization will occur.
... setschemaversion(
value) sets
value as the new version associated with the schema for the current database.
...And 12 more matches
XPCOMUtils.jsm
category: "some-category", // optional, defaults to the object's classdescription entry: "entry name", // optional, defaults to the object's contractid (unless // 'service' is specified)
value: "...", // optional, defaults to false.
... when set to true, and only if '
value' // is not specified, the concatenation of the string "service," and the // object's contractid is passed as a
value parameter of addcategoryentry.
... methods definelazygetter() getter functions in javascript give you a way to define a property of an object, but not calculate the property's
value until it is accessed.
...And 12 more matches
certutil
a key id is the modulus of the rsa key or the public
value of the dsa key.
... -m modify a certificate's trust attributes using the
values of the -t argument.
...the default
value is rsa.
...And 12 more matches
GC Rooting Guide
the main types of gc thing pointer are: js::
value jsobject* jsstring* jsscript* jsid note that js::
value and jsid can contain pointers internally even though they are not a normal pointer type, hence their inclusion in this list.
... js::rooted must be constructed with a jscontext*, and optionally an initial
value.
...within spidermonkey, it is suggested that these are used in preference to the template class (gecko uses the template versions): template class typedef js::rooted<js::
value> js::rooted
value js::rooted<jsobject*> js::rootedobject js::rooted<jsstring*> js::rootedstring js::rooted<jsscript*> js::rootedscript js::rooted<jsid> js::rootedid for example, instead of this: jsobject* localobj = js_getobjectofsomesort(cx); you would write this: js::rootedobject localobj(cx, js_getobjectofsomesort(cx)); spidermonkey makes it easy to remember to use js::rooted<t> types instead of a raw pointer because all of the api methods that may gc take a js::handle<t>, as described...
...And 12 more matches
inIDOMUtils
nt aelement, in domstring apseudoclass); astring rgbtocolorname(in octet ar, in octet ag, in octet ab); bool selectormatcheselement(in nsidomelement aelement, in nsidomcssstylerule arule, in unsigned long aselectorindex, [optional] in domstring apseudo); void setcontentstate(in nsidomelement aelement, in unsigned long long astate); constants constant
value description exclude_shorthands (1<<0) include_aliases (1<<1) content state flags the content state flags are used in a bitmask.
...
value state 1 :active 2 :focus 4 :hover 8 :-moz-drag-over 16 :target 1<<29 :-moz-focusring methods getbindingurls() returns an array of nsiuri objects representing the current xml binding for the specified element.
... return
value an array of nsiuri objects representing the current xbl binding (if any) for the element and its hierarchy of base bindings.
...And 12 more matches
nsIAccessibleTable
return
value an nsiaccessible object.
... return
value a cell index.
... return
value the column description.
...And 12 more matches
nsIDOMNSHTMLDocument
inherits from: nsisupports last changed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview void captureevents(in long eventflags); void clear(); boolean execcommand(in domstring commandid, in boolean doshowui, in domstring
value); boolean execcommandshowhelp(in domstring commandid); obsolete since gecko 14.0 domstring getselection(); nsidomdocument open(in acstring acontenttype, in boolean areplace); boolean querycommandenabled(in domstring commandid); boolean querycommandindeterm(in domstring commandid); boolean querycommandstate(in domstring commandid); boo...
...lean querycommandsupported(in domstring commandid); domstring querycommandtext(in domstring commandid); obsolete since gecko 14.0 domstring querycommand
value(in domstring commandid); void releaseevents(in long eventflags); void routeevent(in nsidomevent evt); void write(); obsolete since gecko 2.0 void writeln(); obsolete since gecko 2.0 attributes attribute type description alinkcolor domstring same as body.alink bgcolor domstring same as body.bgcolor compatmode domstring returns "backcompat" if the document is in quirks mode or "css1compat" if the document is in full standards or almost standards mode.
...execcommand() boolean execcommand( in domstring commandid, in boolean doshowui, in domstring
value ); parameters commandid the name of the command to execute.
...And 12 more matches
nsIDictionary
extensions/xml-rpc/idl/nsidictionary.idlscriptable a simple mutable table of objects, maintained as key/
value pairs.
...method overview boolean haskey(in string key); void getkeys(out pruint32 count, [retval, array, size_is(count)] out string keys); nsisupports get
value(in string key); void set
value(in string key, in nsisupports
value); nsisupports delete
value(in string key); void clear(); methods haskey() check if a given key is present in the dictionary.
... return
value true if present, false if absent.
...And 12 more matches
nsIJSON
jsobject decodefromstream(in nsiinputstream stream, in long contentlength); astring encode(in jsobject
value); obsolete since gecko 7.0 astring encodefromjsval(in jsvaljsval
value, in jscontext cx); native code only!
... void encodetostream(in nsioutputstream stream, in string charset, in boolean writebom, in jsobject
value); jsval legacydecode(in astring str); deprecated since gecko 2.0 jsval legacydecodefromstream(in astring str); deprecated since gecko 2.0 jsval legacydecodetojsval(in astring str, in jscontext cx); native code only!
... return
value the original javascript object, reconstructed from the json string.
...And 12 more matches
nsINavHistoryResultNode
for items that are not in a bookmark folder, this
value is -1.
... dateadded prtime if the node is an item (bookmark, folder, or separator), this
value is the time at which the item was created.
... for other nodes, this
value is 0.
...And 12 more matches
nsITelemetry
nsisupports getloadedmodules(); jsval snapshotkeyedhistograms(in uint32_t adataset, in boolean asubsession, in boolean aclear); void sethistogramrecordingenabled(in acstring id, in boolean enabled); void asyncfetchtelemetrydata(in nsifetchtelemetrydatacallback acallback); double mssinceprocessstart(); void scalaradd(in acstring aname, in jsval a
value); void scalarset(in acstring aname, in jsval a
value); void scalarsetmaximum(in acstring aname, in jsval a
value); jsval snapshotscalars(in uint32_t adataset, [optional] in boolean aclear); void keyedscalaradd(in acstring aname, in astring akey, in jsval a
value); void keyedscalarset(in acstring aname, in astring akey, in jsval a
value); void keye...
...dscalarsetmaximum(in acstring aname, in astring akey, in jsval a
value); jsval snapshotkeyedscalars(in uint32_t adataset, [optional] in boolean aclear); void clearscalars(); test only void flushbatchedchildtelemetry(); void recordevent(in acstring acategory, in acstring amethod, in acstring aobject, [optional] in jsval a
value, [optional] in jsval extra); void seteventrecordingenabled(in acstring acategory, in boolean aenabled); jsval snapshotevents(in uint32_t adataset, [optional] in boolean aclear); void registerevents(in acstring acategory, in jsval aeventdata); void registerscalars(in acstring acategoryname, in jsval ascalardata); void clearevents(); test only attributes attribute type desc...
...{ name1: {data1}, name2:{data2}...} where data consists of the following properties: min - minimal bucket size max - maximum bucket size histogram_type - histogram_exponential or histogram_linear counts - an array representing the
values of buckets in the histogram.
...And 12 more matches
nsIWindowMediator
constants constant
value description zleveltop 1 send window to top.
...they are expected to hand us comparison
values which are pulled from general storage in the native widget, and may not correspond to an nsiwidget at all.
...the
value of inbelow will be ignored for zleveltop and zlevelbottom.) inbelow if inposition is set to zlevelbelow, the window below which inwindow wants to be placed.
...And 12 more matches
DOMMatrixReadOnly - Web APIs
is2d read only a boolean flag whose
value is true if the matrix was initialized as a 2d matrix.
... isidentity read only a boolean whose
value is true if the matrix is the identity matrix.
... the identity matrix is one in which every
value is 0 except those on the main diagonal from top-left to bottom-right corner (in other words, where the offsets in each direction are equal).
...And 12 more matches
HTMLTextAreaElement - Web APIs
valid
values are: none, off, characters, words, sentences.
... default
value string: returns / sets the control's default
value, which behaves like the node.textcontent property.
...if this element is not contained in a form element, it can be the id attribute of any <form> element in the same document or the
value null.
...And 12 more matches
Drag Operations - Web APIs
however, for these last two, the default
value is true, so you would only use the draggable attribute with a
value of false to disable dragging of these elements.
... the drag data contains two pieces of information, the type (or format) of the data, and the data's
value.
... the format is a type string (such as text/plain for text data), and the
value is a string of text.
...And 12 more matches
Timing element visibility with the Intersection Observer API - Web APIs
and the threshold is set to an array containing the
values 0.0 and 0.75; this will cause our callback to execute whenever a targeted element becomes completely obscured or first starts to become unobscured (intersection ratio 0.0) or passes through 75% visible in either direction (intersection ratio 0.75).
... then, for each of the visible ads, we save the
value of dataset.totalviewtime (the total number of milliseconds the ad has currently been visible, as of the last time it was updated) and then call updateadtimer() to update the time.
... these are accessed through each ad's htmlelement.dataset attribute, which provides a domstringmap mapping each custom attribute's name to its
value.
...And 12 more matches
Intersection Observer API - Web APIs
this is a representation of the percentage of the target element which is visible as a
value between 0.0 and 1.0.
...can have
values similar to the css margin property, e.g.
...the
values can be percentages.
...And 12 more matches
WebGLRenderingContext - Web APIs
webglrenderingcontext.clearcolor() specifies the color
values used when clearing color buffers.
... webglrenderingcontext.cleardepth() specifies the depth
value used when clearing the depth buffer.
... webglrenderingcontext.clearstencil() specifies the stencil
value used when clearing the stencil buffer.
...And 12 more matches
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.
... element.animate([ { // from opacity: 0, color: "#fff" }, { // to opacity: 1, color: "#000" } ], 2000); offsets for each keyframe can be specified by providing an offset
value.
... element.animate([ { opacity: 1 }, { opacity: 0.1, offset: 0.7 }, { opacity: 0 } ], 2000); note: offset
values, if provided, must be between 0.0 and 1.0 (inclusive) and arranged in ascending order.
...And 12 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.
... individual css property
values are accessed through apis provided by the object, or by indexing with css property names.
... html <p>hello</p> css p { width: 400px; margin: 0 auto; padding: 20px; font: 2rem/2 sans-serif; text-align: center; background: purple; color: white; } javascript let para = document.queryselector('p'); let compstyles = window.getcomputedstyle(para); para.textcontent = 'my computed font-size is ' + compstyles.getproperty
value('font-size') + ',\nand my computed line-height is ' + compstyles.getproperty
value('line-height') + '.'; result description the returned object is the same cssstyledeclaration type as the object returned from the element's style property.
...And 12 more matches
-webkit-text-fill-color - CSS: Cascading Style Sheets
if this property is not set, the
value of the color property is used.
... /* <color>
values */ -webkit-text-fill-color: red; -webkit-text-fill-color: #000000; -webkit-text-fill-color: rgb(100, 200, 0); /* global
values */ -webkit-text-fill-color: inherit; -webkit-text-fill-color: initial; -webkit-text-fill-color: unset; syntax
values <color> the foreground fill color of the element's text content.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritedyescomputed
valuecomputed coloranimation typea color formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
...And 12 more matches
-webkit-text-stroke-color - CSS: Cascading Style Sheets
if this property is not set, the
value of the color property is used.
... /* <color>
values */ -webkit-text-stroke-color: red; -webkit-text-stroke-color: #e08ab4; -webkit-text-stroke-color: rgb(200, 100, 0); /* global
values */ -webkit-text-stroke-color: inherit; -webkit-text-stroke-color: initial; -webkit-text-stroke-color: unset; syntax
values <color> the color of the stroke.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritedyescomputed
valuecomputed coloranimation typea color formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
...And 12 more matches
column-rule-color - CSS: Cascading Style Sheets
syntax /* <color>
values */ column-rule-color: red; column-rule-color: rgb(192, 56, 78); column-rule-color: transparent; column-rule-color: hsla(0, 100%, 50%, 0.6); /* global
values */ column-rule-color: inherit; column-rule-color: initial; column-rule-color: unset; the column-rule-color property is specified as a single <color>
value.
...
values <color> the color of the rule that separates columns.
... formal definition initial
valuecurrentcolorapplies tomulticol elementsinheritednocomputed
valuecomputed coloranimation typea color formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
...And 12 more matches
line-height - CSS: Cascading Style Sheets
syntax /* keyword
value */ line-height: normal; /* unitless
values: use this number multiplied by the element's font size */ line-height: 3.5; /* <length>
values */ line-height: 3em; /* <percentage>
values */ line-height: 34%; /* global
values */ line-height: inherit; line-height: initial; line-height: unset; the line-height property is specified as any one of the following: a <number> a <length> a <percentag...
...
values normal depends on the user agent.
... desktop browsers (including firefox) use a default
value of roughly 1.2, depending on the element's font-family.
...And 12 more matches
text-emphasis-color - CSS: Cascading Style Sheets
this
value can also be set using the text-emphasis shorthand.
... /* initial
value */ text-emphasis-color: currentcolor; /* <color> */ text-emphasis-color: #555; text-emphasis-color: blue; text-emphasis-color: rgba(90, 200, 160, 0.8); text-emphasis-color: transparent; /* global
values */ text-emphasis-color: inherit; text-emphasis-color: initial; text-emphasis-color: unset; syntax
values <color> defines the color of the emphasis marks.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typea color formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
...And 12 more matches
HTML attribute: min - HTML: Hypertext Markup Language
the min attribute defines the minimum
value that is acceptable and valid for the input containing the attribute.
... if the
value of the element is less than this, the element fails constraint validation.
... this
value must be less than or equal to the
value of the max attribute.
...And 12 more matches
HTTP headers - HTTP
an http header consists of its case-insensitive name followed by a colon (:), then by its
value.
... whitespace before the
value is ignored.
...the provided pixel
value is a number rounded to the smallest following integer (i.e.
...And 12 more matches
Closures - JavaScript
run the code using this jsfiddle link and notice that the alert() statement within the displayname() function successfully displays the
value of the name variable, which is declared in its parent function.
...it creates functions that can add a specific
value to their argument.
... var counter = (function() { var privatecounter = 0; function changeby(val) { privatecounter += val; } return { increment: function() { changeby(1); }, decrement: function() { changeby(-1); },
value: function() { return privatecounter; } }; })(); console.log(counter.
value()); // 0.
...And 12 more matches
Default parameters - JavaScript
default function parameters allow named parameters to be initialized with default
values if no
value or undefined is passed.
... syntax function [name]([param1[ = default
value1 ][, ..., paramn[ = default
valuen ]]]) { statements } description in javascript, function parameters default to undefined.
... however, it's often useful to set a different default
value.
...And 12 more matches
Array.prototype.some() - JavaScript
it returns a boolean
value.
... thisargoptional a
value to use as this when executing callback.
... return
value true if the callback function returns a truthy
value for at least one element in the array.
...And 12 more matches
Date() constructor - JavaScript
syntax new date() new date(
value) new date(datestring) new date(year, monthindex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]) note: the only correct way to instantiate a new date object is by using the new operator.
... if you simply call the date object directly, such as now = date(), the returned
value is a string rather than a date object.
... time
value or timestamp number
value an integer
value representing the number of milliseconds since january 1, 1970, 00:00:00 utc (the ecmascript epoch, equivalent to the unix epoch), with leap seconds ignored.
...And 12 more matches
Function.prototype.bind() - JavaScript
the bind() method creates a new function that, when called, has its this keyword set to the provided
value, with a given sequence of arguments preceding any provided when the new function is called.
... syntax let boundfunc = func.bind(thisarg[, arg1[, arg2[, ...argn]]]) parameters thisarg the
value to be passed as the this parameter to the target function func when the bound function is called.
... the
value is ignored if the bound function is constructed using the new operator.
...And 12 more matches
Intl.NumberFormat() constructor - JavaScript
possible
values include: "adlm", "ahom", "arab", "arabext", "bali", "beng", "bhks", "brah", "cakm", "cham", "deva", "diak", "fullwide", "gong", "gonm", "gujr", "guru", "hanidec", "hmng", "hmnp", "java", "kali", "khmr", "knda", "lana", "lanatham", "laoo", "latn", "lepc", "limb", "mathbold", "mathdbl", "mathmono", "mathsanb", "mathsans", "mlym", "modi", "mong", "mroo", "mtei", "mymr", "mymrshan", "mymrtlng", "new...
...possible
values are the iso 4217 currency codes, such as "usd" for the us dollar, "eur" for the euro, or "cny" for the chinese rmb — see the current currency & funds code list.
... there is no default
value; if the style is "currency", the currency property must be provided.
...And 12 more matches
Object - JavaScript
the object constructor creates an object wrapper for the given
value.
... if the
value is null or undefined, it will create and return an empty object.
... otherwise, it will return an object of a type that corresponds to the given
value.
...And 12 more matches
stroke-linejoin - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following nine elements: <altglyph>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 18 12" xmlns="http://www.w3.org/2000/svg"> <!-- upper left path: effect of the "miter"
value --> <path d="m1,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="miter" /> <!-- center path: effect of the "round"
value --> <path d="m7,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="round" /> <!-- upper right path: effect of the "bevel"
value --> <path d="m13,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 ...
...2,3.5" stroke="black" fill="none" stroke-linejoin="bevel" /> <!-- bottom left path: effect of the "miter-clip"
value with fallback to "miter" if not supported.
... --> <path d="m3,11 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="miter-clip" /> <!-- bottom right path: effect of the "arcs"
value with fallback to "miter" if not supported.
...And 12 more matches
context-menu - Archive of obsolete content
predicatecontext(predicatefunction) predicatefunction is called when the menu is invoked, and the context occurs when the function returns a true
value.
...note that when you have a hierarchy of menu items the click event will be sent to the content script of the item clicked and all ancestors so be sure to verify that the data
value passed matches the item you expect.
... one way to achieve this it to utilize the data attribute of item class constructor, which conveniently maps to the
value attribute of the underlying xul element.
...And 11 more matches
passwords - Archive of obsolete content
you don't supply this
value when storing an add-on credential: it is automatically generated for you.
... formsubmiturl the
value of the form's "action" attribute.
... usernamefield the
value of the "name" attribute for the form's username field.
...And 11 more matches
jpm - Archive of obsolete content
if you just press enter, your add-on gets the default
value.
... once you've supplied a
value or accepted the default for these properties, you'll be shown the complete contents of "package.json" and asked to accept it.
...if -o is specified and path is omitted, jpm looks for the jetpack_root environment variable and use its
value as the path.
...And 11 more matches
Treehydra Manual - Archive of obsolete content
users only need to define their esp property variables, abstract
values, and the flow semantics of gimple statements, and the library will do all of the substate tracking and fixed-point solving.
...for now, here is an explanation of some of the terminology that is often confusing: concrete
value.
... a
value in the programming language being analyzed.
...And 11 more matches
Writing to Files - Archive of obsolete content
an output stream is an object which can be used to write bytes, strings and other
values to a file.
...this means that a single character will occupy several bytes if it has a
value greater than 128.
...writing binary data in addition to text, binary
values may be written to a file either as bytes or as numbers.
...And 11 more matches
Multiple Rules - Archive of obsolete content
toslist" datasources="template-guide-photos3.rdf" ref="http://www.xulplanet.com/rdf/myphotos"> <template> <query> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> </query> <rule> <where subject="?title" rel="equals"
value="canal"/> <action> <button uri="?photo" image="?photo" label="view" orient="vertical"/> </action> </rule> <rule> <action> <image uri="?photo" src="?photo"/> </action> </rule> </template> </hbox> this template contains a query with two rules.
...the
value attribute is the
value to compare to, which here is 'canal'.
...here is another example for an xml source: <radiogroup datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="person"/> <rule> <where subject="?gender" rel="equals"
value="male"/> <action> <radio uri="?" label="?name is male"/> </action> </rule> <rule> <action> <radio uri="?" label="?name is female" disabled="true"/> </action> </rule> </template> </radiogroup> in this example, all male people are matched with the first rule, and a radio button is generated for each one.
...And 11 more matches
RDF Modifications - Archive of obsolete content
for mozilla's datasources, the latter two just unassert the old triple and add a new one, creating the effect of changing the
value.
...if the output would change, the builder will need to adjust the output, either by adding a new result, removing an old result, or by changing the
value of some part of the result.
...similarly, if the triple didn't use a variable but a static
value, this
value would also need to match in order to continue processing.
...And 11 more matches
Tree Box Objects - Archive of obsolete content
example 1 : source view <script> function doscroll(){ var
value = document.getelementbyid("tbox").
value; var tree = document.getelementbyid("thetree"); var boxobject = tree.boxobject; boxobject.queryinterface(components.interfaces.nsitreeboxobject); boxobject.scrolltorow(
value); } </script> <tree id="thetree" rows="4"> <treecols> <treecol id="row" label="row" primary="true" flex="1"/> </treecols> <treechildren> <treeitem label="row 0"/...
...> <treeitem label="row 1"/> <treeitem label="row 2"/> <treeitem label="row 3"/> <treeitem label="row 4"/> <treeitem label="row 5"/> <treeitem label="row 6"/> <treeitem label="row 7"/> <treeitem label="row 8"/> <treeitem label="row 9"/> </treechildren> </tree> <hbox align="center"> <label
value="scroll to row:"/> <textbox id="tbox"/> <button label="scroll" oncommand="doscroll();"/> </hbox> note that we use the rows attribute on the tree to specify that only four rows are displayed at a time.
... the doscroll() function gets the box object and calls the scrolltorow() function with an argument set to the
value of the textbox.
...And 11 more matches
XBL Example - Archive of obsolete content
the label attributes on the two buttons inherit their
values from the bound element.
...the label widget has not appeared as no
value has been specified for it.
... we could set a
value, but instead it will calculated later.
...And 11 more matches
label - Archive of obsolete content
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.
... crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
...And 11 more matches
richlistitem - Archive of obsolete content
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.
...this
value is read-only.
...
value type: string the string attribute allows you to associate a data
value with an element.
...And 11 more matches
-ms-scrollbar-3dlight-color - Archive of obsolete content
initial
valuedepends on user agentapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the color of the top and left edges of the scroll box and scroll arrows of the scroll bar.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-ms-scrollbar-arrow-color - Archive of obsolete content
initial
valuebuttontextapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the color of the scroll arrows of the scroll bar.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-ms-scrollbar-base-color - Archive of obsolete content
initial
valuedepends on user agentapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the base color of the main elements of a scroll bar.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-ms-scrollbar-darkshadow-color - Archive of obsolete content
initial
valuethreeddarkshadowapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the color of the scroll bar's gutter.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-ms-scrollbar-face-color - Archive of obsolete content
initial
valuethreedfaceapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the color of the scroll box and scroll arrows.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-ms-scrollbar-highlight-color - Archive of obsolete content
initial
valuethreedhighlightapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the color of the slider tray, the top and left edges of the scroll box, and the scroll arrows of a scroll bar.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-ms-scrollbar-shadow-color - Archive of obsolete content
initial
valuethreeddarkshadowapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-ms-scrollbar-track-color - Archive of obsolete content
initial
valuescrollbarapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values <color> the color of the track element.
... formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
XForms Input Element - Archive of obsolete content
attributes ui common appearance - the
value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special inputmode - not supported for this control incremental - supported.
... the default
value is 'false'.
...(xhtml/xul) datepicker - used to represent data of type xsd:date (xhtml/xul) calendar - used to represent data of type xsd:date when appearance attribute also has the
value 'full' (xhtml/xul) month list - used to represent data of type xsd:gmonth (xhtml only) days list - used to represent data of type xsd:gday (xhtml only) number field - used to represent data of numeric type (fx 3.0 only, xul only) more detail about each of these widgets follows below.
...And 11 more matches
UI pseudo-classes - Learn web development
controls with required set on them that have no
value are counted as invalid — they will be matched with :invalid and :required.
... controls whose current
value is outside the range limits specified by the min and max attributes are (matched with) :invalid, but also matched by :out-of-range, as you'll see later on.
...s looks like this: input + span { position: relative; } input + span::after { font-size: 0.7rem; position: absolute; padding: 5px 10px; top: -26px; } input:required + span::after { color: white; background-color: black; content: "required"; left: -70px; } input:out-of-range + span::after { color: white; background-color: red; width: 155px; content: "outside allowable
value range"; left: -182px; } this is a similar story to what we had before in the :required example, except that here we've split out the declarations that apply to any ::after content into a separate rule, and given the separate ::after content for :required and :out-of-range states their own content and styling.
...And 11 more matches
Index - Learn web development
91 function return
values article, beginner, codingscripting, functions, guide, javascript, learn, return, return
values, l10n:priority there's one last essential concept about functions for us to discuss — return
values.
... some functions don't return a significant
value, but others do.
... it's important to understand what their
values are, how to use them in your code, and how to make functions return useful
values.
...And 11 more matches
Accessibility in React - Learn web development
const editfieldref = useref(null); const editbuttonref = useref(null); these refs have a default
value of null because they will not have
value until we attach them to their respective elements.
... to do that, we'll add an attribute of ref to each element, and set their
values to the appropriately named ref objects.
... the textbox <input> in your editing template should be updated like this: <input id={props.id} classname="todo-text" type="text"
value={newname} onchange={handlechange} ref={editfieldref} /> the "edit" button in your view template should read like this: <button type="button" classname="btn" onclick={() => setediting(true)} ref={editbuttonref} > edit <span classname="visually-hidden">{props.name}</span> </button> focusing on our refs with useeffect to use our refs for their intended purpose, we need to import another react hook: useeffect().
...And 11 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
remember that to tell svelte that a variable has changed, you have to assign it a new
value.
... nevertheless, there are different techniques that we can apply to solve this problem, and all of them involve assigning a new
value to the variable being watched.
...obj.foo += 1 or array[i] = x — work the same way as assignments to the
values themselves.
...And 11 more matches
Task.jsm
you can use the yield operator inside the generator function to wait on a promise, spawn another task, or propagate a
value: let resolution
value = yield (promise/generator/iterator/
value); if you specify a promise, the yield operator returns its resolution
value as soon as the promise is resolved.
... if you specify a function that is not a generator, it is called with no arguments, and the yield operator returns the return
value of the function.
... method overview function async(atask); promise spawn(atask); properties attribute type description result read only constructor constructs a special exception that, when thrown inside a legacy generator function, allows the associated task to be resolved with a specific
value.
...And 11 more matches
NSS environment variables
before 3.0 nss_allow_weak_signature_alg boolean (any non-empty
value to enable) enables the use of md2 and md4 inside signatures.
...nss_shared_db 3.12 nss_disable_arena_free_list string (any non-empty
value) define this variable to get accurate leak allocation stacks when using leak reporting software.
... nss_memory_allocation 3.4 nss_disable_unload string (any non-empty
value) disable unloading of dynamically loaded nss shared libraries during shutdown.
...And 11 more matches
JS::PersistentRooted
initial t an initial
value for the persistent rooted variable.
... method description void init(jscontext* cx) initialize with optional initial
value (if not provided, it will be initialized with the initial
value of the type).
... added in spidermonkey 38 void init(jscontext* cx, t initial) void init(jsruntime* rt) void init(jsruntime* rt, t initial) void reset() reset the
value to initial
value of the type.
...And 11 more matches
JS_CallFunction
syntax /* added in spidermonkey 31 */ bool js_callfunction(jscontext *cx, js::handleobject obj, js::handlefunction fun, const js::handle
valuearray& args, js::mutablehandle
value rval); bool js_callfunctionname(jscontext *cx, js::handleobject obj, const char *name, const js::handle
valuearray& args, js::mutablehandle
value rval); bool js_callfunction
value(jscontext *cx, js::handleobject obj, js::handle
value fval, const js::handle
valuearray& args, js::mutablehandle
value rval); /* obsolete since jsapi 30 */ bool js_callfunction(jscontext *cx, jsobject *obj, jsfunction *fun, unsigned argc, jsval *argv, jsval *rval); bool js_callfunctionname(jscontext *cx, jsobject *obj, const...
... char *name, unsigned argc, jsval *argv, jsval *rval); bool js_callfunction
value(jscontext *cx, jsobject *obj, jsval fval, unsigned argc, jsval *argv, jsval *rval); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... fval js::handle
value pointer to the function
value to call.
...And 11 more matches
JS_ConvertArguments
converts a series of js
values, passed in an argument array, to their corresponding js types.
... js_convertarguments may modify argv in place by replacing an argument with the converted
value.
... (the purpose is to ensure gc safety.) format const char * null-terminated string describing the types of the out parameters and how to convert the
values in argv.
...And 11 more matches
JS_SetProperty
assign a
value to a property of an object.
... syntax bool js_setproperty(jscontext *cx, js::handleobject obj, const char *name, js::handle
value v); bool js_setucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::handle
value v); bool js_setpropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::handle
value v); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime information.
... obj js::handle
value object to which the property to set belongs.
...And 11 more matches
SpiderMonkey 1.8.5
many getters and setters simply ignore the id anyway; if the
value is needed, use js_idto
value.
...it is safe for the setter to ignore the
value of the argument.
... js_newdouble, js_newdouble
value, and js_newnumber
value are gone.
...And 11 more matches
nsIAbCard
inherits from: nsisupports method overview astring getcard
value(in string name) void setcard
value(in string attrname, in astring
value) void copy(in nsiabcard srccard) boolean equals(in nsiabcard card) string converttobase64encodedxml() astring converttoxmlprintdata() string converttoescapedvcard() astring generatename(in long agenerateformat,[optional] in nsistringbundle abundle) astring...
... prefermailformat unsigned long allowed
values are stored in nsiabprefermailformat.
... allowremotecontent boolean allow remote content to be displayed in html mail received from this contact methods getcard
value() astring getcard
value(in string name) parameters name the attribute you want the
value for.
...And 11 more matches
nsIContentPrefService2
specifically, a content preference is a structure with three
values: a domain with which the preference is associated, a name that identifies the preference within its domain, and a
value.
... (see nsicontentpref below.) for example, if you want to remember the user's preference for a certain zoom level on www.mozilla.org pages, you might store a preference whose domain is "www.mozilla.org", whose name is "zoomlevel", and whose
value is the numeric zoom level.
...this interface doesn't impart any special significance to global preferences; they're simply name-
value pairs that aren't associated with any particular domain.
...And 11 more matches
nsIDOMSimpleGestureEvent
the "delta"
value represents the initial movement.
...the "delta"
value represents the movement since the last mozmagnifygesturestart or mozmagnifygestureupdate event.
...the "delta"
value is the cumulative amount represented by the user's gesture.
...And 11 more matches
nsISocketTransport
unsigned long gettimeout(in unsigned long atype); boolean isalive(); void settimeout(in unsigned long atype, in unsigned long a
value); attributes attribute type description connectionflags unsigned long a bitmask that can be used to modify underlying behavior of the socket connection.
... constants timeout type this constants are used by gettransport() and settransport() to specify socket timeouts constant
value description timeout_connect 0 connecting timeout.
...the
values of these status codes must never change.
...And 11 more matches
nsIWebProgressListener
constant
value description state_start 0x00000001 this flag indicates the start of a request.
... constant
value description state_is_request 0x00010000 this flag indicates that the state transition is for a request, which includes but is not limited to document requests.
... constant
value description state_restoring 0x01000000 this flag indicates that the state transition corresponds to the start or stop of activity for restoring a previously-rendered presentation.
...And 11 more matches
AudioParam.setTargetAtTime() - Web APIs
the settargetattime() method of the audioparam interface schedules the start of a gradual change to the audioparam
value.
... syntax var paramref = param.settargetattime(target, starttime, timeconstant); parameters target the
value the parameter will start to transition towards at the given start time.
... timeconstant the time-constant
value, given in seconds, of an exponential approach to the target
value.
...And 11 more matches
HTMLFormElement - Web APIs
htmlformelement.name a domstring reflecting the
value of the form's name html attribute, containing the name of the form.
... htmlformelement.method a domstring reflecting the
value of the form's method html attribute, indicating the http method used to submit the form.
... only specified
values can be set.
...And 11 more matches
MediaStreamTrack - Web APIs
mediastreamtrack.enabled a boolean whose
value of true if the track is enabled, that is allowed to render the media source stream; or false if it is disabled, that is not rendering the media source stream but silence and blackness.
... if the track has been disconnected, this
value can be changed but has no more effect.
... mediastreamtrack.isolated read only returns a boolean
value which is true if the track is isolated; that is, the track cannot be accessed by the document that owns the mediastreamtrack.
...And 11 more matches
Microdata DOM API - Web APIs
item
value [ =
value ] returns the element's
value.
... can be set, to change the element's
value.
... setting the
value when the element has no itemprop attribute or when the element's
value is an item throws an invalidaccesserror exception.
...And 11 more matches
SVGAngle - Web APIs
the svgangle interface is used to represent a
value that can be an <angle> or <number>
value.
... every svgangle object operates in one of two modes: reflect the base
value of a reflected animatable attribute (being exposed through the baseval member of an svganimatedangle), be detached, which is the case for svgangle objects created with svgsvgelement.createsvgangle().
... constants svg_angletype_unknown some unknown type of
value.
...And 11 more matches
WebGLRenderingContext.clearColor() - Web APIs
the webglrenderingcontext.clearcolor() method of the webgl api specifies the color
values used when clearing color buffers.
... this specifies what color
values to use when calling the clear() method.
... the
values are clamped between 0 and 1.
...And 11 more matches
A basic 2D WebGL animation example - Web APIs
we need to convert these
values so that both components of the position are in the range -1.0 to 1.0.
...the
values of z and w are fixed at 0.0 and 1.0, respectively, since we're drawing in 2d.
...then we set the global gl_fragcolor to the
value of the uniform uglobalcolor, which is set by the javascript code to the color being used to draw the square.
...And 11 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
options this example has a number of options you can configure by adjusting the
values of constants before you load it in the browser.
... const viewerstartposition = vec3.from
values(0, 0, -10); const viewerstartorientation = vec3.from
values(0, 0, 1.0); const cubeorientation = vec3.create(); const cubematrix = mat4.create(); const mousematrix = mat4.create(); const inverseorientation = quat.create(); const radians_per_degree = math.pi / 180.0; the first two—viewerstartposition and viewerstartorientation—indicate where the viewer will be placed relative to the center o...
... radians_per_degreee is the
value to multiply an angle in degrees by to convert the angle into radians.
...And 11 more matches
Migrating from webkitAudioContext - Web APIs
renaming of audioparam.settarget
valueattime the settarget
valueattime() method on the audioparam interface has been renamed to settargetattime().
... if your code is using settarget
valueattime(), you can simply rename it to use settargetattime().
... for example, if we have code that looks like this: var gainnode = context.creategain(); gainnode.gain.settarget
valueattime(0.0, 10.0, 1.0); you can rename the method, and be compliant with the standard, like so: var gainnode = context.creategain(); gainnode.gain.settargetattime(0.0, 10.0, 1.0); enumerated
values that changed the original webkitaudiocontext api used c-style number based enumerated
values in the api.
...And 11 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
try to use unique names for each item in a dialog so that voice dictation software doesn't have to deal with extra ambiguity.[important] get_acc
value: get the "
value" of the iaccessible, for example a number in a slider, a url for a link, the text a user entered in a field.
... get_accrole: get an enumerated
value representing what this iaccessible is used for, for example.
... put_acc
value: change the
value.
...And 11 more matches
Accessibility documentation index - Accessibility
20 using the aria-invalid attribute aria, accessibility, attribute, codingscripting, html, javascript, needscontent, role(2), agent, alert, user, useragent the aria-invalid attribute is used to indicate that the
value entered into an input field does not conform to the format expected by the application.this may include formats such as email addresses or telephone numbers.
... 22 using the aria-labelledby attribute aria, accessibility, broken link the aria-labelledby attribute establishes relationships between objects and their label(s), and its
value should be one or more element ids, which refer to elements that have the text needed for labeling.
... 24 using the aria-relevant attribute aria, accessibility, needsexample, arialive, attri the aria-relevant attribute is an optional
value used to describe what types of changes have occurred to an aria-live region, and which are relevant and should be announced.
...And 11 more matches
-webkit-tap-highlight-color - CSS: Cascading Style Sheets
-webkit-tap-highlight-color: red; -webkit-tap-highlight-color: transparent; /* for removing the highlight */ syntax
values a <color
value>.
... formal definition initial
valueblackapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <color>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-
value> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
-webkit-text-stroke - CSS: Cascading Style Sheets
/* 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> ]?
... ) | rgb( <number>{3} [ / <alpha-
value> ]?
...And 11 more matches
Using feature queries - CSS: Cascading Style Sheets
a feature query consists of the @supports rule, followed by the property name and
value you would like to test for.
... you may not test for a bare property name such as display; the rule requires a property name and a
value: @supports (property:
value) { css rules to apply } if you want to check if a browser supports the row-gap property, for example, you would write the following feature query.
... it doesn't matter which
value you use in a lot of cases: if all you want is to check that the browser supports this property, then any valid
value will do.
...And 11 more matches
border-image - CSS: Cascading Style Sheets
ear-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 / 35px; /* source | slice | width | outset | repeat */ border-image: url("/images/border.png") 27 23 / 50px 30px / 1rem round space; the border-image property may be specified with anywhere from one to five of the
values listed below.
... note: if the computed
value of border-image-source is none, or if the image cannot be displayed, the border-style will be displayed instead.
...
values <'border-image-source'> the source image.
...And 11 more matches
break-after - CSS: Cascading Style Sheets
/* generic break
values */ break-after: auto; break-after: avoid; break-after: always; break-after: all; /* page break
values */ break-after: avoid-page; break-after: page; break-after: left; break-after: right; break-after: recto; break-after: verso; /* column break
values */ break-after: avoid-column; break-after: column; /* region break
values */ break-after: avoid-region; break-after: region; /* global
values */ break-after: inherit; break-after: initial; break-after: unset; each possible break point (in other words, each element boundary) is affected by three properties: the break-after
value of the previous element, the br...
...eak-before
value of the next element, and the break-inside
value of the containing element.
... to determine if a break must be done, the following rules are applied: if any of the three concerned
values is a forced break
value (always, left, right, page, column, or region), it has precedence.
...And 11 more matches
break-before - CSS: Cascading Style Sheets
/* generic break
values */ break-before: auto; break-before: avoid; break-before: always; break-before: all; /* page break
values */ break-before: avoid-page; break-before: page; break-before: left; break-before: right; break-before: recto; break-before: verso; /* column break
values */ break-before: avoid-column; break-before: column; /* region break
values */ break-before: avoid-region; break-before: region; /* global
values */ break-before: inherit; break-before: initial; break-before: unset; each possible break point (in other words, each element boundary) is affected by three properties: the break-after
value of the previ...
...ous element, the break-before
value of the next element, and the break-inside
value of the containing element.
... to determine if a break must be done, the following rules are applied: if any of the three concerned
values is a forced break
value (always, left, right, page, column, or region), it has precedence.
...And 11 more matches
<custom-ident> - CSS: Cascading Style Sheets
it is case-sensitive, and certain
values are forbidden in various contexts to prevent ambiguity.
... forbidden
values a <custom-ident> must not be placed between single or double quotes as this would be identical to a <string>.
... to prevent ambiguity, each property that uses <custom-ident> forbids the use of specific
values: animation-name forbids the global css
values (unset, initial, and inherit), as well as none.
...And 11 more matches
flex - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: flex-grow flex-shrink flex-basis syntax /* keyword
values */ flex: auto; flex: initial; flex: none; /* one
value, unitless number: flex-grow */ flex: 2; /* one
value, width/height: flex-basis */ flex: 10em; flex: 30%; flex: min-content; /* two
values: flex-grow | flex-basis */ flex: 1 30px; /* two
values: flex-grow | flex-shrink */ flex: 2 2; /* three
values: flex-grow | flex-shrink | flex-basis */ flex: 2 2 10%; /* global
values */ flex: inherit...
...; flex: initial; flex: unset; the flex property may be specified using one, two, or three
values.
... one-
value syntax: the
value must be one of: a <number>: in this case it is interpreted as flex: <number> 1 0; the <flex-shrink>
value is assumed to be 1 and the <flex-basis>
value is assumed to be 0.
...And 11 more matches
font-stretch - CSS: Cascading Style Sheets
/* keyword
values */ font-stretch: ultra-condensed; font-stretch: extra-condensed; font-stretch: condensed; font-stretch: semi-condensed; font-stretch: normal; font-stretch: semi-expanded; font-stretch: expanded; font-stretch: extra-expanded; font-stretch: ultra-expanded; /* percentage
values */ font-stretch: 50%; font-stretch: 100%; font-stretch: 200%; /* global
values */ font-stretch: inherit; font-stretch: initial; font-stretch: unset; syntax this property may be specified as a single keyword
value or a single <percentage>
value.
...
values normal specifies a normal font face.
... <percentage> a <percentage>
value between 50% and 200% (inclusive).
...And 11 more matches
justify-content - CSS: Cascading Style Sheets
the interactive example below demonstrates some of the
values using grid layout.
...ems from the start */ justify-content: end; /* pack items from the end */ justify-content: flex-start; /* pack flex items from the start */ justify-content: flex-end; /* pack flex items from the end */ justify-content: left; /* pack items from the left */ justify-content: right; /* pack items from the right */ /* baseline alignment */ /* justify-content does not take baseline
values */ /* normal alignment */ justify-content: normal; /* distributed alignment */ justify-content: space-between; /* distribute items evenly the first item is flush with the start, the last is flush with the end */ justify-content: space-around; /* distribute items evenly items have a half-si...
...tent: space-evenly; /* distribute items evenly items have equal space around them */ justify-content: stretch; /* distribute items evenly stretch 'auto'-sized items to fit the container */ /* overflow alignment */ justify-content: safe center; justify-content: unsafe center; /* global
values */ justify-content: inherit; justify-content: initial; justify-content: unset;
values start the items are packed flush to each other toward the start edge of the alignment container in the main axis.
...And 11 more matches
perspective-origin - CSS: Cascading Style Sheets
syntax /* one-
value syntax */ perspective-origin: x-position; /* two-
value syntax */ perspective-origin: x-position y-position; /* when both x-position and y-position are keywords, the following is also valid */ perspective-origin: y-position x-position; /* global
values */ perspective-origin: inherit; perspective-origin: initial; perspective-origin: unset;
values x-position indicates the position of the...
...it can have one of the following
values: <length-percentage> indicating the position as an absolute length
value or relative to the width of the element.
... the
value may be negative.
...And 11 more matches
place-content - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: align-content justify-content syntax /* positional alignment */ /* align-content does not take left and right
values */ place-content: center start; place-content: start center; place-content: end left; place-content: flex-start center; place-content: flex-end center; /* baseline alignment */ /* justify-content does not take baseline
values */ place-content: baseline center; place-content: first baseline space-evenly; place-content: last baseline right; /* distributed alignment */ place-content: space-betwee...
...n space-evenly; place-content: space-around space-evenly; place-content: space-evenly stretch; place-content: stretch space-evenly; /* global
values */ place-content: inherit; place-content: initial; place-content: unset; the first
value is the align-content property
value, the second the justify-content one.
... important: if the second
value is not present, the first
value is used for both, provided it is a valid
value for both.
...And 11 more matches
revert - CSS: Cascading Style Sheets
the revert css keyword reverts the cascaded
value of the property from its current
value to the
value the property would have had if no changes had been made by the current style origin to the current element.
... thus, it resets the property to its inherited
value if it inherits from its parent or to the default
value established by the user agent's stylesheet (or by user styles, if any exist).
... if used by a site's own styles (the author origin), revert rolls back the property's cascaded
value to the user's custom style, if one exists; otherwise, it rolls the style back to the user agent's default style.
...And 11 more matches
<td>: The Table Data Cell element - HTML: Hypertext Markup Language
colspan this attribute contains a non-negative integer
value that indicates for how many columns the cell extends.
... its default
value is 1.
...
values higher than 1000 will be considered as incorrect and will be set to the default
value (1).
...And 11 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
headers defined in the fetch spec as a “forbidden header name”), the only headers which are allowed to be manually set are those which the fetch spec defines as a “cors-safelisted request-header”, which are: accept accept-language content-language content-type (but note the additional requirements below) dpr downlink save-data viewport-width width the only allowed
values for the content-type header are: application/x-www-form-urlencoded multipart/form-data text/plain no event listeners are registered on any xmlhttprequestupload object used in the request; these are accessed using the xmlhttprequest.upload property.
... note: webkit nightly and safari technology preview place additional restrictions on the
values allowed in the accept, accept-language, and content-language headers.
... if any of those headers have ”nonstandard”
values, webkit/safari does not consider the request to be a “simple request”.
...And 11 more matches
Content negotiation - HTTP
browsers are free to use the
value of the header that they think is the most adequate; an exhaustive list of default
values for common browsers is available.
...the device-memory
value is in chrome 61 or later.
...valid
values are:
value meaning device-memory indicates the approximate amount of device ram.
...And 11 more matches
Array.prototype.forEach() - JavaScript
syntax arr.foreach(callback(current
value [, index [, array]])[, thisarg]) parameters callback function to execute on each element.
... it accepts between one and three arguments: current
value the current element being processed in the array.
... index optional the index current
value in the array.
...And 11 more matches
Array.from() - JavaScript
thisarg optional
value to use as this when executing mapfn.
... return
value a new array instance.
... this is especially important for certain array subclasses, like typed arrays, since the intermediate array would necessarily have
values truncated to fit into the appropriate type.
...And 11 more matches
Boolean - JavaScript
the boolean object is an object wrapper for a boolean
value.
... description the
value passed as the first parameter is converted to a boolean
value, if necessary.
... if the
value is omitted or is 0, -0, null, false, nan, undefined, or the empty string (""), the object has an initial
value of false.
...And 11 more matches
DataView - JavaScript
return new int16array(buffer)[0] === 256; })(); console.log(littleendian); // true or false 64-bit integer
values because javascript does not currently include standard support for 64-bit integer
values, dataview does not offer native 64-bit operations.
... as a workaround, you could implement your own getuint64() function to obtain a
value with precision up to number.max_safe_integer, which could suffice for certain cases.
... function getuint64(dataview, byteoffset, littleendian) { // split 64-bit number into two 32-bit (4-byte) parts const left = dataview.getuint32(byteoffset, littleendian); const right = dataview.getuint32(byteoffset+4, littleendian); // combine the two 32-bit
values const combined = littleendian?
...And 11 more matches
Intl.Collator() constructor - JavaScript
possible
values include: "big5han", "dict", "direct", "ducet", "gb2312", "phonebk", "phonetic", "pinyin", "reformed", "searchjl", "stroke", "trad", "unihan".
... the "standard" and "search"
values are ignored; they are replaced by the options property usage (see below).
...possible
values are "true" and "false".
...And 11 more matches
Map.prototype.forEach() - JavaScript
the foreach() method executes a provided function once per each key/
value pair in the map object, in insertion order.
... syntax mymap.foreach(callback([
value][,key][,map])[, thisarg]) parameters callback function to execute for each entry of mymap.
... it takes the following arguments:
value optional
value of each iteration.
...And 11 more matches
Uint8ClampedArray - JavaScript
the uint8clampedarray typed array represents an array of 8-bit unsigned integers clamped to 0-255; if you specified a
value that is out of the range of [0,255], 0 or 255 will be set instead; if you specify a non-integer, the nearest integer will be set.
... static properties uint8clampedarray.bytes_per_element returns a number
value of the element size.
... uint8clampedarray.name returns the string
value of the constructor name.
...And 11 more matches
isNaN() - JavaScript
the isnan() function determines whether a
value is nan or not.
... syntax isnan(
value) parameters
value the
value to be tested.
... return
value true if the given
value is nan; otherwise, false.
...And 11 more matches
Destructuring assignment - JavaScript
the destructuring assignment syntax is a javascript expression that makes it possible to unpack
values from arrays, or properties from objects, into distinct variables.
... const x = [1, 2, 3, 4, 5]; the destructuring assignment uses similar syntax, but on the left-hand side of the assignment to define what
values to unpack from the sourced variable.
... examples array destructuring basic variable assignment const foo = ['one', 'two', 'three']; const [red, yellow, green] = foo; console.log(red); // "one" console.log(yellow); // "two" console.log(green); // "three" assignment separate from declaration a variable can be assigned its
value via destructuring separate from the variable's declaration.
...And 11 more matches
Digital audio concepts - Web media technologies
at regular intervals, the a/d converter circuitry reads the voltage of the signal as a
value between (in this case) -1.0 and +1.0.
... since the amplitude varies over the duration of that time slice, the a/d converter must choose a
value to represent that slice, whether by simply taking the
value at a particular moment (in the diagram above, the midpoint of each slice is used as the
value), or by averaging the amplitude over the duration of each sample.
... those sample
values are then recorded as the amplitude of the waveform at that time.
...And 11 more matches
href - SVG: Scalable Vector Graphics
value <url> default
value none animatable yes animate, animatemotion, animatetransform, set for the <animate>, <animatemotion>, <animatetransform>, and <set>, href defines a url referring to the element which is the target of this animation element and which therefore will be modified over time.
...if both xlink:href and href are specified, the
value of the latter attribute is used.
...
value <url> default
value none animatable no discard for <discard>, href defines a url referring the target element to discard.
...And 11 more matches
ui/button/toggle - Archive of obsolete content
by default the badge's color is red, but you can set your own color using the badgecolor property, specified as a css <color>
value: var { togglebutton } = require("sdk/ui/button/toggle"); var button = togglebutton({ id: "my-button1", label: "my button1", icon: "./icon-16.png", onchange: changed, badge: 0, badgecolor: "#00aaaa" }); function changed(state) { button.badge = state.badge + 1; if (state.checked) { button.badgecolor = "#aa00aa"; } else { button.badgecolor = "#00aaaa"; ...
...initially the buttons in all tabs and windows will display the label
value inherited from the global state: browser: label = "my default" w1 t1 > displays "my default" t2 > displays "my default" w2 t3 > displays "my default" t4 > displays "my default" if you then set a label specific to t3 as "my t3 label", then set a label state specific to w2 as "my w2 label", then the button displayed when t3 ...
...you can specify this in one of three ways: as a resource:// url pointing at an icon file in your add-on's "data" directory, typically constructed using self.data.url(iconfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-
value pairs.
...And 10 more matches
Install script template - Archive of obsolete content
error code in case secondary installation fails var nosecondaryinstall = 1; // error return codes need some memory var err; // error return codes when we try and install to the current browser var errblock1; // error return codes when we try and do a secondary installation var errblock2 = 0; // global variable containing our secondary install location var secondaryfolder; //special error
values used by the cycore developers (www.cycore.com) who helped make this install script var exceptionoccurederror = -4711; var winregisnullerror = -4712; var invalidrootkeyerror = -4713; var registrykeynotwritableerror = -4714; //initinstall block //the installation is initialized here -- if we fail here, cancel the installation // initinstall is quite an overloaded method...
... * * @param rootkey must be one of these two string
values hkey_local_machine or hkey_current_user * @param plidid plid for plugins * @param dllabsolutepath the fully qualified path to the dll * @param xptabsolutepath the fully qualified path to the xpt * @param plugindescription a string describing the plugin * @param vendor a string describing the vendor * @param productname the name of this software * @param pluginversion...
...errorcode="+myregstatus); return myregstatus; } } // ok were done, let's write info about our plugin, path, productname, etc // write a subkey to mozillaplugins with our plid //var mysetstrrc = winreg.set
valuestring(plidpath, plidid, dllabsolutepath); mymozillapluginpath = plidpath+"\\"+plidid; // for instance.
...And 10 more matches
Additional Navigation - Archive of obsolete content
however, a string
value may be used instead.
...the object attribute may be a resource uri or a literal
value.
...here is an example triple that we could use in the photos example: <query> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="canal"/> </query> this new triple has a static
value for the object attribute instead of a variable reference.
...And 10 more matches
Simple Query Syntax - Archive of obsolete content
here is what it might look like: <template> <vbox class="box-padded" uri="rdf:*"> <image src="rdf:*"/> <label
value="rdf:http://purl.org/dc/elements/1.1/title"/> </vbox> </template> there is no <query> or <action> element used.
...there are several attributes in the example xul content above that have
values prefixed with 'rdf:'.
...for example, the label's
value attribute has a
value of rdf:http://purl.org/dc/elements/1.1/title'.
...And 10 more matches
Focus and Selection - Archive of obsolete content
example 2 : source view <script> function displayfocus(){ var elem=document.getelementbyid('sbar'); elem.setattribute('
value','enter your phone number.'); } </script> <textbox id="tbox1"/> <textbox id="tbox2" onfocus="displayfocus();"/> <description id="sbar"
value=""/> the focus event, when it occurs, will call the displayfocus function.
... this function will change the
value of the text label.
...for instance, you might update a total as the user enters
values in other fields, or use focus events to validate certain
values.
...And 10 more matches
XUL controls - Archive of obsolete content
<datepicker
value="2007/03/26"/> datepicker reference <datepicker type="grid"> a datepicker which displays a calendar grid for selecting a date.
... <datepicker type="grid"
value="2007/02/20"/> datepicker reference <datepicker type="popup" > a datepicker which displays a set of textboxes for date entry, but also has a button for displaying a popup calendar grid.
... <datepicker type="popup"
value="2008/08/24"/> datepicker reference <description> the description element is used for descriptive text.
...And 10 more matches
checkbox - Archive of obsolete content
crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
... for example, for a menuitem in a menu you can add the following css rule when you want to use the
value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
...And 10 more matches
tabs - Archive of obsolete content
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...
... properties accessibletype type: integer a
value indicating the type of accessibility object for the element.
... disabled type: boolean gets and sets the
value of the disabled attribute.
...And 10 more matches
Primitive - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, a primitive (primitive
value, primitive data type) is data that is not an object and has no methods.
... most of the time, a primitive
value is represented directly at the lowest level of the language implementation.
...it is important not to confuse a primitive itself with a variable assigned a primitive
value.
...And 10 more matches
The box model - Learn web development
the type of box applied to an element is defined by display property
values such as block and inline, and relates to the outer
value of display.
... we can, however, change the inner display type by using display
values like flex.
... note: to read more about the
values of display, and how boxes work in block and inline layout, take a look at the mdn guide to block and inline layout.
...And 10 more matches
Adding a new todo form: Vue events, methods, and models - Learn web development
mdn has a list of valid key
values; multi-word keys just need to be converted to kebab case (e.g.
... binding data to inputs with v-model next up, we need a way to get the
value from the form's <input> so we can add the new to-do item to our todoitems data list.
... the first thing we need is a data property in our form to track the
value of the to-do.
...And 10 more matches
The Firefox codebase: CSS Guidelines
some examples to avoid: absolutely positioned elements hardcoded
values such as: vertical-align: -2px; .
... the reason you should avoid such "hardcoded"
values is that, they don't necessarily work for all font-size configurations.
... omit units on 0
values do this: margin: 0; not this: margin: 0px; use expanded syntax it is often harder to understand what the shorthand is doing and the shorthand can also hide some unwanted default
values.
...And 10 more matches
NSS Tools certutil
a keyid is the modulus of the rsa key or the public
value of the dsa key.
... -m modify a certificate's trust attributes using the
values of the -t argument.
...the default
value is rsa.
...And 10 more matches
Tracing JIT
lins
values are depicted in blue in the schematic diagram.
... the recorder in jstracer inserts lins
values into a lir buffer held in a page, itself contained within a logical fragment, and the nanojit compilation pipeline and assembler transform the lins
values into nins
values.
...as the compilation pipeline inserts lir instructions (lins
values) into the fragment, it allocates pages to store the lir code.
...And 10 more matches
SpiderMonkey Internals
design walk-through at heart, spidermonkey is a fast interpreter that runs an untyped bytecode and operates on
values of type js::
value—type-tagged
values that represent the full range of javascript
values.
... in addition to the interpreter, spidermonkey contains a just-in-time (jit) compiler, a garbage collector, code implementing the basic behavior of javascript
values, a standard library implementing ecma 262-5.1 §15 with various extensions, and a few public apis.
...semantic and lexical feedback are used to disambiguate hard cases such as missing semicolons, assignable expressions ("l
values" in c parlance), and whether / is the division symbol or the start of a regular expression.
...And 10 more matches
imgIContainer
obsolete since gecko 1.9.2 type unsigned short the type of this image (one of the type_*
values above).
... constants constant
value description type_raster 0 enumerated
values for the 'type' attribute (below).
... frame_max_
value should be set to the
value of the maximum constant above, as it is used for ensuring that a valid
value was passed in.
...And 10 more matches
nsIAccessibleRetrieval
return
value the nsiaccessible for the given dom node.
... return
value the nsiaccessible for the given dom node.
... return
value the nsiaccessible for the given dom node.
...And 10 more matches
nsICategoryManager
xpcom/components/nsicategorymanager.idlscriptable this interface provides access to a data structure that holds a list of name-
value pairs, called categories, where each
value is a list of strings.
...to use this service, use: var categorymanager = components.classes["@mozilla.org/categorymanager;1"] .getservice(components.interfaces.nsicategorymanager); method overview string addcategoryentry(in string acategory, in string aentry, in string a
value, in boolean apersist, in boolean areplace); void deletecategory(in string acategory); void deletecategoryentry(in string acategory, in string aentry, in boolean apersist); nsisimpleenumerator enumeratecategories(); nsisimpleenumerator enumeratecategory(in string acategory); string getcategoryentry(in string acategory, in string aentry); methods ...
... addcategoryentry() this method sets the
value for the given entry on the given category.
...And 10 more matches
nsILoginInfo
return
value an nsilogininfo containing a clone of the login on which this method was invoked.
... return
value true if the two logins are exactly equal or false if they're not.
... void init( in astring ahostname, in astring aformsubmiturl, in astring ahttprealm, in astring ausername, in astring apassword, in astring ausernamefield, in astring apasswordfield ); parameters ahostname the
value to assign to the hostname field.
...And 10 more matches
nsIMsgIdentity
inherits from: nsisupports method overview void clearall
values(); void copy(in nsimsgidentity identity); astring getunicharattribute(in string name); void setunicharattribute(in string name, in astring
value); acstring getcharattribute(in string name); void setcharattribute(in string name, in acstring
value); boolean getboolattribute(in string name); void setboolattribute(in string name, in boolean
value); long getintattribute(in string name); void setintattribute(in st...
...ring name, in long
value); astring tostring(); attributes attribute type description identityname astring fullname astring user's full name, i.e.
... methods clearall
values() note: this is really dangerous!
...And 10 more matches
nsIXPCScriptable
constants constant
value description want_precreate 1 << 0 want_create 1 << 1 want_postcreate 1 << 2 want_addproperty 1 << 3 want_delproperty 1 << 4 want_getproperty 1 << 5 want_setproperty 1 << 6 want_enumerate 1 << 7 want_newenumerate 1 << 8 indicates that the object wants to have its newenumerate method called.
...ers wrapper cx obj postcreate() void postcreate( in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj ); parameters wrapper cx obj addproperty() prbool addproperty( in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in jsvalptr vp ); parameters wrapper cx obj id vp return
value delproperty() prbool delproperty( in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in jsvalptr vp ); parameters wrapper cx obj id vp return
value getproperty() prbool getproperty( in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in jsvalptr vp ); parameters wra...
...pper cx obj id vp return
value ns_success_i_did_something if this method does something.
...And 10 more matches
XPIDL
note that if both properties are set, the jscontext *cx is added first, followed by the uint8_t _argc, and then ending with return
value parameter.
...this infallible getter contains code that calls the fallible getter, asserts success, and returns the gotten
value directly.
...an out parameter is essentially an auxiliary return
value, although these are moderately cumbersome to use from script contexts and should therefore be avoided if reasonable.
...And 10 more matches
Edit Shape Paths in CSS - Firefox Developer Tools
the shape path editor is a tool that helps you see and edit shapes created using clip-path and also the css shape-outside property and <basic-shape>
values.
...once you have selected your element, you should see the shape icon alongside any valid
value, e.g.
...to understand the margin box, and other boxes used by css shapes see our guide to shapes from box
values.
...And 10 more matches
AudioListener.setOrientation() - Web APIs
the front vector's default
value is (0, 0, -1).
...the up vector's default
value is (0, 1, 0).
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
...And 10 more matches
AudioWorkletProcessor.process - Web APIs
each sample
value is in range of [-1 ..
... parameters an object containing string keys and float32array
values.
... for each custom audioparam defined using the parameterdescriptors getter, the key in the object is a name of that audioparam, and the
value is a float32array.
...And 10 more matches
Using the Gamepad API - Web APIs
the navigator.getgamepads() method returns an array of all devices currently visible to the webpage, as gamepad objects (the first
value is always null, so null will be returned if there are no gamepads connected.) this can then be used to get the same information.
...if this is so the
value is true; if not, it is false.
...each gamepadbutton has a pressed and a
value property: the pressed property is a boolean indicating whether the button is currently pressed (true) or unpressed (false).
...And 10 more matches
HTMLInputElement.stepUp() - Web APIs
the htmlinputelement.stepup() method increments the
value of a numeric type of <input> element by the
value of the step attribute, or the default step
value if the step attribute is not explicitly set.
... the method, when invoked, increments the
value by (step * n), where n defaults to 1 if not specified, and step defaults to the default
value for step if not specified.
... input type default step
value example step declaration date 1 (day) 7 day (one week) increments: <input type="date" min="2019-12-25" step="7"> month 1 (month) 12 month (one year) increments: <input type="month" min="2019-12" step="12"> week 1 (week) two week increments: <input type="week" min="2019-w23" step="2"> time 60 (seconds) 900 second (15 minute) increments: <input type="time" min="09:00" step="900"> datetime-local 1 (day) same day of the week: <input type="datetime-local" min="019-12-25t19:30" step="7"> number 1 0.1 increments <input type="number" min="0" step="0.1" max="10"> range 1 increments by 2: <input type="range" min="0" step="2" ma...
...And 10 more matches
HTMLMarqueeElement - Web APIs
possible
values are scroll, slide and alternate.
... if no
value is specified, the default
value is scroll.
... htmlmarqueeelement.bgcolor sets the background color through color name or hexadecimal
value.
...And 10 more matches
KeyboardEvent() - Web APIs
syntax event = new keyboardevent(typearg, keyboardeventinit);
values typearg is a domstring representing the name of the event.
... keyboardeventinitoptional is a keyboardeventinit dictionary, having the following fields: "key", optional and defaulting to "", of type domstring, that sets the
value of keyboardevent.key.
... "code", optional and defaulting to "", of type domstring, that sets the
value of keyboardevent.code.
...And 10 more matches
MouseEvent.initMouseEvent() - Web APIs
the mouseevent.initmouseevent() method initializes the
value of a mouse event once it's been created (normally using the document.createevent() method).
...sets the
value of event.bubbles.
...sets the
value of event.cancelable.
...And 10 more matches
RTCRtpSendParameters.encodings - Web APIs
syntax sendparameters.encodings = encodingparameterlist; encodingparameterlist = sendparameters.encodings;
value an array of objects conforming to the rtcrtpencodingparameters dictionary, each of which contains properties which provide settings and parameters that describe and configure a single codec that could be used to encode the track.
...the default
value is true.
... codecpayloadtype when describing a codec for an rtcrtpsender, codecpayloadtype is a single 8-bit byte (or octet) specifying the codec to use for sending the stream; the
value matches one from the owning rtcrtpparameters object's codecs parameter.
...And 10 more matches
SVGSVGElement - Web APIs
when the browser is actually rendering the content, then the position and size
values represent the actual
values when rendering.
... the position and size
values are unitless
values in the coordinate system of the parent element.
... if no parent element exists (i.e., <svg> element represents the root of the document tree), if this svg document is embedded as part of another document (e.g., via the html <object> element), then the position and size are unitless
values in the coordinate system of the parent document.
...And 10 more matches
URLSearchParams - Web APIs
an object implementing urlsearchparams can directly be used in a for...of structure, for example the following two lines are equivalent: for (const [key,
value] of mysearchparams) {} for (const [key,
value] of mysearchparams.entries()) {} note: this feature is available in web workers.
... methods urlsearchparams.append() appends a specified key/
value pair as a new search parameter.
... urlsearchparams.delete() deletes the given search parameter, and its associated
value, from the list of all search parameters.
...And 10 more matches
WebGLRenderingContext.getUniformLocation() - Web APIs
once you have the uniform's location, you can access the uniform itself using one of the other uniform access methods, passing in the uniform location as one of the inputs: getuniform() returns the
value of the uniform at the given location.
... uniform[1234][fi][v]() sets the uniform's
value to the specified
value, which may be a single floating point or integer number, or a 2-4 component vector specified either as a list of
values or as a float32array or int32array.
... uniformmatrix[234][fv]() sets the uniform's
value to the specified matrix, possibly with transposition.
...And 10 more matches
WebGL model view projection - Web APIs
for this example, it's easiest to illustrate how clip space works by simply using model coordinate
values ranging from (-1,-1,-1) to (1,1,1).
...the smaller z
values are rendered on top of the larger z
values.
...the
value of w is used as a divisor for the other components of the coordinate, so that the true
values of x, y, and z are computed as x/w, y/w, and z/w (and w is then also w/w, becoming 1).
...And 10 more matches
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
if this parameter is omitted, a
value of 0 is used, meaning execute "immediately", or more accurately, the next event cycle.
... return
value the returned timeoutid is a positive integer
value which identifies the timer created by the call to settimeout(); this
value can be passed to cleartimeout() to cancel the timeout.
...example: settimeout(function(arg1){}.bind(undefined, 10), 1000); the "this" problem when you pass a method to settimeout() (or any other function, for that matter), it will be invoked with a this
value that may differ from your expectation.
...And 10 more matches
align-content - CSS: Cascading Style Sheets
the interactive example below use grid layout to demonstrate some of the
values of this property.
... syntax /* basic positional alignment */ /* align-content does not take left and right
values */ align-content: center; /* pack items around the center */ align-content: start; /* pack items from the start */ align-content: end; /* pack items from the end */ align-content: flex-start; /* pack flex items from the start */ align-content: flex-end; /* pack flex items from the end */ /* normal alignment */ align-content: normal; /* baseline alignment */ align-content: bas...
...*/ align-content: space-evenly; /* distribute items evenly items have equal space around them */ align-content: stretch; /* distribute items evenly stretch 'auto'-sized items to fit the container */ /* overflow alignment */ align-content: safe center; align-content: unsafe center; /* global
values */ align-content: inherit; align-content: initial; align-content: unset;
values start the items are packed flush to each other against the start edge of the alignment container in the cross axis.
...And 10 more matches
all - CSS: Cascading Style Sheets
it can set properties to their initial or inherited
values, or to the
values specified in another stylesheet origin.
... syntax /* global
values */ all: initial; all: inherit; all: unset; /* css cascading and inheritance level 4 */ all: revert; the all property is specified as one of the css global keyword
values.
... note that none of these
values affect the unicode-bidi and direction properties.
...And 10 more matches
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 4rem; /* global keywords */ border-width: inherit; border-width: initial; border-width: unse...
...t; the border-width property may be specified using one, two, three, or four
values.
... when one
value is specified, it applies the same width to all four sides.
...And 10 more matches
font-variant-alternates - CSS: Cascading Style Sheets
these alternate glyphs may be referenced by alternative names defined in @font-feature-
values.
... /* keyword
values */ font-variant-alternates: normal; font-variant-alternates: historical-forms; /* functional notation
values */ font-variant-alternates: stylistic(user-defined-ident); font-variant-alternates: styleset(user-defined-ident); font-variant-alternates: character-variant(user-defined-ident); font-variant-alternates: swash(user-defined-ident); font-variant-alternates: ornaments(user-defined-ident); font-variant-alternates: annotation(user-defined-ident); font-variant-alternates: swash(ident1) annotation(ident2); /* global
values */ font-variant-alternates: initial; font-variant-alternates: inherit; font-variant-alternates: unset; the @font-feature-
values at-rule can define names for alternative glyph functions (stylistic, styleset, character-variant, swash, ornament or annotati...
...this property allows those human-readable names (defined in @font-feature-
values) in the stylesheet.
...And 10 more matches
justify-items - CSS: Cascading Style Sheets
for absolutely-positioned elements, it aligns the items inside their containing block on the inline axis, accounting for the offset
values of top, left, bottom, and right.
...tems: right; /* pack items from the right */ /* baseline alignment */ justify-items: baseline; justify-items: first baseline; justify-items: last baseline; /* overflow alignment (for positional alignment only) */ justify-items: safe center; justify-items: unsafe center; /* legacy alignment */ justify-items: legacy right; justify-items: legacy left; justify-items: legacy center; /* global
values */ justify-items: inherit; justify-items: initial; justify-items: unset; this property can take one of four different forms: basic keywords: one of the keyword
values normal, auto, or stretch.
...
values auto the
value used is the
value of the justify-items property of the parents box, unless the box has no parent, or is absolutely positioned, in these cases, auto represents normal.
...And 10 more matches
<length> - CSS: Cascading Style Sheets
the <length> css data type represents a distance
value.
... note: although <percentage>
values are also css dimensions, and are usable in some of the same properties that accept <length>
values, they are not themselves <length>
values.
... font-relative lengths font-relative lengths define the <length>
value in terms of the size of a particular character or font attribute in the font currently in effect in an element or its parent.
...And 10 more matches
max() - CSS: Cascading Style Sheets
the max() css function lets you set the largest (most positive)
value from a list of comma-separated expressions as the
value of a css property
value.
...think of the max()
value as providing the minimum
value a property can have.
... syntax the max() function takes one or more comma-separated expressions as its parameter, with the largest (most positive) expression
value used as the
value of the property to which it is assigned.
...And 10 more matches
text-overflow - CSS: Cascading Style Sheets
syntax the text-overflow property may be specified using one or two
values.
... if one
value is given, it specifies overflow behavior for the end of the line (the right end for left-to-right text, the left end for right-to-left text).
... if two
values are given, the first specifies overflow behavior for the left end of the line, and the second specifies it for the right end of the line.
...And 10 more matches
Date and time formats used in HTML - HTML: Hypertext Markup Language
certain html elements use date and/or time
values.
... the formats of the strings that specify these
values are described in this article.
... for <input>, the
values of type that return a
value which contains a string representing a date and/or time are: date datetime datetime-local month time week examples before getting into the intricacies of how date and time strings are written and parsed in html, here are some examples that should give you a good idea what the more commonly-used date and time string formats look like.
...And 10 more matches
<area> - HTML: Hypertext Markup Language
coords a set of
values specifying the coordinates of the hot-spot region.
... the number and meaning of the
values depend upon the
value specified for the shape attribute.
... rect or rectangle: the
value is two x,y pairs: left, top, right, bottom.
...And 10 more matches
<input type="file"> - HTML: Hypertext Markup Language
value a domstring representing the path to the selected file.
... events change and input supported common attributes required additional attributes accept, capture, files, multiple idl attributes files and
value dom interface htmlinputelement properties properties that apply only to elements of type file methods select()
value a file input's
value attribute contains a domstring that represents the path to the selected file(s).
... if the user selected multiple files, the
value represents the first file in the list of files they selected.
...And 10 more matches
<input type="image"> - HTML: Hypertext Markup Language
value none — the
value attribute should not be specified.
...
value <input type="image"> elements do not accept
value attributes.
...there are three permitted
values: application/x-www-form-urlencoded this, the default
value, sends the form data as a string after url encoding the text using an algorithm such as encodeuri().
...And 10 more matches
Microformats - HTML: Hypertext Markup Language
microformats use supporting vocabularies to describe objects and name-
value pairs to assign
values to their properties.
... the properties are carried in class attributes that can be added to any html element, while the data
values re-use html element content and semantic attributes.
...properties are all optional and potentially multi
valued - applications needing a singular
value may use the first instance of a property.
...And 10 more matches
Index - HTTP
an http header consists of its case-insensitive name followed by a colon ':', then by its
value (without line breaks).
... leading white space before the
value is ignored.
...browsers set adequate
values for this header depending on the context where the request is done: when fetching a css stylesheet a different
value is set for the request than when fetching an image, video or a script.
...And 10 more matches
Control flow and error handling - JavaScript
for example, do not write code like this: // prone to being misread as "x == y" if (x = y) { /* statements here */ } if you need to use an assignment in a conditional expression, a common practice is to put additional parentheses around the assignment, like this: if ((x = y)) { /* statements here */ } falsy
values the following
values evaluate to false (also known as falsy
values): false undefined null 0 nan the empty string ("") all other
values—including all objects—evaluate to true when passed to a conditional statement.
... caution: do not confuse the primitive boolean
values true and false with the true and false
values of the boolean object!
... function checkdata() { if (document.form1.threechar.
value.length == 3) { return true; } else { alert( 'enter exactly three characters.
...And 10 more matches
Loops and iteration - JavaScript
for example, the idea "go five steps to the east" could be expressed this way as a loop: for (let step = 0; step < 5; step++) { // runs 5 times, with
values of step 0 through 4.
...if the
value of conditionexpression is true, the loop statements execute.
... if the
value of condition is false, the for loop terminates.
...And 10 more matches
Functions - JavaScript
values can be passed to a function, and the function will return a
value.
... to return a
value other than the default, a function must have a return statement that specifies the
value to return.
... a function without a return statement will return a default
value.
...And 10 more matches
Array.prototype.findIndex() - JavaScript
see also the find() method, which returns the
value of an array element, instead of its index.
... syntax arr.findindex(callback( element[, index[, array]] )[, thisarg]) parameters callback a function to execute on each
value in the array until the function returns true, indicating that the satisfying element was found.
... return
value the index of the first element in the array that passes the test.
...And 10 more matches
BigInt64Array - JavaScript
static properties bigint64array.bytes_per_element returns a number
value of the element size.
... bigint64array.name returns the string
value of the constructor name.
... bigint64array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
BigUint64Array - JavaScript
static properties biguint64array.bytes_per_element returns a number
value of the element size.
... biguint64array.name returns the string
value of the constructor name.
... biguint64array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Date.prototype.getYear() - JavaScript
syntax dateobj.getyear() return
value a number representing the year of the given date, according to local time, minus 1900.
... description for years greater than or equal to 2000, the
value returned by getyear() is 100 or greater.
... for years between and including 1900 and 1999, the
value returned by getyear() is between 0 and 99.
...And 10 more matches
Date.prototype.setHours() - JavaScript
syntax dateobj.sethours(hours
value[, minutes
value[, seconds
value[, ms
value]]]) versions prior to javascript 1.3 dateobj.sethours(hours
value) parameters hours
value ideally, an integer between 0 and 23, representing the hour.
... if a
value greater than 23 is provided, the datetime will be incremented by the extra hours.
... minutes
value optional.
...And 10 more matches
Float32Array - JavaScript
static properties float32array.bytes_per_element returns a number
value of the element size.
... float32array.name returns the string
value of the constructor name.
... float32array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Float64Array - JavaScript
static properties float64array.bytes_per_element returns a number
value of the element size.
... float64array.name returns the string
value of the constructor name.
... float64array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Int16Array - JavaScript
static properties int16array.bytes_per_element returns a number
value of the element size.
... int16array.name returns the string
value of the constructor name.
... int16array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Int32Array - JavaScript
static properties int32array.bytes_per_element returns a number
value of the element size.
... int32array.name returns the string
value of the constructor name.
... int32array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Int8Array - JavaScript
static properties int8array.bytes_per_element returns a number
value of the element size.
... int8array.name returns the string
value of the constructor name.
... int8array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Object.defineProperties() - JavaScript
props an object whose keys represent the names of properties to be defined or modified and whose
values are objects describing those properties.
... each
value in props must be either a data descriptor or an accessor descriptor; it cannot be both (see object.defineproperty() for more details).
... a data descriptor also has the following optional keys:
value the
value associated with the property.
...And 10 more matches
TypedArray.prototype.reduceRight() - JavaScript
the reduceright() method applies a function against an accumulator and each
value of the typed array (from right-to-left) has to reduce it to a single
value.
... syntax typedarray.reduceright(callback[, initial
value]) parameters callback function to execute on each
value in the typed array, taking four arguments: previous
value the
value previously returned in the last invocation of the callback, or initial
value, if supplied (see below).
... current
value the current element being processed in the typed array.
...And 10 more matches
Uint16Array - JavaScript
static properties uint16array.bytes_per_element returns a number
value of the element size.
... uint16array.name returns the string
value of the constructor name.
... uint16array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Uint32Array - JavaScript
static properties uint32array.bytes_per_element returns a number
value of the element size.
... uint32array.name returns the string
value of the constructor name.
... uint32array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Uint8Array - JavaScript
static properties uint8array.bytes_per_element returns a number
value of the element size.
... uint8array.name returns the string
value of the constructor name.
... uint8array.prototype.entries() returns a new array iterator object that contains the key/
value pairs for each index in the array.
...And 10 more matches
Object initializer - JavaScript
an object initializer is a comma-delimited list of zero or more pairs of property names and associated
values of an object, enclosed in curly braces ({}).
... syntax let o = {} let o = {a: 'foo', b: 42, c: {}} let a = 'foo', b = 42, c = {} let o = {a: a, b: b, c: c} let o = { property: function (parameters) {}, get property() {}, set property(
value) {} }; new notations in ecmascript 2015 please see the compatibility table for support for these notations.
...
values of object properties can either contain primitive data types or other objects.
...And 10 more matches
yield - JavaScript
syntax [rv] = yield [expression] expression optional defines the
value to return from the generator function via the iterator protocol.
... rv optional retrieves the optional
value passed to the generator's next() method to resume its execution.
... description the yield keyword pauses generator function execution and the
value of the expression following the yield keyword is returned to the generator's caller.
...And 10 more matches
Digital video concepts - Web media technologies
encoding color representing the colors in an image or video requires several
values for each pixel.
... what those
values are depends on how you "split up" the color when converting it to numeric form.
...in bt.709 (used for hdtv), for example, the luma
value is the weighted sum of the gamma-corrected red, green, and blue components of the pixel, using the formula y' = 0.2126r' + 0.7152g' + 0.0722b'.
...And 10 more matches
Search Extension Tutorial (Draft) - Archive of obsolete content
changing default preference
values there are two common ways of changing default preference
values.
...while changes to default preference
values will not persist across sessions, restartless extensions must nevertheless restore them for the balance of the session after they have been disabled.
...var defaultprefs = services.prefs.getdefaultbranch(""); // save the original
values.
...And 9 more matches
Building Trees - Archive of obsolete content
the builder looks at the label for the corresponding cell, translates any variables or predicates into
values, and returns the
value.
...the supported properties are: label, mode, properties, src and
value.
...the
value attribute is used to set the current progress
value for normal progress meters.
...And 9 more matches
Sorting Results - Archive of obsolete content
for ascending or descending sorts, this doesn't matter, since it will ignore whether results are containers and just sort by a
value, alphabetically or numerically depending on the type of data.
...the
value should be either 'ascending', 'descending' or 'natural'.
... this last
value is the default if the attribute is not specified.
...And 9 more matches
XBL Attribute Inheritance - Archive of obsolete content
its
value should be set to a comma-separated list of attribute names that are to be inherited.
...in addition, changing the
value of the attributes on the searchbox with a script will update the textbox and button also.
...<bindings xmlns:xbl="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <xbl:binding id="buttonbinding"> <xbl:content> <xul:button label="ok" xbl:inherits="label"/> </xbl:content> </xbl:binding> in this example, the button inherits the label attribute, but this attribute is also given a
value directly in the xbl.
...And 9 more matches
progressmeter - Archive of obsolete content
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){ ...
...'undetermined' : 'determined'; } attributes max type: integer the maximum
value that progressmeter may have.
... the default
value if not specified is 100 such that the
value may be used as a percentage.
...And 9 more matches
Browser Detection and Cross Browser Support - Archive of obsolete content
since the numeric
values could potentially be zero, the script tests the type of the objects to make sure they are numbers instead.
... gecko branch tags browser branch tag netscape 6.0 contained m18 rather than the rv
value netscape 6.1 0.9.2 netscape 6.2 0.9.4 netscape 6.2.1 0.9.4 netscape 6.2.2 0.9.4.1 netscape 6.2.3 0.9.4.1 compuserve 7 0.9.4.2 netscape 7.0 1.0.1 netscape 7.01 1.0.2 as you can see, all versions of netscape 6.2 and compuserve 7 were created from the 0.9.4 branch.
...since these
values are strings, it is not possible to use relative string comparisons to determine which branch tag came later.
...And 9 more matches
JSObject - Archive of obsolete content
getmember retrieves the
value of a property of a javascript object.
... getslot retrieves the
value of an array element of a javascript object.
... setmember sets the
value of a property of a javascript object.
...And 9 more matches
XForms Custom Controls - Archive of obsolete content
in many cases different
values provided for the appearance or mediatype attributes will determine which xbl binding will be used for a particular xforms control on the form.
...interface nsixformsuiwidget : nsidomelement { /** * is called when control should be updated to reflect the
value of the bound node.
... */ void disable(in boolean disable); /** * is called to get current
value of control.
...And 9 more matches
XForms Range Element - Archive of obsolete content
introduction allows the user to choose a
value from within a specific range of
values (see the spec).
... single-node binding special incremental - supported, default
value is false start - lower bound of possible
values end - upper bound of possible
values step - is used for incrementing/decrementing
values start/end/step attributes if the
value of the bound instance node is outside the range of
values specified by the start and end attributes, then the range element receives a xforms-out-of-range event.
... if the bound
value then becomes in range, the range element receives a xforms-in-range event.
...And 9 more matches
Using the Right Markup to Invoke Plugins - Archive of obsolete content
here's an example of this kind of usage for ie: <!-- ie only code --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="366" height="142" id="myflash"> <param name="movie"
value="javascript-to-flash.swf" /> <param name="quality"
value="high" /> <param name="swliveconnect"
value="true" /> </object> in the above example, the classid attribute that goes along with the object element points to a "clsid:" urn followed by the unique identifier of an activex control (in the above example, the string beginning with "d27...").
...here is an example of this usage, once again for the macromedia flash plugin: <object type="application/x-shockwave-flash" data="javascript-to-flash.swf" width="366" height="142" id="myflash"> <param name="movie"
value="javascript-to-flash.swf" /> <param name="quality"
value="high" /> <param name="swliveconnect"
value="true" /> <p>you need flash -- get the latest version from <a href= "http://www.macromedia.com/downloads/">here.</a></p> </object> in the above example, application/x-shockwave-flash is the flash mime type, and will invoke the netscape-specific flash architecture in mozilla-based...
..., instead of stopping at the activex control, ie will display the same animation twice since it also understands the mime type for flash: <!-- usage will not work as intended --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="366" height="142" id="myflash"> <param name="movie"
value="javascript-to-flash.swf" /> <param name="quality"
value="high" /> <param name="swliveconnect"
value="true" /> <object type="application/x-shockwave-flash" data="javascript-to-flash.swf" width="366" height="142" id="myflashnscp"> <param name="movie"
value="javascript-to-flash.swf" /> <param name="quality"
value="high" /> <param name="swliveconnect"
value="true" /> <p>y...
...And 9 more matches
WAI-ARIA basics - Learn web development
as another example, apps started to feature complex controls like date pickers for choosing dates, sliders for choosing
values, etc.
...many of these are so-called landmark roles, which largely duplicate the semantic
value of html5 structural elements e.g.
... we talked about some of the problems that prompted wai-aria to be created earlier on, but essentially, there are four main areas that wai-aria is useful in: signposts/landmarks: aria's role attribute
values can act as landmarks that either replicate the semantics of html5 elements (e.g.
...And 9 more matches
Sending form data - Learn web development
its
value must be a valid relative or absolute url.
... the names and
values of the non-file form controls are sent to the server as name=
value pairs joined with ampersands.
... the action
value should be a file on the server that can handle the incoming data, including ensuring server-side validation.
...And 9 more matches
Advanced text formatting - Learn web development
a light brown color.</textarea> <div class="playable-buttons"> <input id="reset" type="button"
value="reset"> <input id="solution" type="button"
value="show solution"> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; background: #f5f9fa; } const textarea = document.getelementbyid('code'); const reset = document.getelementbyid('reset'); const solution = document...
....getelementbyid('solution'); const output = document.queryselector('.output'); const code = textarea.
value; const userentry = textarea.
value; function updatecode() { output.innerhtml = textarea.
value; } reset.addeventlistener('click', function() { textarea.
value = code; userentry = textarea.
value; solutionentry = htmlsolution; solution.
value = 'show solution'; updatecode(); }); solution.addeventlistener('click', function() { if(solution.
value === 'show solution') { textarea.
value = solutionentry; solution.
value = 'hide solution'; } else { textarea.
value = userentry; solution.
value = 'show solution'; } updatecode(); }); const htmlsolution = '<dl>\n <dt>bacon</dt>\n <dd>the glue that binds the world together.</dd>\n <dt>eggs</dt>\n <dd>the glue that binds t...
...tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
value).substring(0, caretpos); const back = (textarea.
value).substring(textarea.selectionend, textarea.
value.length); textarea.
value = front + text + back; caretpos = caretpos + text.length; textarea.selectionstart = caretpos; textarea.selectionend = caretpos; textarea.focus(); textarea.scrolltop = scrollpos; } // update the saved usercode every time the user updates the text area code ...
...And 9 more matches
Third-party APIs - Learn web development
try some other
values too.
...you can adjust the position by specifying an options object as a parameter for the control containing a position property, the
value of which is a string specifying a position for the control.
...t', submitsearch); now add the submitsearch() and fetchresults() function definitions, below the previous line: function submitsearch(e) { pagenumber = 0; fetchresults(e); } function fetchresults(e) { // use preventdefault() to stop the form submitting e.preventdefault(); // assemble the full url url = baseurl + '?api-key=' + key + '&page=' + pagenumber + '&q=' + searchterm.
value + '&fq=document_type:("article")'; if(startdate.
value !== '') { url += '&begin_date=' + startdate.
value; }; if(enddate.
value !== '') { url += '&end_date=' + enddate.
value; }; } submitsearch() sets the page number back to 0 to begin with, then calls fetchresults().
...And 9 more matches
Solve common problems in your JavaScript code - Learn web development
for example: function myfunction() { alert('this is my function.'); }; this code won't do anything unless you call it with the following statement: myfunction(); function scope remember that functions have their own scope — you can't access a variable
value set inside a function from outside the function, unless you declared the variable globally (i.e.
... not inside any functions), or return the
value from the function.
...the object must be surrounded by curly braces, member names must be separated from their
values using colons, and members must be separated by commas.
...And 9 more matches
JavaScript object basics - Learn web development
name and age above), and a
value (e.g.
...each name/
value pair must be separated by a comma, and the name and
value in each case are separated by a colon.
... the syntax always follows this pattern: const objectname = { member1name: member1
value, member2name: member2
value, member3name: member3
value }; the
value of an object member can be pretty much anything — in our person object we've got a string, a number, two arrays, and two functions.
...And 9 more matches
Deferred
eferred = promise.defer(); dosomething(function cb(good) { if (good) deferred.resolve(); else deferred.reject(); }); return deferred.promise; would be return new promise(function(resolve, reject) { dosomething(function cb(good) { if (good) resolve(); else reject(); }); }); method overview void resolve([optional] a
value); void reject([optional] areason); properties attribute type description promise read only promise a newly created promise, initially in the pending state.
... methods resolve() fulfills the associated promise with the specified
value, or propagates the state of an existing promise.
... if the associated promise has already been resolved, either to a
value, a rejection, or another promise, this method does nothing.
...And 9 more matches
Property attributes
the jsapi expresses property attributes as a
value of type unsigned, the bitwise or of zero or more of the jsprop flags described below.
... mxr id search for jsprop_enumerate jsprop_readonly the property's
value cannot be set.
... in javascript 1.2 and lower, it is an error to attempt to assign a
value to a read-only property.
...And 9 more matches
IAccessibleAction
description the returned
value is a localized string of the specified action.
... return
value e_invalidarg if bad [in] passed, [out]
value is null.
... s_false if there is nothing to return, [out]
value is null.
...And 9 more matches
IAccessibleHyperlink
iaccessibleaction.nactions() is one greater than the maximum
value for the indices used with the methods of this interface.
...anchor this is an implementation dependent
value.
... return
value e_invalidarg if bad [in] passed, [out]
value is null.
...And 9 more matches
mozIStorageConnection
constant
value description transaction_deferred 0 no database lock is obtained until the first statement is run.
... sqlite database page size constant constant
value description default_page_size 32768 the default size for sqlite database pages.
... note: due to a bug in sqlite, if you use the shared cache (by calling mozistorageservice.opendatabase()), the cloned connection's access privileges will be the same as the original connection, regardless of the
value you specify for the areadonly parameter.
...And 9 more matches
nsICommandLine
definitions arguments any
values found on the command line.
... constants state constants constant
value description state_initial_launch 0 the first launch of the application instance.
... return
value the position of the flag in the command line, or -1 if the flag is not found.getargument() gets the
value an argument from the array of command-line arguments, given the index into the argument list.
...And 9 more matches
nsIFormHistory2
toolkit/components/satchel/public/nsiformhistory.idlscriptable a service which holds a set of name/
value pairs.
... the names correspond to form field names, and the
values correspond to
values the user has submitted.
... so, several
values may exist for a single name.
...And 9 more matches
nsIINIParser
xpcom/ds/nsiiniparser.idlscriptable an instance of nsiiniparser can be used to read
values from an ini file.
... return
value an nsiutf8stringenumerator object that can be used to access the section's keys.
...return
value an nsiutf8stringenumerator object that can be used to access the sections in the ini file.
...And 9 more matches
nsIIOService
return
value true if the port is allowed, false otherwise.
... return
value a string corresponding to the scheme.
... return
value the
value of the protocolflags attribute for the corresponding nsiprotocolhandler.
...And 9 more matches
nsIMsgHeaderParser
return
value a comma-separated list of just the mailbox parts of the addresses.
... return
value a comma-separated list of just the name parts of the addresses.
... return
value the first name found in the list exceptions thrown missing exception missing description makefulladdress() given an e-mail address and a person's name, concatenates them together into a single string, doing all the necessary quoting.
...And 9 more matches
nsIProtocolProxyService
in unsigned long aflags, in unsigned long afailovertimeout, in nsiproxyinfo afailoverproxy); nsiproxyinfo getfailoverforproxy(in nsiproxyinfo aproxyinfo, in nsiuri auri, in nsresult areason); void registerfilter(in nsiprotocolproxyfilter afilter, in unsigned long aposition); void unregisterfilter(in nsiprotocolproxyfilter afilter); constants constant
value description resolve_non_blocking 1<<0 this flag may be passed to the resolve method to request that it fail instead of block the calling thread.
... return
value an nsiproxyinfo object or null for a direct connection.
... return
value an nsicancelableobject that can be used to cancel the asynchronous operation.
...And 9 more matches
nsIURI
ponents.classes["@mozilla.org/network/io-service;1"] .getservice(components.interfaces.nsiioservice); return ioservice.newuri(aurl, aorigincharset, abaseuri); } components of a uri prepath path scheme userpass host port ref ftp :// username@password @ hostname : portnumber /pathname?query=
value #ref method overview nsiuri clone(); nsiuri cloneignoringref(); boolean equals(in nsiuri other); boolean equalsexceptref(in nsiuri other); autf8string resolve(in autf8string relativepath); boolean schemeis(in string scheme); attributes attribute type description asciihost acstring the uri...
...an empty
value implies utf-8.
... if this
value is something other than utf-8 then the uri components (for example spec, prepath, username, and so on) are all fully url-escaped.
...And 9 more matches
Reference Manual
whenever you `point' the nscomptr at a different xpcom object (by assignment or initialization), it must release its old
value, if any, and addref the new.
...the nscomptr releases its old
value, if any, and then assigns in the new
value, addrefing it and/or calling queryinterface as you direct by "annotating" the assignment with directives like dont_addref.
...you can construct an nscomptr from, or assign into it any of the following the
value 0 another nscomptr of the same type a raw xpcom interface pointer of the same type a raw xpcom interface pointer of the same type, annotated with the dont_queryinterface directive a raw xpcom interface pointer of the same type, annotated with the dont_addref directive or a synonym any interface pointer (either nscomptr or a raw xpcom interface pointer) of any type, annotated with the do_queryinterface directive a do_queryreferent directive the first three of these are simple and obvious.
...And 9 more matches
CData
a cdata object represents a c
value or function located in memory.
...
value object the javascript equivalent of the cdata object's
value.
... this will throw a typeerror exception if the
value can't be converted.
...And 9 more matches
Debugger.Memory - Firefox Developer Tools
accessor properties of the debugger.memory.prototype object ifdbg is a debugger instance, then <i>dbg</i>.memory is a debugger.memory instance, which inherits the following accessor properties from its prototype: trackingallocationsites a boolean
value indicating whether this debugger.memory instance is capturing the javascript execution stack when each object is allocated.
...its default
value is 5000.
... unlike debugger‘s hooks, debugger.memory’s handlers’ return
values are not significant, and are ignored.
...And 9 more matches
Using the CSS Painting API - Web APIs
we've changed the dimensions and positioning of our rectangle to be relative to the size of the element box rather than absolute
values.
...tor']; } paint(ctx, size, props) { /* ctx -> drawing context size -> paintsize: width and height props -> properties: get() method */ ctx.fillstyle = props.get('--boxcolor'); ctx.fillrect(0, size.height/3, size.width*0.4 - props.get('--widthsubtractor'), size.height*0.6); } }); we used the inputproperties() method in the registerpaint() class to get the
values of two custom properties set on an element that has boxbg applied to it and then used those within our paint() function.
... in our <script> we register the worklet: css.paintworklet.addmodule('https://mdn.github.io/houdini-examples/csspaint/intro/worklet/boxbg.js'); while you can't play with the worklet's script, you can alter the custom property
values to change the colors and width of the background image.
...And 9 more matches
Drawing text - Web APIs
there are some more properties which let you adjust the way the text gets displayed on the canvas: font =
value the current text style being used when drawing text.
... textalign =
value text alignment setting.
... possible
values: start, end, left, right or center.
...And 9 more matches
Document.createTouch() - Web APIs
identifier the
value for touch.identifier.
... pagex the
value for touch.pagex.
... pagey the
value for touch.pagey.
...And 9 more matches
Element.msZoomTo() - Web APIs
if no
value is specified, defaults to the current centerpoint of visible content, horizontally.
...if no
value is specified, defaults to the current centerpoint of visible content, vertically.
...aligns the horizontal center of the viewport to the element's contentx
value.
...And 9 more matches
Headers - Web APIs
a headers object has an associated header list, which is initially empty and consists of zero or more name and
value pairs.
... a headers object also has an associated guard, which takes a
value of immutable, request, request-no-cors, response, or none.
... methods headers.append() appends a new
value onto an existing header inside a headers object, or adds the header if it does not already exist.
...And 9 more matches
IDBIndexSync - Web APIs
method overview any add (in any
value, in optional any key) raises (idbdatabaseexception); any get (in any key) raises (idbdatabaseexception); any getobject (in any key) raises (idbdatabaseexception); void opencursor (in optional idbkeyrange range, in optional unsigned short direction) raises (idbdatabaseexception); void openobjectcursor (in optional idbkeyrange range, in optional unsigned short di...
...rection) raises (idbdatabaseexception); any put (in any
value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); attributes attribute type description keypath readonly domstring the key path of this index.
... unique readonly boolean if true, a key can have only one
value within the index; if false, a key can have duplicate
values.
...And 9 more matches
IDBKeyRange - Web APIs
for example, you can iterate over all
values of a key in the
value range a–z.
... a key range can be a single
value or a range with upper and lower bounds or endpoints.
...true) all keys ≥ x && ≤ y idbkeyrange.bound(x, y) all keys > x &&< y idbkeyrange.bound(x, y, true, true) all keys > x && ≤ y idbkeyrange.bound(x, y, true, false) all keys ≥ x &&< y idbkeyrange.bound(x, y, false, true) the key = z idbkeyrange.only(z) a key is in a key range if the following conditions are true: the lower
value of the key range is one of the following: undefined less than key
value equal to key
value if loweropen is false.
...And 9 more matches
Checking when a deadline is due - Web APIs
because these
values are the most ambiguous for users to enter (7, sunday, sun?
... when the form's submit button is pressed, we run the adddata() function, which starts like this: function adddata(e) { e.preventdefault(); if(title.
value == '' || hours.
value == null || minutes.
value == null || day.
value == '' || month.
value == '' || year.
value == null) { note.innerhtml += '<li>data not submitted — form incomplete.</li>'; return; } in this segment, we check to see if the form fields have all been filled in.
...this step is mainly for browsers that don't support html form validation (i have used the required attribute in my html to force validation, in those that do.) else { var newitem = [ { tasktitle: title.
value, hours : hours.
value, minutes : minutes.
value, day : day.
value, month : month.
value, year : year.
value, notified : "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.onco...
...And 9 more matches
PerformanceEntry - Web APIs
properties performanceentry.name read only a
value that further specifies the
value returned by the performanceentry.entrytype property.
... the
value of both depends on the subtype.
... see property page for valid
values.
...And 9 more matches
RTCRtpEncodingParameters - Web APIs
the default
value is true.
... codecpayloadtype when describing a codec for an rtcrtpsender, codecpayloadtype is a single 8-bit byte (or octet) specifying the codec to use for sending the stream; the
value matches one from the owning rtcrtpparameters object's codecs parameter.
... this
value can only be set when creating the transceiver; after that, this
value is read only.
...And 9 more matches
Using the Web Speech API - Web APIs
public declares that it is a public rule, the string in angle brackets defines the recognised name for this term (color), and the list of items that follow the equals sign are the alternative
values that will be recognised and accepted as appropriate
values for the term.
...this accepts as parameters the string we want to add, plus optionally a weight
value that specifies the importance of this grammar in relation of other grammars available in the list (can be from 0 to 1 inclusive.) the added grammar is available in the list as a speechgrammar object instance.
... speechrecognitionlist.addfromstring(grammar, 1); we then add the speechgrammarlist to the speech recognition instance by setting it to the
value of the speechrecognition.grammars property.
...And 9 more matches
ARIA: textbox role - Accessibility
associated aria properties aria-activedescendent attribute taking as it's
value the id of is either a descendant of the element with dom focus or is a logical descendant as indicated by the aria-owns attribute, it indicates when that element has focus, when it is part of a composite widget such as a combobox.
... for example, in a combobox, focus may remain on the textbox while the
value of aria-activedescendant on the textbox element refers to a descendant of a popup listbox that is controlled by the textbox.this attribute must be updated programmatically as the focus changes.
... aria-autocomplete attribute indicates whether and how the user's input into the field could trigger display of a prediction of the intended
value.
...And 9 more matches
Controlling Ratios of Flex Items Along the Main Axis - CSS: Cascading Style Sheets
the second paragraph has a
value of max-content and so it does the opposite.
...the initial
value for this property is auto.
...if this is the situation that you want then typically you would use 1 as the
value, however you could give them all a flex-grow of 88, or 100, or 1.2 if you like — it is a ratio.
...And 9 more matches
Ordering Flex Items - CSS: Cascading Style Sheets
reverse the display of the items the flex-direction property can take one of four
values: row column row-reverse column-reverse the first two
values keep the items in the same order that they appear in the document source order and display them sequentially from the start line.
... the second two
values reverse the items by switching the start and end lines.
... if you are using a reverse
value, or otherwise reordering your items, you should consider whether you actually need to change the logical order in the source.
...And 9 more matches
Box alignment in CSS Grid Layout - CSS: Cascading Style Sheets
you will see many similarities in how these properties and
values work in flexbox.
...i can use the align-items property on the grid container, to align the items using one of the following
values: auto normal start end center stretch baseline first baseline last baseline * {box-sizing: border-box;} .wrapper { border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; } .wrapper > div { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } .wrapper { display: grid; gr...
... in this next example, i am using the align-self property, to demonstrate the different alignment
values.
...And 9 more matches
Using CSS gradients - CSS: Cascading Style Sheets
to fine-tune their locations, you can give each one zero, one, or two percentage or, for radial and linear gradients, absolute length
values.
... if you specify the location as a percentage, 0% represents the starting point, while 100% represents the ending point; however, you can use
values outside that range if necessary to get the effect you want.
...you can include a color-hint to move the midpoint of the transition
value to a certain point along the gradient.
...And 9 more matches
Logical properties for floating and positioning - CSS: Cascading Style Sheets
the logical properties and
values specification contains logical mappings for the physical
values of float and clear, and also for the positioning properties used with positioned layout.
... mapped properties and
values the table below details the properties and
values discussed in this guide along with their physical mappings.
... logical property or
value physical property or
value float: inline-start float: left float: inline-end float: right clear: inline-start clear: left clear: inline-end clear: right inset-inline-start left inset-inline-end right inset-block-start top inset-block-end bottom text-align: start text-align: left text-align: end text-align: right in addition to these mapped properties there are some additional shorthand properties made possible by being able to address block and inline dimensions.
...And 9 more matches
caption-side - CSS: Cascading Style Sheets
the
values are relative to the writing-mode of the table.
... syntax /* directional
values */ caption-side: top; caption-side: bottom; /* warning: non-standard
values */ caption-side: left; caption-side: right; caption-side: top-outside; caption-side: bottom-outside; /* global
values */ caption-side: inherit; caption-side: initial; caption-side: unset; the caption-side property is specified as one of the keyword
values listed below.
...
values top the caption box should be positioned above the table.
...And 9 more matches
<easing-function> - CSS: Cascading Style Sheets
the <easing-function> css data type denotes a mathematical function that describes how fast one-dimensional
values change during animations.
...for these
values, 0.0 represents the initial state, and 1.0 represents the final state.
...for example, a color component greater than 255 or smaller than 0 will be clipped to the closest allowed
value (255 and 0, respectively).
...And 9 more matches
font-variant - CSS: Cascading Style Sheets
you can also set the css level 2 (revision 1)
values of font-variant, (that is, normal or small-caps), by using the font shorthand.
... 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 face; each of the longhand properties has an initial
value of normal.
... none sets the
value of the font-variant-ligatures to none and the
values of the other longhand property as normal, their initial
value.
...And 9 more matches
font-weight - CSS: Cascading Style Sheets
syntax /* keyword
values */ font-weight: normal; font-weight: bold; /* keyword
values relative to the parent */ font-weight: lighter; font-weight: bolder; /* numeric keyword
values */ font-weight: 100; font-weight: 200; font-weight: 300; font-weight: 400;// normal font-weight: 500; font-weight: 600; font-weight: 700;// bold font-weight: 800; font-weight: 900; /* global
values */ font-weight: inherit; font-weight: initial; fon...
...t-weight: unset; the font-weight property is specified using any one of the
values listed below.
...
values normal normal font weight.
...And 9 more matches
justify-self - CSS: Cascading Style Sheets
for absolutely-positioned elements, it aligns an item inside its containing block on the inline axis, accounting for the offset
values of top, left, bottom, and right.
...*/ justify-self: self-start; justify-self: self-end; justify-self: left; /* pack item from the left */ justify-self: right; /* pack item from the right */ /* baseline alignment */ justify-self: baseline; justify-self: first baseline; justify-self: last baseline; /* overflow alignment (for positional alignment only) */ justify-self: safe center; justify-self: unsafe center; /* global
values */ justify-self: inherit; justify-self: initial; justify-self: unset; this property can take one of three different forms: basic keywords: one of the keyword
values normal, auto, or stretch.
...
values auto the
value used is the
value of the justify-items property of the parents box, unless the box has no parent, or is absolutely positioned, in these cases, auto represents normal.
...And 9 more matches
mask-size - CSS: Cascading Style Sheets
/* keywords syntax */ mask-size: cover; mask-size: contain; /* one-
value syntax */ /* the width of the image (height set to 'auto') */ mask-size: 50%; mask-size: 3em; mask-size: 12px; mask-size: auto; /* two-
value syntax */ /* first
value: width of the image, second
value: height */ mask-size: 50% auto; mask-size: 3em 25%; mask-size: auto 6px; mask-size: auto auto; /* multiple
values */ /* do not confuse this with mask-size: auto auto */ mask-size: auto, auto; mask-size: 50%, 25%, 25%; mask-size: 6px, auto, contain; /* global
values */ mask-size: inherit; mask-size: initial; mask-size: unset; note: if the
value of this p...
...roperty is not set in a mask shorthand property that is applied to the element after the mask-size css property, the
value of this property is then reset to its initial
value by the shorthand property.
... syntax one or more <bg-size>
values, separated by commas.
...And 9 more matches
<position> - CSS: Cascading Style Sheets
note: the final position described by the <position>
value does not need to be inside the element's box.
... the keyword
values are center, top, right, bottom, and left.
... if specified, an offset can be either a relative <percentage>
value or an absolute <length>
value.
...And 9 more matches
transform-origin - CSS: Cascading Style Sheets
this property is applied by first translating the element by the
value of the property, then applying the element's transform, then translating by the negated property
value.
... syntax /* one-
value syntax */ transform-origin: 2px; transform-origin: bottom; /* x-offset | y-offset */ transform-origin: 3cm 2px; /* x-offset-keyword | y-offset */ transform-origin: left 2px; /* x-offset-keyword | y-offset-keyword */ transform-origin: right top; /* y-offset-keyword | x-offset-keyword */ transform-origin: top right; /* x-offset | y-offset | z-offset */ transform-origin: 2px 30% 10px; /* x-offset-keyword | y-offset | z-offset */ transform-origin: left 5px -3px; /* x-offset-keyword | y-offset-keyword | z-...
...offset */ transform-origin: right bottom 2cm; /* y-offset-keyword | x-offset-keyword | z-offset */ transform-origin: bottom right 2cm; /* global
values */ transform-origin: inherit; transform-origin: initial; transform-origin: unset; the transform-origin property may be specified using one, two, or three
values, where each
value represents an offset.
...And 9 more matches
vertical-align - CSS: Cascading Style Sheets
syntax /* keyword
values */ vertical-align: baseline; vertical-align: sub; vertical-align: super; vertical-align: text-top; vertical-align: text-bottom; vertical-align: middle; vertical-align: top; vertical-align: bottom; /* <length>
values */ vertical-align: 10em; vertical-align: 4px; /* <percentage>
values */ vertical-align: 20%; /* global
values */ vertical-align: inherit; vertical-align: initial; vertical-align: ...
...unset; the vertical-align property is specified as one of the
values listed below.
...
values for inline elements parent-relative
values these
values vertically align the element relative to its parent element: baseline aligns the baseline of the element with the baseline of its parent.
...And 9 more matches
HTML attribute: max - HTML: Hypertext Markup Language
the max attribute defines the maximum
value that is acceptable and valid for the input containing the attribute.
... if the
value of the element is greater than this, the element fails constraint validation.
... this
value must be greater than or equal to the
value of the min attribute.
...And 9 more matches
<form> - HTML: Hypertext Markup Language
the default
value means the same encoding as the page.
...possible
values: none: no automatic capitalization.
... autocomplete indicates whether input elements can by default have their
values automatically completed by the browser.
...And 9 more matches
<input type="button"> - HTML: Hypertext Markup Language
value a domstring used as the button's label events click supported common attributes type, and
value idl attributes
value methods none
value an <input type="button"> elements'
value attribute contains a domstring that is used as the button's label.
... <input type="button"
value="click me"> if you don't specify a
value, you get an empty button: <input type="button"> using buttons <input type="button"> elements have no default behavior (their cousins, <input type="submit"> and <input type="reset"> are used to submit and reset forms, respectively).
... a simple button we'll begin by creating a simple button with a click event handler that starts our machine (well, it toggles the
value of the button and the text content of the following paragraph): <form> <input type="button"
value="start machine"> </form> <p>the machine is stopped.</p> const button = document.queryselector('input'); const paragraph = document.queryselector('p'); button.addeventlistener('click', updatebutton); function updatebutton() { if (button.
value === 'start machine') { button.
value = 'stop machine'; paragraph.textcontent = 'the machine has started!'; } else { button.
value = 'start machine'; paragraph.textcontent = 'the machine is stopped.'; } } the script gets a...
...And 9 more matches
Standard metadata names - HTML: Hypertext Markup Language
the <meta> element can be used to provide document metadata in terms of name-
value pairs, with the name attribute giving the metadata name, and the content attribute giving the
value.
... referrer: controls the http referer header for to requests sent from the document:
values for the content attribute of <meta name="referrer"> no-referrer do not send a http referer header.
... the
value of the content property for color-scheme may be one of the following: normal the document is unaware of color schemes and should simply be rendered using the default color palette.
...And 9 more matches
Global attributes - HTML: Hypertext Markup Language
it can have the following
values: off or none, no autocapitalization is applied (all letters default to lowercase) on or sentences, the first letter of each sentence defaults to a capital letter; all other letters default to lowercase words, the first letter of each word defaults to a capital letter; all other letters default to lowercase characters, all letters should default to uppercase class a space-separate...
...the attribute must take one of the following
values: true or the empty string, which indicates that the element must be editable; false, which indicates that the element must not be editable.
...it can have the following
values: ltr, which means left to right and is to be used for languages that are written from the left to the right (like english); rtl, which means right to left and is to be used for languages that are written from the right to the left (like arabic); auto, which lets the user agent decide.
...And 9 more matches
getter - JavaScript
description sometimes it is desirable to allow access to a property that returns a dynamically computed
value, or you may want to reflect the status of an internal variable without requiring the use of explicit method calls.
... it is not possible to simultaneously have a getter bound to a property and have that property actually hold a
value, although it is possible to use a getter and a setter in conjunction to create a type of pseudo-property.
... const obj = { log: ['example','test'], get latest() { if (this.log.length === 0) return undefined; return this.log[this.log.length - 1]; } } console.log(obj.latest); // "test" note that attempting to assign a
value to latest will not change it.
...And 9 more matches
Array - JavaScript
the first element of an array is at index 0, and the last element is at the index
value equal to the
value of the array's length property minus 1.
... several of the built-in array methods (e.g., join(), slice(), indexof(), etc.) take into account the
value of an array's length property when they're called.
... instance methods array.prototype.concat() returns a new array that is this array joined with other array(s) and/or
value(s).
...And 9 more matches
Generator.prototype.next() - JavaScript
the next() method returns an object with two properties done and
value.
... you can also provide a parameter to the next method to send a
value to the generator.
... syntax gen.next(
value) parameters
value the
value to send to the generator.
...And 9 more matches
Object.freeze() - JavaScript
a frozen object can no longer be changed; freezing an object prevents new properties from being added to it, existing properties from being removed, prevents changing the enumerability, configurability, or writability of existing properties, and prevents the
values of existing properties from being changed.
... return
value the object that was passed to the function.
... for data properties of a frozen object,
values cannot be changed, the writable and configurable attributes are set to false.
...And 9 more matches
Proxy - JavaScript
examples basic example in this simple example, the number 37 gets returned as the default
value when the property name is not in the object.
... validation with a proxy, you can easily validate the passed
value for an object.
... let validator = { set: function(obj, prop,
value) { if (prop === 'age') { if (!number.isinteger(
value)) { throw new typeerror('the age is not an integer'); } if (
value > 200) { throw new rangeerror('the age seems invalid'); } } // the default behavior to store the
value obj[prop] =
value; // indicate success return true; } }; const person = new proxy({}, validator); person.age = 100; console.log(person.age); // 100 person.age = 'young'; // throws an exception person.age = 300; // throws an exception extending constructor a function proxy could easily extend a constructor with a new constructor.
...And 9 more matches
TypedArray.prototype.reduce() - JavaScript
the reduce() method applies a function against an accumulator and each
value of the typed array (from left-to-right) has to reduce it to a single
value.
... syntax typedarray.reduce(callback[, initial
value]) parameters callback function to execute on each
value in the typed array, taking four arguments: previous
value the
value previously returned in the last invocation of the callback, or initial
value, if supplied (see below).
... current
value the current element being processed in the typed array.
...And 9 more matches
parseInt() - JavaScript
syntax parseint(string [, radix]) parameters string the
value to parse.
... return
value an integer parsed from the given string.
... if not nan, the return
value will be the integer that is the first argument taken as a number in the specified radix.
...And 9 more matches
<pattern> - SVG: Scalable Vector Graphics
value type: <length>|<percentage>; default
value: 0; animatable: yes href this attribute reference a template pattern that provides default
values for the <pattern> attributes.
...
value type: <url>; default
value: none; animatable: yes patterncontentunits this attribute defines the coordinate system for the contents of the <pattern>.
...
value type: userspaceonuse|objectboundingbox; default
value: userspaceonuse; animatable: yes note: this attribute has no effect if a viewbox attribute is specified on the <pattern> element.
...And 9 more matches
<svg> - SVG: Scalable Vector Graphics
value type: <string> ; default
value: none; animatable: no contentscripttype deprecated since svg 2 the default scripting language used by the svg fragment.
...
value type: <string> ; default
value: application/ecmascript; animatable: no contentstyletype deprecated since svg 2 the default style sheet language used by the svg fragment.
...
value type: <string> ; default
value: text/css; animatable: no height the displayed height of the rectangular viewport.
...And 9 more matches
lang/functional - Archive of obsolete content
let { defer } = require("sdk/lang/functional"); let fn = defer(function myevent (event,
value) { console.log(event + " : " +
value); }); fn("click", "#home"); console.log("done"); // this will print 'done' before 'click : #home' since // we deferred the execution of the wrapped `myevent` // function, making it non-blocking and executing on the // next event loop parameters fn : function the function to be deferred.
...returns the
value that is returned by callee.
... returns mixed : returns the return
value of callee.
...And 8 more matches
ui/button/action - Archive of obsolete content
by default the badge's color is red, but you can set your own color using the badgecolor property, specified as a css <color>
value: var { togglebutton } = require("sdk/ui/button/toggle"); var button = togglebutton({ id: "my-button1", label: "my button1", icon: "./icon-16.png", onchange: changed, badge: 0, badgecolor: "#00aaaa" }); function changed(state) { button.badge = state.badge + 1; if (state.checked) { button.badgecolor = "#aa00aa"; } else { button.badgecolor = "#00aaaa"; ...
...you can specify this in one of three ways: as a resource:// url pointing at an icon file in your add-on's "data" directory, typically constructed using self.data.url(iconfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-
value pairs.
...each key-
value pair specifies an icon: each
value specifies an image file as a resource:// url or relative path.
...And 8 more matches
StringView - Archive of obsolete content
2 : 4).buffer : stringview.base64tobytes(sb64inpt), sencoding, nbyteoffset, nlength); }; /* default
values */ stringview.prototype.encoding = "utf-8"; /* default encoding...
...nchrlen + nrawidx : asource.length; for (nrawidx; nrawidx < nrawend; nrawidx++) { if (!othat) { fcallback(asource[nrawidx], nrawidx, nrawidx, asource); } else { fcallback.call(othat, asource[nrawidx], nrawidx, nrawidx, asource); } } } }; stringview.prototype.
valueof = stringview.prototype.tostring = function () { if (this.encoding !== "utf-8" && this.encoding !== "utf-16") { /* ascii, utf-32 or binarystring to domstring */ return string.fromcharcode.apply(null, this.rawdata); } var fgetcode, fgetincr, sview = ""; if (this.encoding === "utf-8") { fgetincr = stringview.getutf8charlength; fgetcode = stringview.loadutf8charcode; } ...
...gned long startfrom); domstring stringview.tobase64(optional boolean wholebuffer); stringview stringview.subview(unsigned long characteroffset, optional unsigned long characterslength); void stringview.foreachchar(function callback, optional object thisobject, optional unsigned long characteroffset, optional unsigned long characterslength); domstring stringview.
valueof(); domstring stringview.tostring(); properties overview attribute type description encoding read only domstring a string expressing the encoding type.
...And 8 more matches
Reading from Files - Archive of obsolete content
an input stream provides a means of reading bytes, strings or other
values from the file.
...the default character encoding is utf-8 which means that characters below
value 128 will occupy a single byte whereas characters above
value 128 will occupy multiple bytes, depending on their
value.
...reading binary data in addition to text, binary
values may be read from a file either as bytes, or interpreted as numbers.
...And 8 more matches
Advanced Rules - Archive of obsolete content
to do this, use the member element as in the following: <tree id="citiestree" datasources="weather.rdf" ref="http://www.xulplanet.com/rdf/weather/cities"> <template> <rule> <conditions> <content uri="?list"/> <member container="?list" child="?city"/> </conditions> <rule> <template> </tree> the template builder starts by grabbing the
value of the ref attribute, which in this case is http://www.xulplanet.com/rdf/weather/cities.
...in the example above, the
value of the container attribute is the variable 'list'.
... thus the parent will be the
value of the list variable, which has been set to the root resource 'http://www.xulplanet.com/rdf/weather/cities'.
...And 8 more matches
Document Object Model - Archive of obsolete content
for example, we could get the state of a check box by using the code below: var state = document.getelementbyid('casecheck').checked; the
value casecheck corresponds to the id of the case sensitive checkbox.
...<splitter id="splitbar" resizeafter="grow" hidden="true"/> <hbox> <progressmeter id="progmeter"
value="50%" style="margin: 4px;" hidden="true"/> we've added the hidden attribute and set the
value to true.
... function dofind(){ var meter=document.getelementbyid('progmeter'); meter.hidden = false; var searchtext=document.getelementbyid('find-text').
value; alert("searching for \"" + searchtext + "\""); } now, with that alert box in there, we know what should happen when we click the find button.
...And 8 more matches
Using Remote XUL - Archive of obsolete content
we set this
value to the mozilla.org home page by default so that page loads into the iframe when we first load the xul document.
... [optionally show what this looks like] the
value of the flex attribute determines the extent to which the element will stretch relative to other flexible elements.
...in our case, the iframe will be the only flexible element in our document, so we don't have to worry about its
value and give it a standard
value of 1.
...And 8 more matches
notificationbox - Archive of obsolete content
properties currentnotification, allnotifications, notificationshidden methods appendnotification, getnotificationwith
value, removeallnotifications, removecurrentnotification, removenotification, removetransientnotifications, attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidt...
...sertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata appendnotification( label ,
value , image , priority , buttons, eventcallback ) return type: element create a new notification and display it.
...
value -
value used to identify the notification image - url of image to appear on the notification.
...And 8 more matches
CSS - Archive of obsolete content
ss property is a microsoft extension that specifies the block progression 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-conte...
...nt-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.-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 th...
...at 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 8 more matches
XForms Select1 Element - Archive of obsolete content
introduction allows the user to choose a single
value from a list of pre-defined
values (see the spec).
... attributes ui common appearance - the
value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control.
...possible
values are open and closed, default is closed (see #representations section to refer if the attribute is supported for every representation).
...And 8 more matches
Parsing microformats in JavaScript - Archive of obsolete content
return
value a string containing the normalized date.
...this includes looking at thing such as abbr, img and alt, area and alt, and
value excerpting.
... property
value = microformats.parser.defaultgetter(propnode, parentnode, datatype); parameters propnode the dom node to check.
...And 8 more matches
Plug-in Development Overview - Gecko Plugin API Reference
for this the version stamp of the embedded resource of the plug-in dll should contain the following set of string/
value pairs: mimetype: for mime types fileextents: for file extensions fileopenname: for file open template productname: for plug-in name filedescription: for description language: for language in use in the mime types and file extensions strings, multiple
values are separated by the "|" character, for example: video/quicktime|audio/aiff|image/jpeg the version stamp will be loaded only ...
... npp_get
value is called after the plug-in is initialized to get the scripting interface while np_get
value is called during initialization to retrieve the plug-in's name and description, which will appear in the navigator.plugins dom object which is used to populate about:plugins.
... caution: gecko caches the
values returned by these functions and will only call it if the plug-in's timestamp has changed.
...And 8 more matches
Advanced styling effects - Learn web development
nder has reached a critical level.</p> </article> now the css: p { margin: 0; } article { max-width: 500px; padding: 10px; background-color: red; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.25)); } .simple { box-shadow: 5px 5px 5px rgba(0,0,0,0.7); } this gives us the following result: you'll see that we've got four items in the box-shadow property
value: the first length
value is the horizontal offset — the distance to the right the shadow is offset from the original box (or left, if the
value is negative).
... the second length
value is the vertical offset — the distance downwards that the shadow is offset from the original box (or upwards, if the
value is negative).
... the third length
value is the blur radius — the amount of blurring applied to the shadow.
...And 8 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.
... the three possible
values for the writing-mode property are: horizontal-tb: top-to-bottom block flow direction.
... 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.
...And 8 more matches
Your first form - Learn web development
form controls can also be programmed to enforce specific formats or
values to be entered (form validation), and paired with text labels that describe their purpose to both sighted and blind users.
...note the use of the for attribute on all <label> elements, which takes as its
value the id of the form control with which it is associated — this is how you associate a form control with its label.
... in our simple example, we use the
value <input/text> for the first input — the default
value for this attribute.
...And 8 more matches
Images in HTML - Learn web development
the src attribute contains a path pointing to the image you want to embed in the page, which can be a relative or absolute url, in the same way as href attribute
values in <a> elements.
...its
value is supposed to be a textual description of the image, for use in situations where the image cannot be seen/displayed or takes a long time to render because of a slow internet connection.
... set the image's correct width and height (hint: it is 200px wide and 171px high), then experiment with other
values to see what the effect is.
...And 8 more matches
Componentizing our Svelte app - Learn web development
so we added an onclick prop to let the child component communicate the new filter
value to its parent.
...that is, we will bind the filter variable's
value in the parent to its
value in the child.
... in todos.svelte, update the call to the filterbutton component as follows: <filterbutton bind:filter={filter} /> as usual, svelte provides us with a nice shorthand — bind:
value={
value} is equivalent to bind:
value.
...And 8 more matches
Setting up your own test automation environment - Learn web development
you can see useful common examples starting at getting text
values on the webdriver docs.
... in our google_test.js test for example, we included this block: driver.sleep(2000).then(function() { driver.gettitle().then(function(title) { if(title === 'webdriver - google search') { console.log('test passed'); } else { console.log('test failed'); } }); }); the sleep() method accepts a
value that specifies the time to wait in milliseconds — the method returns a promise that resolves at the end of that time, at which point the code inside the then() executes.
... in this case we get the title of the current page with the gettitle() method, then return a pass or fail message depending on what its
value is.
...And 8 more matches
NSS tools : modutil
1} files { unix/fort.so { relativepath{%root%/lib/fort.so} absolutepath{/usr/local/netscape/lib/fort.so} filepermissions{555} } xplat/instr.html { relativepath{%root%/docs/inst.html} absolutepath{/usr/local/netscape/docs/inst.html} filepermissions{555} } } } irix:6.2:mips { equivalentplatform { sunos:5.5.1:sparc } } } script grammar the script is basic java, allowing lists, key-
value pairs, strings, and combinations of all of them.
... -->
valuelist
valuelist -->
value valuelist <null>
value ---> key_
value_pair string key_
value_pair --> key {
valuelist } key --> string string --> simple_string "complex_string" simple_string --> [^ \t\n\""{""}"]+ complex_string --> ([^\"\\\r\n]|(\\\")|(\\\\))+ quotes and backslashes must be escaped with a backslash.
...each entry in the list is itself a key-
value pair: the key is the name of the platform and the
value list contains various attributes of the platform.
...And 8 more matches
pkfnc.html
to retrieve its current
value, use ssl_revealpinarg.
... returns the function returns one of these
values: if successful, a pointer to a certificate structure.
...to retrieve its current
value, use ssl_revealpinarg.
...And 8 more matches
NSS tools : modutil
rt.so} filepermissions{555} } xplat/instr.html { relativepath{%root%/docs/inst.html} absolutepath{/usr/local/netscape/docs/inst.html} filepermissions{555} } } } irix:6.2:mips { equivalentplatform { sunos:5.5.1:sparc } } } script grammar the script is basic java, allowing lists, key-
value pairs, strings, and combinations of all of them.
... -->
valuelist
valuelist -->
value valuelist <null>
value ---> key_
value_pair string key_
value_pair --> key {
valuelist } key --> string string --> simple_string "complex_string" simple_string --> [^ \t\n\""{""}"]+ complex_string --> ([^\"\\\r\n]|(\\\")|(\\\\))+ quotes and backslashes must be escaped with a backslash.
...each entry in the list is itself a key-
value pair: the key is the name of the platform and the
value list contains various attributes of the platform.
...And 8 more matches
64-bit Compatibility
for all intents and purposes they are also 32-bit on 64-bit platforms: intn, uintn jsintn, jsuintn, jsbool general problems with pointers when performing bitwise operations on pointer
values, make sure that both operands are 64-bit.
...for example, consider this code: #define pointer_tagbits 3 static inline uintptr_t unmaskpointer(uintptr_t v) { return v & ~pointer_tagbits; } the
value 3 will be inverted to 0xfffffffc, then zero-extended to 0x00000000fffffffc - a subtle and nasty bug, assuming it is unintended.
...builtins and calls when passing arguments to lirwriter::inscall(), there are four types: argsize_f - floating point
value argsize_i - 32-bit integer argsize_q - 64-bit integer argsize_p - 32-bit integer on 32-bit platforms, 64-bit integer on 64-bit platforms.
...And 8 more matches
Observer Notifications
you can cancel the shutdown from here by setting asubject.data to true (asubject is the first parameter to your observer, the data
value is an nsisupportsprbool).
... note: the data
value for this notification is either 'shutdown' or 'restart'.
... note: the data
value for this notification is always 'shutdown-persist'.
...And 8 more matches
nsIBinaryInputStream
return
value an 8-bit integer read from the stream.
... return
value a 16-bit integer read from the stream.
... return
value a 32-bit integer read from the stream.
...And 8 more matches
nsIDBFolderInfo
??"] .createinstance(components.interfaces.nsidbfolderinfo); method overview long andflags(in long flags); void changeexpungedbytes(in long delta); void changenummessages(in long delta); void changenumunreadmessages(in long delta); boolean getbooleanproperty(in string propertyname, in boolean default
value); void getcharacterset(out acstring charset, out boolean overriden); void getcharactersetoverride(out boolean charactersetoverride); obsolete since gecko 1.8 string getcharptrcharacterset(); string getcharptrproperty(in string propertyname); void getlocale(in nsstring result); native code only!
...obsolete since gecko 1.8 astring getproperty(in string propertyname); nsidbfolderinfo gettransferinfo(); unsigned long getuint32property(in string propertyname, in unsigned long default
value); void initfromtransferinfo(in nsidbfolderinfo transferinfo); long orflags(in long flags); void setbooleanproperty(in string propertyname, in boolean aproperty
value); void setcharacterset(in string charset); void setcharactersetoverride(in boolean charactersetoverride); obsolete since gecko 1.8 void setcharptrproperty(in string apropertyname, in string apropertyvalu...
...obsolete since gecko 1.8 void setproperty(in string propertyname, in astring propertystr); void setuint32property(in string propertyname, in unsigned long property
value); attributes attribute type description charactersetoverride boolean expiredmark nsmsgkey expungedbytes long flags long folderdate unsigned long foldername string folde...
...And 8 more matches
nsIFocusManager
constants constant
value description flag_raise 1 flag_noscroll 2 do not scroll the element to focus into view.
...this is a special
value used to focus links as the caret moves over them in caret browsing mode.
...void focusplugin( in nsicontent aplugin ); parameters aplugin getfocusedelementforwindow() nsidomelement getfocusedelementforwindow( in nsidomwindow awindow, in prbool adeep, out nsidomwindow afocusedwindow ); parameters awindow if equal to the current
value of focusedwindow, then the returned element will be the application-wide focused element (the
value of focusedelement).
...And 8 more matches
nsILocalFile
by default, this
value is false on all non-unix systems.
... persistentdescriptor acstring on some platforms, the
value of nsifile.path may be insufficient to uniquely identify the file on the local file system.
... note: the
value of the followlinks attribute is not encoded in the persistent descriptor.
...And 8 more matches
nsILoginManager
note: default
values for the nsiloginmetainfo properties are created if the specified login doesn't explicitly specify them.
... nsiautocompleteresult autocompletesearch( in astring asearchstring, in nsiautocompleteresult apreviousresult, in nsidomhtmlinputelement aelement ); parameters asearchstring missing description apreviousresult missing description aelement missing description return
value missing description countlogins() returns the number of logins matching the specified criteria.
...a
value of null will cause countlogins() to not match any logins.
...And 8 more matches
nsIMicrosummaryService
return
value returns an nsimicrosummary for the given page and generator uris.
...return
value returns an nsisimpleenumerator enumeration of bookmark ids.
... return
value returns an nsimicrosummarygenerator for the given uri.
...And 8 more matches
nsIMsgSearchSession
searchsession.addscopeterm(components.interfaces.nsmsgsearchscope.offlinemail, afolder); var searchterm = searchsession.createterm(); var
value = searchterm.
value;
value.str = a
value; searchterm.
value =
value; searchterm.op = searchsession.booleanor; searchterm.booleanand = false; searchsession.appendterm(searchterm); searchsession.search(null); inherits from: nsisupports method overview void addsearchterm(in nsmsgsearchattrib
value attrib, in nsmsgsearchop
value op, in nsimsgsearch
value value, in boolean booleanand, in strin...
...g arbitraryheader); nsimsgsearchterm createterm(); void appendterm(in nsimsgsearchterm term); void registerlistener(in nsimsgsearchnotify listener); void unregisterlistener(in nsimsgsearchnotify listener); void getnthsearchterm(in long whichterm, in nsmsgsearchattrib
value attrib, in nsmsgsearchop
value op, in nsimsgsearch
value value); long countsearchscopes(); void getnthsearchscope(in long which,out nsmsgsearchscope
value scopeid, out nsimsgfolder folder); void addscopeterm(in nsmsgsearchscope
value scope, in nsimsgfolder folder); void adddirectoryscopeterm(in nsmsgsearchscope
value scope); void clearscopes(); [noscript] boolean scopeusescustomheaders(in nsmsgsearchscope
value scope, in voidptr selec...
...tion, in boolean forfilters); boolean isstringattribute(in nsmsgsearchattrib
value attrib); void addallscopes(in nsmsgsearchscope
value attrib); void search(in nsimsgwindow awindow); void interruptsearch(); void pausesearch(); void resumesearch(); [noscript] nsmsgsearchtype setsearchparam(in nsmsgsearchtype type, in voidptr param); [noscript] void addresultelement(in nsmsgresultelement element); boolean matchhdr(in nsimsgdbhdr amsghdr, in nsimsgdatabase adatabase); void addsearchhit(in nsimsgdbhdr header, in nsimsgfolder folder); attributes attribute type description searchterms nsisupportsarray readonly: numsearchterms unsigned long readonly: r...
...And 8 more matches
Plug-in Development Overview - Plugins
for this the version stamp of the embedded resource of the plug-in dll should contain the following set of string/
value pairs: mimetype: for mime types fileextents: for file extensions fileopenname: for file open template productname: for plug-in name filedescription: for description language: for language in use in the mime types and file extensions strings, multiple
values are separated by the "|" character, for example: video/quicktime|audio/aiff|image/jpeg the version stamp will be loaded only ...
... npp_get
value is called after the plug-in is initialized to get the scripting interface while np_get
value is called during initialization to retrieve the plug-in's name and description, which will appear in the navigator.plugins dom object which is used to populate about:plugins.
... caution: gecko caches the
values returned by these functions and will only call it if the plug-in's timestamp has changed.
...And 8 more matches
Network request list - Firefox Developer Tools
the reset columns command on the context menu also resets the width of the columns to the default
values.
...a number
value is less than size if the resource was compressed.
...those keywords are followed by a colon and a related filter
value.
...And 8 more matches
ConstantSourceNode.offset - Web APIs
the read-only offset property of the constantsourcenode interface returns a audioparam object indicating the numeric a-rate
value which is always returned by the source when asked for the next sample.
... while the audioparam named offset is read-only, the
value property within is not.
... so you can change the
value of offset by setting the
value of constantsourcenode.offset.
value: myconstantsourcenode.offset.
value = new
value; syntax let offsetparameter = constantaudionode.offset; let offset = constantsourcenode.offset.
value; constantsourcenode.offset.
value = new
value;
value an audioparam object indicating the a-rate
value returned for every sample by this node.
...And 8 more matches
ConstantSourceNode - Web APIs
the constantsourcenode interface—part of the web audio api—represents an audio source (based upon audioscheduledsourcenode) whose output is single unchanging
value.
... this makes it useful for cases in which you need a constant
value coming in from an audio source.
... in addition, it can be used like a constructible audioparam by automating the
value of its offset or by connecting another node to it; see controlling multiple parameters with constantsourcenode.
...And 8 more matches
DOMMatrix - Web APIs
is2d read only a boolean flag whose
value is true if the matrix was initialized as a 2d matrix.
... isidentity read only a boolean whose
value is true if the matrix is the identity matrix.
... the identity matrix is one in which every
value is 0 except those on the main diagonal from top-left to bottom-right corner (in other words, where the offsets in each direction are equal).
...And 8 more matches
DOMPointReadOnly() - Web APIs
the dompointreadonly() constructor returns a new dompointreadonly object representing a point in 2d or 3d space, optionally with perspective, whose
values cannot be altered by script code.
... syntax point = new dompointreadonly(x, y, z, w); parameters x optional the
value of the horizontal coordinate, x, as a floating point number.
... the default
value is 0.
...And 8 more matches
HTMLImageElement - Web APIs
that means this
value is also true if the image has no src
value indicating an image to load.
...if this
value is provided, it must be one of the possible permitted
values: sync to decode the image synchronously, async to decode it asynchronously, or auto to indicate no preference (which is the default).
... read the decoding page for details on the implications of this property's
values.
...And 8 more matches
Option() - Web APIs
syntax var optionelementreference = new option(text,
value, defaultselected, selected); parameters text optional a domstring representing the content of the element, i.e.
...if this is not specified, a default
value of "" (empty string) is used.
...
value optional a domstring representing the
value of the htmloptionelement, i.e.
...And 8 more matches
IDBObjectStoreSync - Web APIs
method overview any add (in any
value, in optional any key) raises (idbdatabaseexception); idbindexsync createindex (in domstring name, in domstring storename, in domstring keypath, in optional boolean unique); any get (in any key) raises (idbdatabaseexception); idbcursorsync opencursor (in optional idbkeyrange range, in optional unsigned short direction) raises (idbdatabaseexception); idbindexsyn...
...c openindex (in domstring name) raises (idbdatabaseexception); any put (in any
value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); void removeindex (in domstring indexname) raises (idbdatabaseexception); attributes attribute type description indexnames readonly domstringlist a list of the names of the indexes on this object store.
...for possible
values, see constants.
...And 8 more matches
PannerNode.maxDistance - Web APIs
the maxdistance property of the pannernode interface is a double
value representing the maximum distance between the audio source and the listener, after which the volume is not reduced any further.
... this
value is used only by the linear distance model.
... the maxdistance property's default
value is 10000.
...And 8 more matches
RTCInboundRtpStreamStats - Web APIs
averagertcpinterval a floating-point
value indicating the average rtcp interval between two consecutive compound rtcp packets.
... fecpacketsdiscarded an integer
value indicating the number of rtp forward error correction (fec) packets which have been received for this source, for which the error correction payload was discarded.
... fecpacketsreceived an integer
value indicating the total number of rtp fec packets received for this source.
...And 8 more matches
RTCOutboundRtpStreamStats - Web APIs
averagertcpinterval a floating-point
value indicating the average rtcp interval between two consecutive compound rtcp packets.
... fircount an integer
value which indicates the total number of full intra request (fir) packets which this rtcrtpsender has sent to the remote rtcrtpreceiver.
... nackcount an integer
value indicating the total number of negative acknolwedgement (nack) packets this rtcrtpsender has received from the remote rtcrtpreceiver.
...And 8 more matches
RTCPeerConnection.createOffer() - Web APIs
the return
value is a promise which, when the offer has been created, is resolved with a rtcsessiondescription object containing the newly-created offer.
...if this
value is false, the remote peer will not be offered to send audio data, even if the local side will be sending audio data.
... if this
value is true, the remote peer will be offered to send audio data, even if the local side will not be sending audio data.
...And 8 more matches
Using readable streams - Web APIs
return new readablestream({ start(controller) { return pump(); function pump() { return reader.read().then(({ done,
value }) => { // when no more data needs to be consumed, close the stream if (done) { controller.close(); return; } // enqueue the next data chunk into our target stream controller.enqueue(
value); return pump(); }); } } }) }) .then(stream => new response(stream)) .then(response => response.blob()...
...in the pump() function seen above we first invoke read(), which returns a promise containing a results object — this has the results of our read in it, in the form { done,
value }: return reader.read().then(({ done,
value }) => { the results can be one of three different types: if a chunk is available to read, the promise will be fulfilled with an object of the form {
value: thechunk, done: false }.
... if the stream becomes closed, the promise will be fulfilled with an object of the form {
value: undefined, done: true }.
...And 8 more matches
SubtleCrypto.verify() - Web APIs
it returns a promise which will be fulfilled with a boolean
value indicating whether the signature is valid.
...the
values given for the extra parameters must match those passed into the corresponding sign() call.
... return
value result is a promise that fulfills with a boolean: true if the signature is valid, false otherwise.
...And 8 more matches
TouchEvent - Web APIs
touchevent.altkey read only a boolean
value indicating whether or not the alt key was down when the touch event was fired.
... touchevent.ctrlkey read only a boolean
value indicating whether or not the control key was down when the touch event was fired.
... touchevent.metakey read only a boolean
value indicating whether or not the meta key was down when the touch event was fired.
...And 8 more matches
ValidityState - Web APIs
together, they help explain why an element's
value fails to validate, if it's not valid.
... properties for each of these boolean properties, a
value of true indicates that the specified reason validation may have failed is true, with the exception of the valid property, which is true if the element's
value obeys all constraints.
... patternmismatch read only a boolean that is true if the
value does not match the specified pattern, and false if it does match.
...And 8 more matches
WebGLRenderingContext.getFramebufferAttachmentParameter() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
... when using a webgl 2 context, the following
values are available additionally: gl.draw_framebuffer: equivalent to gl.framebuffer.
...possible
values: gl.color_attachment0: texture attachment for the framebuffer's color buffer.
...And 8 more matches
WebGLRenderingContext.stencilFuncSeparate() - Web APIs
the webglrenderingcontext.stencilfuncseparate() method of the webgl api sets the front and/or back function and reference
value for stencil testing.
...the possible
values are: gl.front gl.back gl.front_and_back func a glenum specifying the test function.
...the possible
values are: gl.never: never pass.
...And 8 more matches
Writing a WebSocket server in C# - Web APIs
the
value is zero until networkstream.dataavailable is true.
... you must: obtain the
value of the "sec-websocket-key" request header without any leading or trailing whitespace concatenate it with "258eafa5-e914-47da-95ca-c5ab0dc85b11" (a special guid specified by rfc 6455) compute sha-1 and base64 hash of the new
value write the hash back as the
value of "sec-websocket-accept" response header in an http response if (new system.text.regularexpressions.regex("^get").ismatch(data)) ...
...ytes("http/1.1 101 switching protocols" + eol + "connection: upgrade" + eol + "upgrade: websocket" + eol + "sec-websocket-accept: " + convert.tobase64string( system.security.cryptography.sha1.create().computehash( encoding.utf8.getbytes( new system.text.regularexpressions.regex("sec-websocket-key: (.*)").match(data).groups[1].
value.trim() + "258eafa5-e914-47da-95ca-c5ab0dc85b11" ) ) ) + eol + eol); stream.write(response, 0, response.length); } decoding messages after a successful handshake, the client will send encoded messages to the server.
...And 8 more matches
Using XMLHttpRequest - Web APIs
note: as of gecko 12.0, if your progress event is called with a responsetype of "moz-blob", the
value of response is a blob containing the data received so far.
.../* enctype is multipart/form-data */ "content-disposition: form-data; name=\"" + ofield.name + "\"\r\n\r\n" + ofield.
value + "\r\n" : /* enctype is application/x-www-form-urlencoded or text/plain or method is get */ ffilter(ofield.name) + "=" + ffilter(ofield.
value) ); } } processstatus(this); } return function (oformelement) { if (!oformelement.action) { return; } new submitrequest(oformelement); }; })(); </script> </head> <body> <h1>sending forms with pu...
...re ajax</h1> <h2>using the get method</h2> <form action="register.php" method="get" onsubmit="ajaxsubmit(this); return false;"> <fieldset> <legend>registration example</legend> <p> first name: <input type="text" name="firstname" /><br /> last name: <input type="text" name="lastname" /> </p> <p> <input type="submit"
value="submit" /> </p> </fieldset> </form> <h2>using the post method</h2> <h3>enctype: application/x-www-form-urlencoded (default)</h3> <form action="register.php" method="post" onsubmit="ajaxsubmit(this); return false;"> <fieldset> <legend>registration example</legend> <p> first name: <input type="text" name="firstname" /><br /> last name: <input type="text" name="lastname" /> </p> <p> <input type="sub...
...And 8 more matches
ARIA: button role - Accessibility
the aria-pressed attribute
values of true or false identify a button as a toggle button.
...the
value of aria-pressed describes the state of the button.
... the
values include aria-pressed="false" when a button is not currently pressed, aria-pressed="true" to indicate a button is currently pressed, and aria-pressed="mixed" if the button is considered to be partially pressed.
...And 8 more matches
Web Accessibility: Understanding Colors and Luminance - Accessibility
for example, the color "crimson red" may be described in hex
values as #990000 by some and #dc143c by others.
... there's movement towards adopting the use of hsl color
values rather than rgb
values is css color module 3 (see section 4.2.4), the rationale being that rgb is hardware-oriented, reflecting the use of crts, and that rgb is non-intuitive.
... looking at how the rgb color space is used to describe a color "red", you can see that the same color may be expressed in a shorthand, three-digit hex number that converts to a rgb
value, as a full six-digit hex number that also converts to the same rgb
value, or as a rgba
value, expressed in percentages.
...And 8 more matches
-moz-context-properties - CSS: Cascading Style Sheets
the -moz-context-properties property can be used within privileged contexts in firefox to share the
values of specified properties of the element with a child svg image.
... if you reference an svg image in a webpage (such as with the <img> element or as a background image), the svg image can coordinate with the embedding element (its context) to have the image adopt property
values set on the embedding element.
... to do this the embedding element needs to list the properties that are to be made available to the image by listing them as
values of the -moz-context-properties property, and the image needs to opt in to using those properties by using
values such as the context-fill
value.
...And 8 more matches
@counter-style - CSS: Cascading Style Sheets
a @counter-style rule defines how to convert a counter
value into a string representation.
... system specifies the algorithm to be used for converting the integer
value of a counter to a string representation.
... negative lets the author specify symbols to be appended or prepended to the counter representation if the
value is negative.
...And 8 more matches
CSS Box Alignment - CSS: Cascading Style Sheets
the first item overrides the align-items
value set on the group by setting align-self to center.
...for justify-self or align-self, or when setting these
values as a group with justify-items or align-items, this will be the margin box of the element that this property is being used on.
... types of alignment there are three different types of alignment that the specification details; these use keyword
values.
...And 8 more matches
Using CSS counters - CSS: Cascading Style Sheets
counters are, in essence, variables maintained by css whose
values may be incremented by css rules to track how many times they're used.
... using counters manipulating a counter's
value to use a css counter, it must first be initialized to a
value with the counter-reset property (0 by default).
... the same property can also be used to change its
value to any specific number.
...And 8 more matches
animation - CSS: Cascading Style Sheets
each individual animation is specified as: zero or one occurrences of the following
values: <single-transition-timing-function> <single-animation-iteration-count> <single-animation-direction> <single-animation-fill-mode> <single-animation-play-state> an optional name for the animation, which may be none, a <custom-ident>, or a <string> zero, one, or two <time>
values the order of
values within each animation definition is important: the first
value that can ...
... the order within each animation definition is also important for distinguishing animation-name
values from other keywords.
... 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 8 more matches
border-image-outset - CSS: Cascading Style Sheets
syntax /* <length>
value */ border-image-outset: 1rem; /* <number>
value */ border-image-outset: 1.5; /* vertical | horizontal */ border-image-outset: 1 1.2; /* top | horizontal | bottom */ border-image-outset: 30px 2 45px; /* top | right | bottom | left */ border-image-outset: 7px 12px 14px 5px; /* global
values */ border-image-outset: inherit; border-image-outset: initial; border-image-outset: unset; the border-...
...image-outset property may be specified as one, two, three, or four
values.
... each
value is a <length> or <number>.
...And 8 more matches
border-image-slice - CSS: Cascading Style Sheets
syntax /* all sides */ border-image-slice: 30%; /* vertical | horizontal */ border-image-slice: 10% 30%; /* top | horizontal | bottom */ border-image-slice: 30 30% 45; /* top | right | bottom | left */ border-image-slice: 7 12 14 5; /* using the `fill` keyword */ border-image-slice: 10% fill 7 12; /* global
values */ border-image-slice: inherit; border-image-slice: initial; border-image-slice: unset; the border-image-slice property may be specified using one to four <number-percentage>
values to represent the position of each image slice.
... negative
values are invalid;
values greater than their corresponding dimension are clamped to 100%.
... when two positions are specified, the first
value creates slices measured from the top and bottom, the second creates slices measured from the left and right.
...And 8 more matches
clip-path - CSS: Cascading Style Sheets
syntax /* keyword
values */ clip-path: none; /* <clip-source>
values */ clip-path: url(resources.svg#c1); /* <geometry-box>
values */ clip-path: margin-box; clip-path: border-box; clip-path: padding-box; clip-path: content-box; clip-path: fill-box; clip-path: stroke-box; clip-path: view-box; /* <basic-shape>
values */ clip-path: inset(100px 50px); clip-path: circle(50px at 0 100px); clip-path: polygon(50% 0%, 100% 50...
...%, 50% 100%, 0% 50%); clip-path: path('m0.5,1 c0.5,1,0,0.7,0,0.3 a0.25,0.25,1,1,1,0.5,0.3 a0.25,0.25,1,1,1,1,0.3 c1,0.7,0.5,1,0.5,1 z'); /* box and shape
values combined */ clip-path: padding-box circle(50px at 0 100px); /* global
values */ clip-path: inherit; clip-path: initial; clip-path: unset; the clip-path property is specified as one or a combination of the
values listed below.
...
values <clip-source> a <url> referencing an svg <clippath> element.
...And 8 more matches
Inheritance - CSS: Cascading Style Sheets
in css, inheritance controls what happens when no
value is specified for a property on an element.
... css properties can be categorized in two types: inherited properties, which by default are set to the computed
value of the parent element non-inherited properties, which by default are set to initial
value of the property refer to any css property definition to see whether a specific property inherits by default ("inherited: yes") or not ("inherited: no").
... inherited properties when no
value for an inherited property has been specified on an element, the element gets the computed
value of that property on its parent element.
...And 8 more matches
letter-spacing - CSS: Cascading Style Sheets
this
value is added to the natural spacing between characters while rendering the text.
... positive
values of letter-spacing causes characters to spread farther apart, while negative
values of letter-spacing bring characters closer together.
... syntax /* keyword
value */ letter-spacing: normal; /* <length>
values */ letter-spacing: 0.3em; letter-spacing: 3px; letter-spacing: .3px; /* global
values */ letter-spacing: inherit; letter-spacing: initial; letter-spacing: unset;
values normal the normal letter spacing for the current font.
...And 8 more matches
margin-left - CSS: Cascading Style Sheets
a positive
value places it farther from its neighbors, while a negative
value places it closer.
... in the rare cases where width is overconstrained (i.e., when all of width, margin-left, border, padding, the content area, and margin-right are defined), margin-left is ignored, and will have the same calculated
value as if the auto
value was specified.
... syntax /* <length>
values */ margin-left: 10px; /* an absolute length */ margin-left: 1em; /* relative to the text size */ margin-left: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-left: auto; /* global
values */ margin-left: inherit; margin-left: initial; margin-left: unset; the margin-left property is specified as the keyword auto, or a <length>, or a <percentage>.
...And 8 more matches
margin - CSS: Cascading Style Sheets
syntax /* apply to all four sides */ margin: 1em; margin: -3px; /* vertical | horizontal */ margin: 5% auto; /* top | horizontal | bottom */ margin: 1em auto 2em; /* top | right | bottom | left */ margin: 2px 1em 0 auto; /* global
values */ margin: inherit; margin: initial; margin: unset; the margin property may be specified using one, two, three, or four
values.
... each
value is a <length>, a <percentage>, or the keyword auto.
... negative
values draw the element closer to its neighbors than it would be by default.
...And 8 more matches
min() - CSS: Cascading Style Sheets
the min() css function lets you set the smallest (most negative)
value from a list of comma-separated expressions as the
value of a css property
value.
...think of the min()
value as providing the maximum
value a property can have.
... syntax the min() function takes one or more comma-separated expressions as its parameter, with the smallest (most negative) expression
value result used as the
value.
...And 8 more matches
place-items - CSS: Cascading Style Sheets
if the second
value is not set, the first
value is also used for it.
... constituent properties this property is a shorthand for the following css properties: align-items justify-items syntax /* keyword
values */ place-items: auto center; place-items: normal start; /* positional alignment */ place-items: center normal; place-items: start auto; place-items: end normal; place-items: self-start auto; place-items: self-end normal; place-items: flex-start auto; place-items: flex-end normal; place-items: left auto; place-items: right normal; /* baseline alignment */ place-items: baseline normal; place-items: first baseline auto; place-it...
...ems: last baseline normal; place-items: stretch auto; /* global
values */ place-items: inherit; place-items: initial; place-items: unset;
values auto the
value used is the
value of the justify-items property of the parents box, unless the box has no parent, or is absolutely positioned, in these cases, auto represents normal.
...And 8 more matches
text-align - CSS: Cascading Style Sheets
syntax /* keyword
values */ text-align: left; text-align: right; text-align: center; text-align: justify; text-align: justify-all; text-align: start; text-align: end; text-align: match-parent; /* character-based alignment in a table column */ text-align: "."; text-align: "." center; /* block alignment
values (non-standard syntax) */ text-align: -moz-center; text-align: -webkit-center; /* global
values */ text-align: ...
...inherit; text-align: initial; text-align: unset; the text-align property is specified in one of the following ways: using the keyword
values start, end, left, right, center, justify, justify-all, or match-parent.
... using a <string>
value only, in which case the other
value defaults to right.
...And 8 more matches
var() - CSS: Cascading Style Sheets
the var() css function can be used to insert the
value of a custom property (sometimes called a "css variable") instead of any part of a
value of another property.
... the var() function cannot be used in property names, selectors or anything else besides property
values.
... (doing so usually produces invalid syntax, or else a
value whose meaning has no connection to the variable.) syntax the first argument to the function is the name of the custom property to be substituted.
...And 8 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
the html autocomplete attribute is available on <input> elements that take a text or numeric
value as input, <textarea> elements, <select> elements, and <form> elements.
... autocomplete lets web developers specify what if any permission the user agent has to provide automated assistance in filling out form field
values, as well as guidance to the browser as to the type of information expected in the field.
... the source of the suggested
values is generally up to the browser; typically
values come from past
values entered by the user, but they may also come from pre-configured
values.
...And 8 more matches
HTML attribute: step - HTML: Hypertext Markup Language
valid for the numeric input types, including the date, month, week, time, datetime-local, number and range types, the step attribute is a number that specifies the granularity that the
value must adhere to or the keyword any.
...the
value can must be a positive number - integer or float -- or the special
value any, which means no stepping is implied, and any
value is allowed (barring other constraints, such as min and max).
... the default stepping
value for number inputs is 1, allowing only integers to be entered, unless the stepping base is not an integer.
...And 8 more matches
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
the allowed
values are: anonymous sends a cross-origin request without a credential.
... currenttime reading currenttime returns a double-precision floating-point
value indicating the current playback position, in seconds, of the audio.
... duration read only a double-precision floating-point
value which indicates the duration (total length) of the audio in seconds, on the media's timeline.
...And 8 more matches
<input type="hidden"> - HTML: Hypertext Markup Language
<input id="prodid" name="prodid" type="hidden"
value="xm234jq">
value a domstring representing the
value of the hidden data you want to pass back to the server.
... supported common attributes autocomplete idl attributes
value methods none.
...
value the <input> element's
value attribute holds a domstring that contains the hidden data you want to include when the form is submitted to the server.
...And 8 more matches
Set-Cookie - HTTP
header type response header forbidden header name no forbidden response-header name yes syntax set-cookie: <cookie-name>=<cookie-
value> set-cookie: <cookie-name>=<cookie-
value>; expires=<date> set-cookie: <cookie-name>=<cookie-
value>; max-age=<non-zero-digit> set-cookie: <cookie-name>=<cookie-
value>; domain=<domain-
value> set-cookie: <cookie-name>=<cookie-
value>; path=<path-
value> set-cookie: <cookie-name>=<cookie-
value>; secure set-cookie: <cookie-name>=<cookie-
value>; httponly set-cookie: <cookie-name>=<cookie-
value>; samesit...
...e=strict set-cookie: <cookie-name>=<cookie-
value>; samesite=lax set-cookie: <cookie-name>=<cookie-
value>; samesite=none // multiple attributes are also possible, for example: set-cookie: <cookie-name>=<cookie-
value>; domain=<domain-
value>; secure; httponly attributes <cookie-name>=<cookie-
value> a cookie begins with a name-
value pair: a <cookie-name> can be any us-ascii characters, except control characters, spaces, or tabs.
... a <cookie-
value> can optionally be wrapped in double quotes and include any us-ascii characters excluding control characters, whitespace, double quotes, comma, semicolon, and backslash.
...And 8 more matches
Meta programming - JavaScript
if target is not extensible, object.getprototypeof(proxy) method must return the same
value as object.getprototypeof(target).
... handler.setprototypeof() object.setprototypeof() reflect.setprototypeof() if target is not extensible, the prototype parameter must be the same
value as object.getprototypeof(target).
... handler.isextensible() object.isextensible() reflect.isextensible() object.isextensible(proxy) must return the same
value as object.isextensible(target).
...And 8 more matches
Array.prototype.filter() - JavaScript
thisargoptional
value to use as this when executing callback.
... return
value a new array with the elements that pass the test.
... description filter() calls a provided callback function once for each element in an array, and constructs a new array of all the
values for which callback returns a
value that coerces to true.
...And 8 more matches
Date.parse() - JavaScript
the date.parse() method parses a string representation of a date, and returns the number of milliseconds since january 1, 1970, 00:00:00 utc or nan if the string is unrecognized or, in some cases, contains illegal date
values (e.g.
...(other formats may be used, but results are implementation-dependent.) return
value a number representing the milliseconds elapsed since january 1, 1970, 00:00:00 utc and the date obtained by parsing the given string representation of a date.
... this function is useful for setting date
values based on string
values, for example in conjunction with the settime() method and the date object.
...And 8 more matches
Function.prototype.call() - JavaScript
the call() method calls a function with a given this
value and arguments provided individually.
... syntax func.call([thisarg[, arg1, arg2, ...argn]]) parameters thisarg optional the
value to use as this when calling func.
... caution: in certain cases, thisarg may not be the actual
value seen by the method.
...And 8 more matches
Number.NEGATIVE_INFINITY - JavaScript
the number.negative_infinity property represents the negative infinity
value.
... property attributes of number.negative_infinity writable no enumerable no configurable no description the
value of number.negative_infinity is the same as the negative
value of the global object's infinity property.
... this
value behaves slightly differently than mathematical infinity: any positive
value, including positive_infinity, multiplied by negative_infinity is negative_infinity.
...And 8 more matches
Symbol - JavaScript
the symbol() function returns a
value of type symbol, has static properties that expose several members of built-in objects, has static methods that expose the global symbol registry, and resembles a built-in object class, but is incomplete as a constructor because it does not support the syntax "new symbol()".
... every symbol
value returned from symbol() is unique.
... a symbol
value may be used as an identifier for object properties; this is the data type's primary purpose, although other use-cases exist, such as enabling opaque data types, or serving as an implementation-supported unique identifier in general.
...And 8 more matches
switch - JavaScript
the switch statement evaluates an expression, matching the expression's
value to a case clause, and executes statements associated with that case, as well as statements in cases that follow the matching case.
... syntax switch (expression) { case
value1: //statements executed when the //result of expression matches
value1 [break;] case
value2: //statements executed when the //result of expression matches
value2 [break;] ...
... case
valuen: //statements executed when the //result of expression matches
valuen [break;] [default: //statements executed when none of //the
values match the
value of the expression [break;]] } expression an expression whose result is matched against each case clause.
...And 8 more matches
Navigation and resource timings - Web Performance
if there is no previous document, this
value will be the same as performancetiming.fetchstart.
...if there is no redirect, or if one of the redirects is not of the same origin, the
value returned is 0.
...if there is no redirect, or if one of the redirects is not of the same origin, the
value returned is 0.
...And 8 more matches
keyTimes - SVG: Scalable Vector Graphics
the keytimes attribute represents a list of time
values used to control the pacing of the animation.
... each time in the list corresponds to a
value in the
values attribute list, and defines when the
value is used in the animation.
... each time
value in the keytimes list is specified as a floating point
value between 0 and 1 (inclusive), representing a proportional offset into the duration of the animation element.
...And 8 more matches
page-worker - Archive of obsolete content
this may take one of the following
values: "start": load content scripts immediately after the document element for the page is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the t...
... contentscriptoptions object read-only
value exposed to content scripts under self.options property.
... any kind of jsonable
value (object, array, string, etc.) can be used here.
...And 7 more matches
XPCOM Objects - Archive of obsolete content
this._prefservice = cc["@mozilla.org/preferences-service;1"].getservice(ci.nsiprefbranch); this._pref
value = this._prefservice.getboolpref("somepreferencename"); this._prefservice.queryinterface(ci.nsiprefbranch2); this._prefservice.addobserver("somepreferencename", this, false); this._prefservice.queryinterface(ci.nsiprefbranch); this is a common piece of code you'll see when initializing components or jsm that rely on preferences.
... we use the preferences service to get and set preference
values, such as the preference
value we're getting on the fourth line of code.
...in general, you can rely on javascript's ability to transform
values to the correct type, but it's usually best to pass the right type in the first place.
...And 7 more matches
generateCRMFRequest() - Archive of obsolete content
"regtoken" a
value used to authenticate the user to the ra/ca.
... "authenticator" a
value that the user can authenticate with in the future when their private key is not available.
... "escrowauthoritycert" if this
value is null, then no key escrow will be performed.
...And 7 more matches
Binding Implementations - Archive of obsolete content
the first type of property is a raw
value that is set directly on the element itself.
... for properties with raw
values, an initial
value can be specified as a child of the property tag.
... the script is evaluated at the time of binding attachment and the resulting
value is stored on the element.
...And 7 more matches
Methods - Archive of obsolete content
delete
value removes the
value of an arbitrary key.
... enum
valuenames retrieves the
value of a given subkey.
... get
value retrieves the
value of an arbitrary key.
...And 7 more matches
Using Spacers - Archive of obsolete content
you can use a higher number as the
value of the flex attribute.
... the
values of the flex element are a ratio.
...once the default sizes of the children of a box are determined, the flexibility
values are used to divide up the remaining empty space in the box.
...And 7 more matches
Mozilla XForms User Interface - Archive of obsolete content
when a xf:output binds to a node that has a type of xsd:date, we output the date
value as plain text.
... appearance - the
value provided by the form author gives a hint to the processor as to which widget to use to represent the xforms control.
... three possible
values are available to the author: minimal, compact and full.
...And 7 more matches
Building up a basic demo with PlayCanvas editor - Game development
the box is created with the default
values — width, height and depth are set to 1, and it is placed in the middle of the scene.
... you can drag it around or apply new
values in the right panel.
...from here you can click your desired color or enter it in the bottom text field as a hex
value.
...And 7 more matches
Grids - Learn web development
to define a grid we use the grid
value of the display property.
...the fr unit distributes space in proportion, therefore you can give different positive
values to your tracks, for example if you change the definition like so: .container { display: grid; grid-template-columns: 2fr 1fr 1fr; } the first track now gets 2fr of the available space and the other two tracks get 1fr, making the first track larger.
...the first
value passed to the repeat function is how many times you want the listing to repeat, while the second
value is a track listing, which may be one or more tracks that you want to repeat.
...And 7 more matches
HTML forms in legacy browsers - Learn web development
if a browser does not know the
value of the type attribute of an <input> element, it will fall back as if the
value were text.
... <label for="mycolor"> pick a color <input type="color" id="mycolor" name="color"> </label> supported not supported form buttons there are two ways to define buttons within html forms: the <input> element with its attribute type set to the
values button, submit, reset or image the <button> element <input> the <input> element can make things a little difficult if you want to apply some css by using the element selector: <input type="button"
value="click me"> if we remove the border on all inputs, can we restore the default appearance on input buttons only?
...*/ border: revert; } see the global css revert
value for more information.
...And 7 more matches
Video and Audio APIs - Learn web development
if it is paused, we set the data-icon attribute
value on the play button to "u", which is a "paused" icon, and invoke the htmlmediaelement.play() method to play the media.
...setting currenttime to a
value (in seconds) immediately jumps the media to that position.
...when invoked, setinterval() creates an active interval, meaning that it runs the function given as the first parameter every x milliseconds, where x is the
value of the 2nd parameter.
...And 7 more matches
Inheritance in JavaScript - Learn web development
the first parameter specifies the
value of this that you want to use when running the function, and the other parameters are those that should be passed to the function when it is invoked.
... inheriting from a constructor with no parameters note that if the constructor you are inheriting from doesn't take its property
values from parameters, you don't need to specify them as additional arguments in call().
...in this case we are using it to create a new object and make it the
value of teacher.prototype.
...And 7 more matches
Using the Browser API
when you press the keyboard's return button, the 'submit' event is fired, which we handle like this: urlform.addeventlistener('submit',function(e) { e.preventdefault(); browser.src = urlbar.
value; urlbar.blur(); }); we first call preventdefault() to stop the form just submitting and reloading the page — which is really not what we want.
... we then set the browser iframe's src attribute to equal the
value of the url bar, which causes the new url to be loaded in the iframe.
...when this fires, we set the
value inside the url bar input to be equal to the event object detail property — this is so that the url displayed continues to match the website being shown when the user navigates back and forth through the history.
...And 7 more matches
DMD
it helps us reduce the "heap-unclassified"
value in firefox's about:memory page, and also detects if any heap blocks are reported twice.
...acceptable
values are dark-matter (the default), live, cumulative, and scan.
...acceptable
values are partial (the default) and full.
...And 7 more matches
A brief guide to Mozilla preferences
a preference is any
value or defined behavior that can be set (presumably, one setting is preferable to another).
...the
values are saved to the user profile (in prefs.js), for both firefox and thunderbird.
...the exception to this is a preference read using sticky_pref() - these preference will be written whenever the preference has a user
value even when it is the same as the default.
...And 7 more matches
PKCS11 Implement
currently, the cka_id attribute is set to the modulus for rsa or to the public
value on dsa.
... the nss may hash this
value in the future.
...if a certificate is loaded, the
value of the certificate's cka_id attribute must match the
value of the cka_id attribute for the corresponding private key, and the
value of the certificate's cka_label attribute must also match the
value of the cka_label attribute for the private key.
...And 7 more matches
Python binding for NSS
all nss/nspr python objects can print their current
value by evaluting the python object in a string context or by using the python str() function.
...also, any "global"
values which are set in python-nss are actually thread-local.
... convenience functions are provided to translate between the numeric
value of an enumerated constant and it's string representation and visa versa.
...And 7 more matches
JS::Evaluate
syntax // added in spidermonkey 45 bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mutablehandle
value rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::mutablehandle
value rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mutablehandle
value rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char *filename, js::mutablehandle
value rval); b...
...ool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const readonlycompileoptions &options, const char16_t *chars, size_t length, js::mutablehandle
value rval); // added in spidermonkey 17 bool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mutablehandle
value rval); // obsolete since jsapi 39 bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mutablehandle
value rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, ...
...js::mutablehandle
value rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mutablehandle
value rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *filename, js::mutablehandle
value rval); name type description cx jscontext * the context in which to run the script.
...And 7 more matches
SpiderMonkey 1.8.7
js_addroot has been replaced by js_addobjectroot, js_add
valueroot and js_addstringroot; similar changes were made for js_addnamedroot and js_removeroot.
...type changes jsval the base data type, jsval, which represents all possible
values in javascript, has changed from 32- to 64-bits wide, and the underlying representation has changed from a c integer type to a c struct.
...additionally, because not all fields are used by all jsvals, it is no longer safe to compare jsvals as though they were c
values.
...And 7 more matches
Gecko object attributes
applied to: any visible accessible id any
value, defined by ui/content developers.
...the level
value is 1-based.
...the first item should have posinset="1", and the last item should have a posinset
value equal to the setsize.
...And 7 more matches
extIPreferenceBranch
method overview boolean has(in astring aname) extipreference get(in astring aname) nsivariant get
value(in astring aname, in nsivariant adefault
value) void set
value(in astring aname, in nsivariant a
value) void reset() attributes attribute type description root readonly attribute astring the name of the branch root.
... boolean has(in astring aname) parameters aname the name of preference return
value true if the preference exists, false if not get() gets an object representing a preference extipreference get(in astring aname) parameters aname the name of preference return
value a preference object, or null if the preference does not exist get
value() gets the
value of a preference.
... returns a default
value if the preference does not exist.
...And 7 more matches
IAccessibleTableCell
return
value s_ok.
... return
value s_false if there is no header, [out]
values are null and 0 respectively.
... return
value s_ok.
...And 7 more matches
mozIStorageFunction
last changed in gecko 1.9.1.4 (firefox 3.5.4) inherits from: nsisupports method overview nsivariant onfunctioncall(in mozistorage
valuearray afunctionarguments); methods onfunctioncall() the implementation of the function.
... nsivariant onfunctioncall( in mozistorage
valuearray afunctionarguments ); parameters afunctionarguments a mozistorage
valuearray holding the arguments passed in to the function.
... return
value an nsivariant this is the return
value of the function.
...And 7 more matches
nsIAccessNode
method overview nsiaccessnode getchildnodeat(in long childnum); obsolete since gecko 2.0 nsidomcssprimitive
value getcomputedstylecss
value(in domstring pseudoelt, in domstring propertyname); domstring getcomputedstyle
value(in domstring pseudoelt, in domstring propertyname); void scrollto(in unsigned long ascrolltype); void scrolltopoint(in unsigned long acoordinatetype, in long ax, in long ay); attributes note: attempting to access the attributes of a node that is unatta...
... return
value the nth nsiaccessnode child.
... getcomputedstylecss
value() retrieve the computed style
value as nsidomcssprimitive
value for the dom node this access node is associated with.
...And 7 more matches
nsIChannel
the
value of the contentcharset attribute is a mixed case string.
...a
value of -1 indicates that the content length is unknown.
...in earlier versions callers could get the "content-length" property as 64-bit
value by queryinterfacing the channel to nsipropertybag2, if that interface is exposed by the channel.
...And 7 more matches
nsIComponentRegistrar
return
value the contractid corresponding to aclassid if one exists and is registered.
... return
value the classid corresponding to acontractid if one exists and is registered.
...return
value an nsisimpleenumerator over the list of registered classes.
...And 7 more matches
nsICryptoHash
the
values map directly onto the
values defined in mozilla/security/nss/lib/cryptohi/hasht.h.
... constant
value description md2 1 message digest algorithm 2 md5 2 message-digest algorithm 5 sha1 3 secure hash algorithm 1 sha256 4 secure hash algorithm 256 sha384 5 secure hash algorithm 384 sha512 6 secure hash algorithm 512 methods finish() completes the hash object and produces the actual hash data.
... acstring finish( in prbool aascii ); parameters aascii if true then the returned
value is a base-64 encoded string.
...And 7 more matches
nsIDOMEvent
if the event can bubble the
value is true, else the
value is false.
...if the default action can be prevented the
value is true, else the
value is false.
...due to the fact that some systems may not provide this information the
value of timestamp may be not available for all events.
...And 7 more matches
nsIMessenger
constants name
value description eunknown 0 unknown transaction type.
... boolean canundo(); return
value boolean representing whether undo is available.
... boolean canredo(); return
value boolean representing whether redo is available.
...And 7 more matches
nsINavHistoryService
constants transition type constants constant
value description transition_link 1 this transition type means the user followed a link and got a new toplevel window.
... return
value returns the original title of the page.
... return
value returns true if this uri would be added to the history, otherwise returns false.
...And 7 more matches
nsISelection2
a
value of 0 means the frame's upper edge is aligned with the top edge of the visible area.
... a
value of 100 means the frame's bottom edge is aligned with the bottom edge of the visible area.
... for
values in between, the point "avpercent" down the frame is placed at the point "avpercent" down the visible area.
...And 7 more matches
Add to iPhoto
basic cftype routines handle memory management, dumping cftype objects to the console, comparing cftype
values, and so forth.
...the string can be stored in any of a number of encodings, so you use assorted functions that know how to cope with different encodings to set and get
values of cfstrings, as well as to perform typical string operations.
... the pathname is specified as a
value of type ctypes.unsigned_char.ptr, which is a pointer to an unsigned character.
...And 7 more matches
Plug-in Basics - Plugins
directories pointed to by hkey_current_user\software\mozillaplugins\*\path registry
value, where * can be replaced by any name.
... directories pointed to by hkey_local_machine\software\mozillaplugins\*\path registry
value, where * can be replaced by any name.
...ct elements <html> <head> <title>example 1: nesting object elements</title> <style type="text/css"> .myplugin { width: 470px; height: 231px; } </style> </head> <body><p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,30,0" class="myplugin"> <param name="movie"
value="foo.swf"/> <param name="quality"
value="high"/> <param name="salign"
value="tl"/> <param name="menu"
value="0"/> <object data="foo_movie.swf" type="application/x-shockwave-flash" class="myplugin"/> <param name="quality"
value="high"/> <param name="salign"
value="tl"/> <param name="menu"
value="0"/> <object type="*...
...And 7 more matches
AudioBufferSourceNode - Web APIs
audiobuffersourcenode.buffer an audiobuffer that defines the audio asset to be played, or when set to the
value null, defines a single channel of silence (in which every sample is 0.0).
...this
value is compounded with playbackrate to determine the speed at which the sound is played.
... its default
value is 0 (meaning no detuning), and its nominal range is -∞ to ∞.
...And 7 more matches
DynamicsCompressorNode() - Web APIs
its default
value is 0.003.
... knee: a decibel
value representing the range above the threshold where the curve smoothly transitions to the "ratio" portion.
... its default
value is 30.
...And 7 more matches
Element.animate() - Web APIs
syntax var animation = element.animate(keyframes, options); parameters keyframes either an array of keyframe objects, or a keyframe object whose property are arrays of
values to iterate over.
...although this is technically optional, keep in mind that your animation will not run if this
value is 0.
...accepts the pre-defined
values "linear", "ease", "ease-in", "ease-out", and "ease-in-out", or a custom "cubic-bezier"
value like "cubic-bezier(0.42, 0, 0.58, 1)".
...And 7 more matches
HTMLMediaElement - Web APIs
the domtokenlist takes one or more of three possible
values: nodownload, nofullscreen, and noremoteplayback.
... htmlmediaelement.currenttime a double-precision floating-point
value indicating the current playback time in seconds; if the media has not started to play and has not been seeked, this
value is the media's initial playback time.
... setting this
value seeks the media to the new time.
...And 7 more matches
HTMLOutputElement - Web APIs
htmloutputelement.default
value a domstring representing the default
value of the element, initially the empty string.
... htmloutputelement.htmlforread only a domtokenlist reflecting the for html attribute, containing a list of ids of other elements in the same document that contribute to (or otherwise affect) the calculated
value.
... htmloutputelement.
value a domstring representing the
value of the contents of the elements.
...And 7 more matches
HTMLTableCellElement - Web APIs
usually the
value of abbr is an abbreviation or acronym, but can be any text that's appropriate contextually.
...if no
value is specified for scope, the header is not associated directly with cells in this way.
... permitted
values for scope are: col the header cell applies to the following cells in the same column (or columns, if colspan is used as well), until either the end of the column or another <th> in the column establishes a new scope.
...And 7 more matches
KeyboardEvent - Web APIs
keyboard location identifiers constant
value description dom_key_location_standard 0x00 the key described by the event is not identified as being located in a particular area of the keyboard; it is not located on the numeric keypad (unless it's the numlock key), and for keys that are duplicated on the left and right sides of the keyboard, the key is, for whatever reason, not to be associated with that location.
... keyboardevent.code read only returns a domstring with the code
value of the physical key represented by the event.
... keyboardevent.key read only returns a domstring representing the key
value of the key represented by the event.
...And 7 more matches
PointerEvent.PointerEvent() - Web APIs
pointereventinitoptional is a pointereventinit dictionary, having the following fields: pointerid — optional and defaulting to 0, of type long, that sets the
value of the instance's pointerevent.pointerid.
... width — optional and defaulting to 1, of type double, that sets the
value of the instance's pointerevent.width.
... height — optional and defaulting to 1, of type double, that sets the
value of the instance's pointerevent.height.
...And 7 more matches
RTCInboundRtpStreamStats.qpSum - Web APIs
the qpsum property of the rtcinboundrtpstreamstats dictionary is a
value generated by adding the quantization parameter (qp)
values for every frame sent or received to date on the video track corresponding to this rtcinboundrtpstreamstats object.
... syntax var qpsum = rtcinboundrtpstreamstats.qpsum;
value an unsigned 64-bit integer
value which indicates the sum of the quantization parameter (qp)
value for every frame sent or received so far on the track described by the rtcinboundrtpstreamstats object.
... since the
value of qp is typically larger to indicate higher compression factors, the larger this sum is, the more heavily compressed the stream generally has been.
...And 7 more matches
RTCOutboundRtpStreamStats.qpSum - Web APIs
the qpsum property of the rtcoutboundrtpstreamstats dictionary is a
value generated by adding the quantization parameter (qp)
values for every frame this sender has produced to date on the video track corresponding to this rtcoutboundrtpstreamstats object.
... syntax var qpsum = rtcoutboundrtpstreamstats.qpsum;
value an unsigned 64-bit integer
value which indicates the sum of the quantization parameter (qp)
value for every frame sent so far on the track described by the rtcoutboundrtpstreamstats object.
... since the
value of qp is typically larger to indicate higher compression factors, the larger this sum is, the more heavily compressed the stream generally has been.
...And 7 more matches
RTCPeerConnection.addIceCandidate() - Web APIs
if the candidate parameter is missing or a
value of null is given when calling addicecandidate(), the added ice candidate is an "end-of-candidates" indicator.
... the same is the case if the
value of the specified object's candidate is either missing or an empty string (""), it signals that all remote candidates have been delivered.
... the end-of-candidates notification is transmitted to the remote peer using a candidate with an a-line
value of end-of-candidates.
...And 7 more matches
RTCRtpStreamStats.qpSum - Web APIs
the qpsum property of the rtcrtpstreamstats dictionary is a
value generated by adding the quantization parameter (qp)
values for every frame sent or received to date on the video track corresponding to this rtcrtpstreamstats object.
... syntax var qpsum = rtcrtpstreamstats.qpsum;
value an unsigned 64-bit integer
value which indicates the sum of the quantization parameter (qp)
value for every frame sent or received so far on the track described by the rtcrtpstreamstats object.
... since the
value of qp is typically larger to indicate higher compression factors, the larger this sum is, the more heavily compressed the stream generally has been.
...And 7 more matches
RTCRtpStreamStats - Web APIs
kind a domstring whose
value is "audio" if the associated mediastreamtrack is audio-only or "video" if the track contains video.
... this
value will match that of the media type indicated by rtccodecstats.codec, as well as the track's kind property.
...this
value is generated per the rfc 3550 specification.
...And 7 more matches
WebGLRenderingContext.stencilFunc() - Web APIs
the webglrenderingcontext.stencilfunc() method of the webgl api sets the front and back function and reference
value for stencil testing.
...the possible
values are: gl.never: never pass.
... ref a glint specifying the reference
value for the stencil test.
...And 7 more matches
WebGLRenderingContext.vertexAttrib[1234]f[v]() - Web APIs
the webglrenderingcontext.vertexattrib[1234]f[v]() methods of the webgl api specify constant
values for generic vertex attributes.
... syntax void gl.vertexattrib1f(index, v0); void gl.vertexattrib2f(index, v0, v1); void gl.vertexattrib3f(index, v0, v1, v2); void gl.vertexattrib4f(index, v0, v1, v2, v3); void gl.vertexattrib1fv(index,
value); void gl.vertexattrib2fv(index,
value); void gl.vertexattrib3fv(index,
value); void gl.vertexattrib4fv(index,
value); parameters index a gluint specifying the position of the vertex attribute to be modified.
... v0, v1, v2, v3 a floating point number for the vertex attribute
value.
...And 7 more matches
Geometry and reference spaces in WebXR - Web APIs
each of the three axes has a minimum
value of -1.0 and a maximum of 1.0, with the center of the cube located at (0, 0, 0).
...to convert degrees to radians, simply multiply the
value in degrees by π/180.
... all times and durations in webxr are measured using the domhighrestimestamp type, which is a double-precision floating-point
value specifying the time in milliseconds relative to the starting time.
...And 7 more matches
Window.devicePixelRatio - Web APIs
this
value could also be interpreted as the ratio of pixel sizes: the size of one css pixel to the size of one physical pixel.
... you can use window.matchmedia() to check if the
value of devicepixelratio changes (which can happen, for example, if the user drags the window to a display with a different pixel density).
... syntax
value = window.devicepixelratio;
value a double-precision floating-point
value indicating the ratio of the display's resolution in physical pixels to the resolution in css pixels.
...And 7 more matches
Window.prompt() - Web APIs
default optional a string containing the default
value displayed in the text input field.
... note that in internet explorer 7 and 8, if you do not provide this parameter, the string "undefined" is the default
value.
... return
value a string containing the text entered by the user, or null.
...And 7 more matches
XMLHttpRequest.responseType - Web APIs
the xmlhttprequest property responsetype is an enumerated string
value specifying the type of data contained in the response.
...if an empty string is set as the
value of responsetype, the default
value of text is used.
... syntax var type = xmlhttprequest.responsetype; xmlhttprequest.responsetype = type;
value a string taken from the xmlhttprequestresponsetype enum which specifies what type of data the response contains.
...And 7 more matches
Using the progressbar role - Accessibility
if the actual
value of the progressbar can be determined, the developer has to indicate this progress using the aria-
valuenow, aria-
valuemin, and aria-
valuemax attributes.
... if the progress
value is indeterminate, the developer should omit the aria-
valuenow attribute.
... as the task progresses, the aria-
valuenow
value has to be updated dynamically to indicate this progress to assistive technology products.
...And 7 more matches
Using the slider role - Accessibility
the slider role is used for markup that allows a user to select a
value from within a given range.
... the slider role is assigned to the "thumb," the control that is adjusted to change the
value.
... as the user interacts with the thumb, the application must programmatically adjust the slider's aria-
valuenow (and possible aria-
valuetext) attribute to reflect the current
value.
...And 7 more matches
ARIA: switch role - Accessibility
the two possible
values are true and false.
...the switch role does not support the
value mixed for the aria-checked attribute; assigning a
value of mixed to a switch instead sets the
value to false.
...the expected keyboard shortcut for toggling the
value of a switch is the space key.
...And 7 more matches
range - CSS: Cascading Style Sheets
when defining custom counter styles, the range descriptor lets the author specify a range of counter
values over which the style is applied.
... if a counter
value is outside the specified range, then the fallback style will be used to construct the representation of that marker.
... syntax /* keyword
value */ range: auto; /* range
values */ range: 2 5; range: infinite 10; range: 6 infinite; range: infinite infinite; /* multiple range
values */ range: 2 5, 8 10; range: infinite 6, 10 infinite;
values auto the range depends on the counter system: for cyclic, numeric, and fixed systems, the range is negative infinity to positive infinity.
...And 7 more matches
font-stretch - CSS: Cascading Style Sheets
the
values for the css descriptor is same as that of its corresponding font property.
... syntax /* single
values */ font-stretch: ultra-condensed; font-stretch: extra-condensed; font-stretch: condensed; font-stretch: semi-condensed; font-stretch: normal; font-stretch: semi-expanded; font-stretch: expanded; font-stretch: extra-expanded; font-stretch: ultra-expanded; font-stretch: 50%; font-stretch: 100%; font-stretch: 200%; /* multiple
values */ font-stretch: 75% 125%; font-stretch: condensed ultra-condensed;; the font-weight property is described using any one of the
values listed below.
...
values normal specifies a normal font face.
...And 7 more matches
font-weight - CSS: Cascading Style Sheets
the
values for the css descriptor is same as that of its corresponding font property.
... syntax /* single
values */ font-weight: normal; font-weight: bold; font-weight: 400; /* multiple
values */ font-weight: normal bold; font-weight: 300 500; the font-weight property is described using any one of the
values listed below.
...
values normal normal font weight.
...And 7 more matches
Attribute selectors - CSS: Cascading Style Sheets
the css attribute selector matches elements based on the presence or
value of a given attribute.
... [attr=
value] represents elements with an attribute name of attr whose
value is exactly
value.
... [attr~=
value] represents elements with an attribute name of attr whose
value is a whitespace-separated list of words, one of which is exactly
value.
...And 7 more matches
Flow Layout and Overflow - CSS: Cascading Style Sheets
the property that controls how overflow behaves is the overflow property which has an initial
value of visible.
... controlling overflow there are other
values that control how overflow content behaves.
... to hide overflowing content use a
value of hidden.
...And 7 more matches
Shapes From Images - CSS: Cascading Style Sheets
rather than drawing a path with a complex polygon in css, you can create the shape in a graphics program and then use the path created by the pixels less opaque than a threshold
value.
...pixels that are more opaque than this
value will be used to calculate the area of the shape.
...i use the path to the image file as the
value of the shape-outside property.
...And 7 more matches
Syntax - CSS: Cascading Style Sheets
the
value which describe how the feature must be handled by the engine.
... each property has a set of valid
values, defined by a formal grammar, as well as a semantic meaning, implemented by the browser engine.
... css declarations setting css properties to specific
values is the core function of the css language.
...And 7 more matches
animation-timing-function - CSS: Cascading Style Sheets
syntax /* keyword
values */ animation-timing-function: ease; animation-timing-function: ease-in; animation-timing-function: ease-out; animation-timing-function: ease-in-out; animation-timing-function: linear; animation-timing-function: step-start; animation-timing-function: step-end; /* function
values */ animation-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); animation-timing-function: steps(4, end); /* steps fu...
...*/ animation-timing-function: steps(4, jump-start); animation-timing-function: steps(10, jump-end); animation-timing-function: steps(20, jump-none); animation-timing-function: steps(5, jump-both); animation-timing-function: steps(6, start); animation-timing-function: steps(8, end); /* multiple animations */ animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1.0, 0.1); /* global
values */ animation-timing-function: inherit; animation-timing-function: initial; animation-timing-function: unset; timing functions may be specified on individual keyframes in a @keyframes rule.
... if no animation-timing-function is specified on a keyframe, the corresponding
value of animation-timing-function from the element to which the animation is applied is used for that keyframe.
...And 7 more matches
border-bottom-left-radius - CSS: Cascading Style Sheets
the rounding can be a circle or an ellipse, or if one of the
value is 0 no rounding is done and the corner is square.
... a background, being an image or a color, is clipped at the border, even a rounded one; the exact location of the clipping is defined by the
value of the background-clip property.
... note: if the
value of this property is not set in a border-radius shorthand property that is applied to the element after the border-bottom-left-radius css property, the
value of this property is then reset to its initial
value by the shorthand property.
...And 7 more matches
border-bottom-right-radius - CSS: Cascading Style Sheets
the rounding can be a circle or an ellipse, or if one of the
value is 0 no rounding is done and the corner is square.
... a background, being an image or a color, is clipped at the border, even a rounded one; the exact location of the clipping is defined by the
value of the background-clip property.
... note: if the
value of this property is not set in a border-radius shorthand property that is applied to the element after the border-bottom-right-radius css property, the
value of this property is then reset to its initial
value by the shorthand property.
...And 7 more matches
border-top-left-radius - CSS: Cascading Style Sheets
the rounding can be a circle or an ellipse, or if one of the
value is 0,no rounding is done and the corner is square.
... a background, being an image or a color, is clipped at the border, even a rounded one; the exact location of the clipping is defined by the
value of the background-clip property.
... note: if the
value of this property is not set in a border-radius shorthand property that is applied to the element after the border-top-left-radius css property, the
value of this property is then reset to its initial
value by the shorthand property.
...And 7 more matches
border-top-right-radius - CSS: Cascading Style Sheets
the rounding can be a circle or an ellipse, or if one of the
value is 0 no rounding is done and the corner is square.
... a background, being an image or a color, is clipped at the border, even a rounded one; the exact location of the clipping is defined by the
value of the background-clip property.
... note: if the
value of this property is not set in a border-radius shorthand property that is applied to the element after the border-top-right-radius css property, the
value of this property is then reset to its initial
value by the shorthand property.
...And 7 more matches
calc() - CSS: Cascading Style Sheets
the calc() css function lets you perform calculations when specifying css property
values.
... syntax /* property: calc(expression) */ width: calc(100% - 80px); the calc() function takes a single expression as its parameter, with the expression's result used as the
value.
... the operands in the expression may be any <length> syntax
value.
...And 7 more matches
env() - CSS: Cascading Style Sheets
the env() css function can be used to insert the
value of a user agent-defined environment variable into your css, in a similar fashion to the var() function and custom properties.
... to tell the browser to use the whole available space on the screen, and so enabling us to use the env() variables, we need to add a new viewport meta
value: <meta name="viewport" content="viewport-fit=cover" /> body { padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } in addition, unlike custom properties, which cannot be used outside of declarations, the env() function can be used in place of any part of a property
value, or any part of a descriptor (e.g.
... originally provided by the ios browser to allow developers to place their content in a safe area of the viewport, the safe-area-inset-*
values defined in the specification can be used to help ensure content is visible even to viewers using non‑rectangular displays.
...And 7 more matches
font-variant-east-asian - CSS: Cascading Style Sheets
font-variant-east-asian: normal; font-variant-east-asian: ruby; font-variant-east-asian: jis78; /* <east-asian-variant-
values> */ font-variant-east-asian: jis83; /* <east-asian-variant-
values> */ font-variant-east-asian: jis90; /* <east-asian-variant-
values> */ font-variant-east-asian: jis04; /* <east-asian-variant-
values> */ font-variant-east-asian: simplified; /* <east-asian-variant-
values> */ font-variant-east-asian: traditional; /* <east-asian-variant-
values> */ font-variant-east-asian: full-width; /* <east-asian-width-
values> */ font-variant-east-asian: proportional-width; /* <east-asian...
...-width-
values> */ font-variant-east-asian: ruby full-width jis83; /* global
values */ font-variant-east-asian: inherit; font-variant-east-asian: initial; font-variant-east-asian: unset; syntax
values normal this keyword leads to the deactivation of the use of such alternate glyphs.
...this keyword corresponds to the opentype
values ruby.
...And 7 more matches
margin-right - CSS: Cascading Style Sheets
a positive
value places it farther from its neighbors, while a negative
value places it closer.
... syntax /* <length>
values */ margin-right: 20px; /* an absolute length */ margin-right: 1em; /* relative to the text size */ margin-right: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-right: auto; /* global
values */ margin-right: inherit; margin-right: initial; margin-right: unset; the margin-right property is specified as the keyword auto, or a <length>, or a <percentage>.
... its
value can be positive, zero, or negative.
...And 7 more matches
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; padding: unset; the padding property may be specified using one, two, three, or four
values.
... each
value is a <length> or a <percentage>.
... negative
values are invalid.
...And 7 more matches
quotes - CSS: Cascading Style Sheets
the quotes css property sets how the browser should render quotation marks that are added using the open-quotes or close-quotes
values of the css content property.
... syntax /* keyword
value */ quotes: none; quotes: auto; /* <string>
values */ quotes: "«" "»"; /* set open-quote and close-quote to the french quotation marks */ quotes: "«" "»" "‹" "›"; /* set two levels of quotation marks */ /* global
values */ quotes: inherit; quotes: initial; quotes: unset;
values none the open-quote and close-quote
values of the content property produce no quotation marks.
... auto appropriate quote marks will be used for whatever language
value is set on the selected elements (i.e.
...And 7 more matches
HTML attribute: pattern - HTML: Hypertext Markup Language
the pattern attribute specifies a regular expression the form control's
value should match.
... if a non-null
value doesn't conform to the constraints set by the pattern
value, the validitystate object's read-only patternmismatch property will be true.
... the pattern attribute, when specified, is a regular expression which the input's
value must match in order for the
value to pass constraint validation.
...And 7 more matches
<button>: The Button element - HTML: Hypertext Markup Language
the
value of this attribute must be the id of a <form> in the same document.
...possible
values: application/x-www-form-urlencoded: the default if the attribute is not used.
...possible
values: post: the data from the form are included in the body of the http request when sent to the server.
...And 7 more matches
Array.prototype.sort() - JavaScript
the default sort order is ascending, built upon converting the elements into strings, then comparing their sequences of utf-16 code units
values.
...if omitted, the array elements are converted to strings, then sorted according to each character's unicode code point
value.
... return
value the sorted array.
...And 7 more matches
FinalizationRegistry - JavaScript
you create the registry passing in the callback: const registry = new finalizationregistry(held
value => { // ....
... }); then you register any objects you want a cleanup callback for by calling the `register` method, passing in the object and a *held
value* for it: registry.register(theobject, "some
value"); the registry does not keep a strong reference to the object, as that would defeat the purpose (if the registry held it strongly, the object would never be reclaimed).
... if theobject is reclaimed, your cleanup callback may be called at some point with the held
value you provided for it ("some
value" in the above).
...And 7 more matches
Intl.Locale.prototype.numeric - JavaScript
numeric is a boolean
value, which means that it can be either true or false.
... if numeric is set to false, there will be no special handling of numeric
values in strings.
... examples setting the numeric
value via the locale string in the unicode locale string spec, the
values that numeric represents correspond to the key kn.
...And 7 more matches
Intl.NumberFormat.prototype.resolvedOptions() - JavaScript
syntax numberformat.resolvedoptions() return
value a new object with properties reflecting the locale and number formatting options computed during the initialization of the given numberformat object.
...if any unicode extension
values were requested in the input bcp 47 language tag that led to this locale, the key-
value pairs that were requested and are supported for this locale are included in locale.
... numberingsystem the
value provided for this properties in the options argument, if present, or the
value requested using the unicode extension key "nu" or filled in as a default.
...And 7 more matches
Intl.RelativeTimeFormat() constructor - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
...possible
values are: "always" (default, e.g., 1 day ago), or "auto" (e.g., yesterday).
... the "auto"
value allows to not always have to use numeric
values in the output.
...And 7 more matches
Intl.RelativeTimeFormat.prototype.format() - JavaScript
the intl.relativetimeformat.prototype.format() method formats a
value and unit according to the locale and formatting options of this relativetimeformat object.
... syntax relativetimeformat.format(
value, unit) parameters
value numeric
value to use in the internationalized relative time message.
...possible
values are: "year", "quarter", "month", "week", "day", "hour", "minute", "second".
...And 7 more matches
Promise.all() - JavaScript
return
value an already resolved promise if the iterable passed is empty.
...returned
values will be in order of the promises passed, regardless of completion order.
... fulfillment the returned promise is fulfilled with an array containing all the
values of the iterable passed as argument (also non-promise
values).
...And 7 more matches
handler.set() - JavaScript
the handler.set() method is a trap for setting a property
value.
... syntax const p = new proxy(target, { set: function(target, property,
value, receiver) { } }); parameters the following parameters are passed to the set() method.
...
value the new
value of the property to set.
...And 7 more matches
String.prototype.indexOf() - JavaScript
the indexof() method returns the index within the calling string object of the first occurrence of the specified
value, starting the search at fromindex.
... returns -1 if the
value is not found.
... syntax str.indexof(search
value [, fromindex]) parameters search
value the string
value to search for.
...And 7 more matches
Logical OR (||) - JavaScript
it is typically used with boolean (logical)
values.
... when it is, it returns a boolean
value.
... however, the || operator actually returns the
value of one of the specified operands, so if this operator is used with non-boolean
values, it will return a non-boolean
value.
...And 7 more matches
const - JavaScript
the
value of a constant can't be changed through reassignment, and it can't be redeclared.
... syntax const name1 =
value1 [, name2 =
value2 [, ...
... [, namen =
valuen]]]; namen the constant's name, which can be any legal identifier.
...And 7 more matches
operator - SVG: Scalable Vector Graphics
value over | in | out | atop | xor | lighter | arithmetic default
value over animatable yes over this
value indicates that the source graphic defined in the in attribute is placed over the destination graphic defined in the in2 attribute.
... in this
value indicates that the parts of the source graphic defined in the in attribute that overlap the destination graphic defined in the in2 attribute, replace the destination graphic.
... out this
value indicates that the parts of the source graphic defined in the in attribute that fall outside the destination graphic defined in the in2 attribute, are displayed.
...And 7 more matches
<a> - SVG: Scalable Vector Graphics
value type: <string> ; default
value: none; animatable: no href the url or url fragment the hyperlink points to.
...
value type: <url> ; default
value: none; animatable: yes hreflang the human language of the url or url fragment that the hyperlink points to.
...
value type: <string> ; default
value: none; animatable: yes ping a space-separated list of urls to which, when the hyperlink is followed, post requests with the body ping will be sent by the browser (in the background).
...And 7 more matches
<marker> - SVG: Scalable Vector Graphics
value type: <length> ; default
value: 3; animatable: yes markerunits this attribute defines the coordinate system for the attributes markerwidth, markerheight and the contents of the <marker>.
...
value type: userspaceonuse|strokewidth ; default
value: strokewidth; animatable: yes markerwidth this attribute defines the width of the marker viewport.
...
value type: <length> ; default
value: 3; animatable: yes orient this attribute defines the orientation of the marker relative to the shape it is attached to.
...And 7 more matches
<radialGradient> - SVG: Scalable Vector Graphics
value type: <length> ; default
value: 50%; animatable: yes cy this attribute defines the y coordinate of the end circle of the radial gradient.
...
value type: <length> ; default
value: 50%; animatable: yes fr this attribute defines the radius of the start circle of the radial gradient.
...
value type: <length> ; default
value: 50%; animatable: yes fx this attribute defines the x coordinate of the start circle of the radial gradient.
...And 7 more matches
<symbol> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default
value: auto; animatable: yes preserveaspectratio this attribute defines how the svg fragment must be deformed if it is embedded in a container with a different aspect ratio.
...
value type: (none| xminymin| xmidymin| xmaxymin| xminymid| xmidymid| xmaxymid| xminymax| xmidymax| xmaxymax) (meet|slice)?
... ; default
value: xmidymid meet; animatable: yes refx this attribute determines the x coordinate of the reference point of the symbol.
...And 7 more matches
PI Parameters - XSLT: Extensible Stylesheet Language Transformations
<?xslt-param name="color"
value="blue"?> <?xslt-param name="size" select="2"?> <?xml-stylesheet type="text/xsl" href="style.xsl"?> note that these pis have no effect when transformation is done using the xsltprocessor object in javascript.
...
value contains the string
value for the parameter.
... the
value of the attribute is used as
value for the parameter.
...And 7 more matches
simple-storage - Archive of obsolete content
to store a
value, just assign it to a property on storage: var ss = require("sdk/simple-storage"); ss.storage.myarray = [1, 1, 2, 3, 5, 8, 13]; ss.storage.myboolean = true; ss.storage.mynull = null; ss.storage.mynumber = 3.1337; ss.storage.myobject = { a: "foo", b: { c: true }, d: null }; ss.storage.mystring = "o frabjous day!"; you can store array, boolean, number, object, null, and string
values.
... if you'd like to store other types of
values, you'll first have to convert them to strings or another one of these types.
...here's an add-on that adds three buttons to write, read, and delete a
value: var ss = require("sdk/simple-storage"); require("sdk/ui/button/action").actionbutton({ id: "write", label: "write", icon: "./write.png", onclick: function() { ss.storage.
value = 1; console.log("setting
value"); } }); require("sdk/ui/button/action").actionbutton({ id: "read", label: "read", icon: "./read.png", onclick: function() { console.log(ss.storage.
value); ...
...And 6 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
passing the name of the window type as the parameter of the nsiwindowmediator.getmostrecentwindow() method returns the most recently active window from among the root element's windows with that type set for the windowtype attribute
value.
...the second parameter gives the access privileges to that file using unix-style octal
values.
... the nsilocalfile object includes methods that return virtual state
values for the current file, as shown in table 1.
...And 6 more matches
Adding windows and dialogs - Archive of obsolete content
if this
value is null or empty, the default toolbars of the main window will be added to the new one, which is rarely what you want.
... the window.open page has a detailed description of the features you can use and their
values.
... let some
value = 2; let return
value = { accepted : false , result : "" }; window.opendialog( "chrome://xulschoolhello/content/somedialog.xul", "xulschoolhello-some-dialog", "chrome,centerscreen", some
value, return
value); // you can send as many extra parameters as you need.
...And 6 more matches
XUL Events - Archive of obsolete content
the default action of the event can be prevented to prevent the popup to appear.popupshownthe popupshown event is executed when a <menupopup>, <panel> or <tooltip> has become visible.radiostatechangethe radiostatechange event is executed when the state of a <radio> element has changed.
valuechangethe
valuechange event is executed when the
value of an element, <progress> for example, has changed.
... attribute: onblur change this event is sent when the
value of the textbox is changed.
...in the event handler, you can retrieve the attribute that was modified using the event's attrname property, and you can retrieve the old and new
values of the attribute using the event's prev
value and new
value properties.
...And 6 more matches
Result Generation - Archive of obsolete content
nodes in rdf are identified by a string
value.
... there are two types of nodes in rdf, resources which usually represent 'things', and literals which are
values like the names, dates or sizes of those things, and so on.
... a literal's
value is, for example, the name of the thing, such as 'fred'.
...And 6 more matches
Tree Widget Changes - Archive of obsolete content
for example, nsitreeview.getcell
value() takes a row index and a nsitreecolumn as arguments, whereas before it took a row index and a column id.
... the constants below have been changed, and their integer
values are different: nsitreeview.indropbefore -> nsitreeview.drop_before (-1) nsitreeview.indropon -> nsitreeview.drop_on (0) nsitreeview.indropafter -> nsitreeview.drop_after (1) nsitreeview.progressnormal -> nsitreeview.progress_normal (1) nsitreeview.progressundetermined -> nsitreeview.progress_undetermined (2) n...
...previously the
value existed but was not implemented.
...And 6 more matches
Modifying a XUL Interface - Archive of obsolete content
getelementbyid() only knows the box it is looking to find has an id with the
value "abox".
...common properties that you will manipulate include the label,
value, checked and disabled properties.
...label and
value properties examples here is a simple example which changes the label on a button: example 3 : source view <button label="hello" oncommand="this.label = 'goodbye';"/> when the button is pressed, the label is changed.
...And 6 more matches
More Button Features - Archive of obsolete content
by setting this attribute to the
value reverse, the image will be placed on the right side of the text.
... by using the
value normal, or leaving the attribute out entirely, the image will be placed on the left side of the text.
...the default
value is horizontal which is used to place the image on the left or right.
...And 6 more matches
caption - Archive of obsolete content
crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
... for example, for a menuitem in a menu you can add the following css rule when you want to use the
value none: menupopup > menuitem, menupopup > menu { max-width: none; } image type: uri the uri of the image to appear on the element.
...And 6 more matches
treecell - Archive of obsolete content
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">.
...for an editable menuitem element the
value of this attribute is copied to the menulist.
value property upon user selection of the menuitem.
... mode type: one of the
values below for columns that are progress meters, this determines the type of progress meter to use.
...And 6 more matches
treecol - Archive of obsolete content
<tree flex="1" editable="true"> <treecols> <treecol label="active" type="checkbox" editable="true"/> <treecol label="name" flex="1" /> </treecols> <treechildren> <treeitem> <treerow> <treecell
value="true"/> <treecell label="alice"/> </treerow> </treeitem> <treeitem> <treerow> <treecell
value="false"/> <treecell label="bob"/> </treerow> </treeitem> </treechildren> </tree> to make the checkbox visible on some platforms, the following styles need to be added to the stylesheet (see treecol.type).
... attributes crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
...And 6 more matches
where - Archive of obsolete content
attributes ignorecase, multiple, negate, rel, subject,
value examples (example needed) attributes ignorecase type: boolean set to true to indicate that the case does not matter when making comparisons.
... otherwise, the default
value is false, to indicate that the
value should match with the same case.
... multiple type: boolean set to true to indicate that the
value contains multiple
values separated by commas.
...And 6 more matches
The First Install Problem - Archive of obsolete content
add the following
values to the newly created key -- some are string
values (reg_sz), and some are actually subkeys.
... string
values take the form string
value=
valuedata, and subkeys contain their own string
values and
value data.
... "path" -- string
value -- this would be the absolute path to the plugin module.
...And 6 more matches
Using the W3C DOM - Archive of obsolete content
unsupported dom-related properties the following ie proprietary document object properties are not supported in the w3c document object model: document.layers[] id_attribute_
value document.all document.all.id_attribute_
value document.all[id_attribute_
value] the following form related properties (originally from internet explorer) are not supported in the w3c document object model: formname.inputname.
value inputname.
value formctrlname document.forms(0) (note: document.forms[0] (using square brackets) uses the dom standard forms collection) scripts that use thes...
... ie-specific ways to access elements w3c web standards replacements id_attribute_
value document.getelementbyid() document.all.id_attribute_
value document.getelementbyid() document.all[id_attribute_
value] document.getelementbyid() formname.inputname.
value document.forms["formname"].inputname.
value or document.forms["formname"].elements["inputname"].
value inputname.
value document.forms["formname"].inputname.
value or document.
...forms["formname"].elements["inputname"].
value formctrlname document.forms["formname"].formctrlname or document.forms["formname"].elements["formctrlname"] document.forms(0) document.forms[0] more on accessing forms and form elements: referencing forms and form controls by comp.lang.javascript newsgroup faq notes dom 2 specification on accessing forms and form elements referencing forms and form elements correctly, javascript best practices, by matt kruse for accessing a group of elements, the dom specification also includes getelementsbytagname, which returns a nodelist of all the elements with the given tag name in the order they appear in the document: var arrcollection_of_pargs = document.getelementsbytagname("p"); var objfirst_parg = arrcollection_of_p...
...And 6 more matches
Implementing controls using the Gamepad API - Game development
axes: the state of each axis, represented by an array of floating-point
values.
... buttons : the state of each button, represented by an array of gamepadbutton objects containing pressed and
value properties.
...uttons status gamepadapi.buttonsstatus = []; // get the gamepad object var c = gamepadapi.controller || {}; // loop through buttons and push the pressed ones to the array var pressed = []; if(c.buttons) { for(var b=0,t=c.buttons.length; b<t; b++) { if(c.buttons[b].pressed) { pressed.push(gamepadapi.buttons[b]); } } } // loop through axes and push their
values to the array var axes = []; if(c.axes) { for(var a=0,x=c.axes.length; a<x; a++) { axes.push(c.axes[a].tofixed(2)); } } // assign received
values gamepadapi.axesstatus = axes; gamepadapi.buttonsstatus = pressed; // return buttons for debugging purposes return pressed; }, on every frame, update() saves buttons pressed during the previous frame to the buttonscache arr...
...And 6 more matches
Symbol - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, symbol is a primitive
value.
... a
value having the data type symbol can be referred to as a "symbol
value".
... in a javascript runtime environment, a symbol
value is created by invoking the function symbol, which dynamically produces an anonymous, unique
value.
...And 6 more matches
Pseudo-classes and pseudo-elements - Learn web development
try changing the text
value of the content property and see it change in the output.
... :blank matches an <input> element whose input
value is empty.
... :dir select an element based on its directionality (
value of the html dir attribute or css direction property).
...And 6 more matches
Styling lists - Learn web development
the default
value is outside, which causes the bullets to sit outside the list items, as seen above.
... if you set the
value to inside, the bullets will sit inside the lines: ol { list-style-type: upper-roman; list-style-position: inside; } using a custom bullet image the list-style-image property allows you to use a custom image for your bullet.
...we only want one copy of the image inserted in each case, so we set this to a
value of no-repeat.
...And 6 more matches
Functions — reusable blocks of code - Learn web development
you can also assign an anonymous function to be the
value of a variable, for example: const mygreeting = function() { alert('hello'); } this function could now be invoked using: mygreeting(); this effectively gives the function a name; you can also assign the function to be the
value of multiple variables, for example: let anothergreeting = mygreeting; this function could now be invoked using either of: mygreeting(); anothergreeting(); but thi...
...again, this looks something like this: mybutton.onclick = function() { alert('hello'); // i can put as much code // inside here as i want } function parameters some functions require parameters to be specified when you are invoking them — these are
values that need to be included inside the function parentheses, which it needs to do its job properly.
...
values defined in the global scope are accessible from everywhere in the code.
...And 6 more matches
What went wrong? Troubleshooting JavaScript - Learn web development
note: null is a special
value that means "nothing", or "no
value".
... so loworhi has been declared and initialised, but not with any meaningful
value — it has no type or
value.
...let's check whether the
value is null after this line has been run.
...And 6 more matches
Deferred
method overview void resolve([optional] a
value); void reject([optional] areason); properties attribute type description promise read only promise a newly created promise, initially in the pending state.
... methods resolve() fulfills the associated promise with the specified
value, or propagates the state of an existing promise.
... if the associated promise has already been resolved, either to a
value, a rejection, or another promise, this method does nothing.
...And 6 more matches
WebRequest.jsm
to perform one of these operations, include a property with the appropriate name in the object returned from the listener, and assign it the desired
value, as detailed in the table below: operation available in return property cancel onbeforerequest cancel boolean
value set to true.
... opt_extrainfospec
values name description "blocking" make the browser wait until the listener returns.
... opt_extrainfospec
values name description "blocking" make the browser wait until the listener returns.
...And 6 more matches
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 handling of those computed
values is the responsibility of other parts of the code.
...in one half (the backend) are the sources of specified style data, and in the other half (the frontend) is the code that turns the specified
values into computed
values.
...And 6 more matches
nss tech note4
critical : indicates whether the extension is critical
value : the
value of the extension looping through all extensions certcertextension** extensions =cert->extensions; if (extensions) { while (*extensions) { secitem *ext_oid = &(*extensions)->id; secitem *ext_critical = &(*extensions)->critical; secitem *ext_
value = &(*extensions)->
value; ...
...} /* critical attribute of the extension */ if (ext_critical->len > 0) { if (ext_critical->data[0]) /* the extension is critical */ else /* the extension is not critical */ } /*
value attribute of the extension */ /* secitem ext_
value has type (secitemtype), data (unsigned char *) and len (unsigned int) fields - the application interprets these */ secoidtag oidtag = secoid_findoidtag(ext_oid); switch (oidtag) { case a_tag_that_app_recognizes: ...
...{ sec_asn1_octet_string, offsetof( mycertextdata, phonenum ) }, { sec_asn1_octet_string, offsetof( mycertextdata, rfc822name ) }, { sec_asn1_octet_string, offsetof( mycertextdata, id ) }, { sec_asn1_integer, offsetof(mycertextdata, maxusers ) }, { 0 } }; /* oid for my cert extension - replace 0xff with appropriate
values*/ static const unsigned char myoid[] = { 0xff, 0xff, 0xff, 0xff, ....
...And 6 more matches
sslcrt.html
certusage one of these
values: certusagesslclient certusagesslserver certusagesslserverwithstepup certusagesslca certusageemailsigner certusageemailrecipient certusageobjectsigner certusageusercertimport certusageverifyca certusageprotectedobjectsigner winc...
...x the pin argument
value to pass to pk11 functions.
... returns the function returns one of these
values: if successful, secsuccess.
...And 6 more matches
NSS Tools modutil
path{/usr/local/netscape/lib/fort.so} filepermissions{555} } xplat/instr.html { relativepath{%root%/docs/inst.html} absolutepath{/usr/local/netscape/docs/inst.html} filepermissions{555} } } } irix:6.2:mips { equivalentplatform { sunos:5.5.1:sparc } }} script grammar the script file grammar is as follows: -->
valuelist
valuelist -->
value valuelist <null>
value ---> key_
value_pair stringkey_
value_pair --> key {
valuelist }key --> stringstring --> simple_string "complex_string"simple_string --> [^ \t\n\""{""}"]+ (no whitespace, quotes, or braces.)complex_string --> ([^\"\\\r\n]|(\\\")|(\\\\))+ (quotes andbackslashes must be escaped with a backslash.
...each entry in the list is itself a key-
value pair: the key is the name of the platform and the
value list contains various attributes of the platform.
...the installer obtains these
values from nspr.
...And 6 more matches
How to embed the JavaScript engine
jsautorequest ar(cx); // in practice, you would want to exit this any // time you're spinning the event loop js::rootedobject global(cx, js_newglobalobject(cx, &global_class, nullptr)); if (!global) return 1; js::rooted
value rval(cx); { // scope for jsautocompartment jsautocompartment ac(cx, global); js_initstandardclasses(cx, global); const char *script = "'hello'+'world, it is '+new date()"; const char *filename = "noname"; int lineno = 1; bool ok = js_evaluatescript(cx, global, script, strlen(script), filename, lineno, rval.address()); if (!ok) ...
... jsautorequest ar(cx); // in practice, you would want to exit this any // time you're spinning the event loop js::rootedobject global(cx, js_newglobalobject(cx, &global_class, nullptr, js::fireonnewglobalhook)); if (!global) return 1; js::rooted
value rval(cx); { // scope for jsautocompartment jsautocompartment ac(cx, global); js_initstandardclasses(cx, global); const char *script = "'hello'+'world, it is '+new date()"; const char *filename = "noname"; int lineno = 1; bool ok = js_evaluatescript(cx, global, script, strlen(script), filename, lineno, &rval); if (!ok) retur...
... jsautorequest ar(cx); // in practice, you would want to exit this any // time you're spinning the event loop js::rootedobject global(cx, js_newglobalobject(cx, &global_class, nullptr, js::fireonnewglobalhook)); if (!global) return 1; js::rooted
value rval(cx); { // scope for jsautocompartment jsautocompartment ac(cx, global); js_initstandardclasses(cx, global); const char *script = "'hello'+'world, it is '+new date()"; const char *filename = "noname"; int lineno = 1; js::compileoptions opts(cx); opts.setfileandline(filename, lineno); bool ok = js::evaluate(cx, global, opt...
...And 6 more matches
Property cache
the hash table entries are key-
value pairs.
...the
values consist of two word-sized members.
...entry->vword is described in the section entry
value words below.
...And 6 more matches
JS::Call
syntax bool js::call(jscontext *cx, js::handleobject thisobj, js::handlefunction fun, const js::handle
valuearray &args, js::mutablehandle
value rval); bool js::call(jscontext *cx, js::handleobject thisobj, const char *name, const js::handle
valuearray& args, js::mutablehandle
value rval); bool js::call(jscontext *cx, js::handleobject thisobj, js::handle
value fun, const js::handle
valuearray& args, js::mutablehandle
value rval); bool js::call(jscontext *cx, js::handle
value thisv, js::handle
value fun, const js::handle
valuearray& args, js::mutablehandle
value rval); bool js::call(jscontext *cx, js::handle
value thisv, js::handleobject funobj, const js::hand...
...le
valuearray& args, js::mutablehandle
value rval); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... thisobj js::handleobject / js::handle
value the "current" object on which the function operates; the object specified here is "this" when the function executes.
...And 6 more matches
JSConvertOp
syntax typedef bool (* jsconvertop)(jscontext *cx, js::handleobject obj, jstype type, js::mutablehandle
value vp); name type description cx jscontext * the context in which the convert is taking place.
... hint jstype the hint to pass to the [[default
value]] hook when converting the object.
... vp js::mutablehandle
value out parameter.
...And 6 more matches
JS_DefineProperty
syntax bool js_defineproperty(jscontext *cx, js::handleobject obj, const char *name, js::handle
value value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineproperty(jscontext *cx, js::handleobject obj, const char *name, js::handleobject
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineproperty(jscontext *cx, js::handleobject obj, const char *name, js::handlestring
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineproperty(jscontext *cx, js::handleobject obj, const char *name, int32_t
value, unsigned attrs, ...
... jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineproperty(jscontext *cx, js::handleobject obj, const char *name, uint32_t
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineproperty(jscontext *cx, js::handleobject obj, const char *name, double
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::handle
value value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t name...
...len, js::handleobject
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::handlestring
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, int32_t
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, uint32_t
value, unsigned attrs, jsnative getter = nullptr, js...
...And 6 more matches
JS_GetProperty
find a specified property and retrieve its
value.
... syntax bool js_getproperty(jscontext *cx, js::handleobject obj, const char *name, js::mutablehandle
value vp); bool js_getucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::mutablehandle
value vp); bool js_getpropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mutablehandle
value vp); // added in spidermonkey 1.8.1 name type description cx jscontext * a context.
... vp js::mutablehandle
value out parameter.
...And 6 more matches
JS_LookupProperty
syntax bool js_lookupproperty(jscontext *cx, js::handleobject obj, const char *name, js::mutablehandle
value vp); bool js_lookupucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::mutablehandle
value vp); bool js_lookuppropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mutablehandle
value vp); // added in spidermonkey 1.8.1 bool js_lookupelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mutablehandle
value ...
...vp); // ---- obsolete since spidermonkey 31 ---- bool js_lookuppropertywithflags(jscontext *cx, js::handleobject obj, const char *name, unsigned flags, js::mutablehandle
value vp); bool js_lookuppropertywithflagsbyid(jscontext *cx, js::handleobject obj, js::handleid id, unsigned flags, js::mutablehandleobject objp, js::mutablehandle
value vp); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime information.
...on success, *vp receives the stored
value of the property, if any.
...And 6 more matches
XForms Accessibility
name it is formed from
value of child xforms label element if the element doesn't have labelledby attribute.
... description it is formed from
value of child xforms hint element if the element doesn't have describedby attribute.
...its
value is xml schema builit-in datatype of instance node that xforms element is bound to.
...And 6 more matches
mozIStorageAggregateFunction
an aggregate function is a function that returns one
value from a series of
values.
... last changed in gecko 1.9 (firefox 3) inherits from: nsisupports method overview void onstep(in mozistorage
valuearray afunctionarguments); nsivariant onfinal(); methods onstep() this is called for each row of results returned by the query.
... the implementation should store or perform some work to prepare to return a
value.
...And 6 more matches
nsICacheEntryDescriptor
void doom(); void doomandfailpendingrequests(in nsresult status); string getmetadataelement(in string key); void markvalid(); nsiinputstream openinputstream(in unsigned long offset); nsioutputstream openoutputstream(in unsigned long offset); void setdatasize(in unsigned long size); void setexpirationtime(in pruint32 expirationtime); void setmetadataelement(in string key, in string
value); void visitmetadata(in nsicachemetadatavisitor visitor); attributes attribute type description accessgranted nscacheaccessmode get the access granted to this descriptor.
...meta data is a table of key/
value string pairs.
... return
value returns the string
value containing the meta data for the provided key.
...And 6 more matches
nsIEditorSpellCheck
return
value returns true if spell checking can be enabled.
... if there are no available dictionaries, the return
value is false.
...boolean checkcurrentword( in wstring suggestedword ); parameters suggestedword missing description return
value true if the specified word is misspelled; otherwise false.
...And 6 more matches
nsIINIParserWriter
ini files contain zero or more sections, denoted by a name in square brackets, followed by zero or more lines of text with a property name on the left, then an equals sign ("="), then the
value of the property.
... once the writer object is created, you can use the setstring() method to set the
value of a property within a given section; the section is created if it hasn't been yet.
... method overview void setstring(in autf8string asection, in autf8string akey, in autf8string a
value); void writefile([optional] in nsifile ainifile, [optional] in unsigned long aflags); constants file writing constants these constants are specified when calling writefile(), in order to change its behavior.
...And 6 more matches
nsINavHistoryQueryOptions
see query type constants for possible
values.
...the default
value is redirects_mode_all.
...see result type constants for possible
values.
...And 6 more matches
nsINavHistoryResultObserver
ince gecko 11.0 void containerstatechanged(in nsinavhistorycontainerresultnode acontainernode, in unsigned long aoldstate, in unsigned long anewstate); void invalidatecontainer(in nsinavhistorycontainerresultnode acontainernode); void nodeannotationchanged(in nsinavhistoryresultnode anode, in autf8string aannoname); void nodedateaddedchanged(in nsinavhistoryresultnode anode, in prtime anew
value); void nodehistorydetailschanged(in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount); void nodeiconchanged(in nsinavhistoryresultnode anode); void nodeinserted(in nsinavhistorycontainerresultnode aparent, in nsinavhistoryresultnode anode, in unsigned long anewindex); void nodekeywordchanged(in nsinavhistoryresultnode anode, in autf8string anewkeywo...
...rd); void nodelastmodifiedchanged(in nsinavhistoryresultnode anode, in prtime anew
value); void nodemoved(in nsinavhistoryresultnode anode, in nsinavhistorycontainerresultnode aoldparent, in unsigned long aoldindex, in nsinavhistorycontainerresultnode anewparent, in unsigned long anewindex); void noderemoved(in nsinavhistorycontainerresultnode aparent, in nsinavhistoryresultnode aitem, in unsigned long aoldindex); void nodereplaced(in nsinavhistorycontainerresultnode aparentnode, in nsinavhistoryresultnode aoldnode, in nsinavhistoryresultnode anewnode, in unsigned long aindex); void nodetagschanged(in nsinavhistoryresultnode anode); void nodetitlechanged(in nsinavhistoryresultnode anode, in autf8string anewtitle); void nodeurichanged(in nsinavhistoryresultnode anode, in autf8string...
...void nodedateaddedchanged( in nsinavhistoryresultnode anode, in prtime anew
value ); parameters anode the node whose dateadded property has changed.
...And 6 more matches
nsISHEntry
layouthistorystate nsilayouthistorystate layouthistorystate for scroll position and form
values.
... return
value clearchildshells() clear the child shell list.
...return
value native code only!create additional ways to create an entry.
...And 6 more matches
nsISearchEngine
last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) inherits from: nsisupports method overview void addparam(in astring name, in astring
value, in astring responsetype); nsisearchsubmission getsubmission(in astring data, [optional] in astring responsetype, [optional] in astring purpose); boolean supportsresponsetype(in astring responsetype); attributes attribute type description alias astring an optional shortcut alias for the engine.
... constants search engine type constants constant
value description type_mozsearch 1 type_sherlock 2 type_opensearch 3 search engine data type constants constant
value description data_xml 1 data type is xml data_text 2 data type is text.
...void addparam( in astring name, in astring
value, in astring responsetype ); parameters name the name of the parameter to add.
...And 6 more matches
nsIXULTemplateResult
the
value for a particular variable may be retrieved using the getbindingfor() and getbindingobjectfor() methods.
...the dom element created for this result, if any, will have its id attribute set to this
value.
...the predefined
value 'separator' may be used for separators.
...And 6 more matches
Storage
binding parameters in order to effectively use the statements that you create, you have to bind
values to the parameters you placed in the statement.
... a given placeholder can appear multiple times in the same statement, and all instances of it will be replaced with the bound
value.
... if you neglect to bind a
value to a parameter, it will be interpreted as null.
...And 6 more matches
ArrayType
return
value a ctype represents the newly declared array type.
...this is the same
value as the c sizeof.
... return
value a cdata representing the newly allocated array.
...And 6 more matches
Debugger.Environment - Firefox Developer Tools
type the type of this environment object, one of the following
values: “declarative”, indicating that the environment is a declarative environment record.
... callee if this environment represents the variable environment (the top-level environment within the function, which receives var definitions) for a call to a functionf, then this property’s
value is a debugger.object instance referring tof.
... otherwise, this property’s
value is null.
...And 6 more matches
Network request details - Firefox Developer Tools
referrer policy: the
value of the referrer-policy header.
...(see referrer-policy for a description of possible
values) blocking: if the request is to a site that is associated with a known tracker, an icon and a message are shown; otherwise, this field is not shown.
...(there may be some exceptions, such as x-firefox-spdy, which is added by firefox.) you can copy some or all of the response header in json format by using the context menu: if you select copy, a single key word,
value pair is copied.
...And 6 more matches
AnalyserNode.smoothingTimeConstant - Web APIs
the smoothingtimeconstant property of the analysernode interface is a double
value representing the averaging constant with the last analysis frame.
... it's basically an average between the current buffer and the last buffer the analysernode processed, and results in a much smoother set of
value changes over time.
... syntax var smooth
value = analysernode.smoothingtimeconstant; analysernode.smoothingtimeconstant = new
value;
value a double within the range 0 to 1 (0 meaning no time averaging).
...And 6 more matches
Attr - Web APIs
originally, it returned true if the attribute was explicitly specified in the source code or by a script, and false if its
value came from the default one defined in the document's dtd.
...
value the attribute's
value.
...an "id attribute" being an attribute which
value is expected to be unique across a dom document.
...And 6 more matches
AudioListener.dopplerFactor - Web APIs
the deprecated dopplerfactor property of the audiolistener interface is a double
value representing the amount of pitch shift to use when rendering a doppler effect.
... the dopplerfactor property's default
value is 1, which is a sensible default for most situations.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.dopplerfactor = 1;
value a double indicating the doppler effect's pitch shift
value.
...And 6 more matches
AudioNode.connect() - Web APIs
the connect() method of the audionode interface lets you connect one of the node's outputs to a target, which may be either another audionode (thereby directing the sound data to the specified node) or an audioparam, so that the node's output data is automatically used to change the
value of that parameter over time.
...the default
value is 0.
... return
value if the destination is a node, connect() returns a reference to the destination audionode object, allowing you to chain multiple connect() calls.
...And 6 more matches
Background Tasks API - Web APIs
we'll be using that to compute the
value returned by our shim for timeremaining().
...</p> <div class="container"> <div class="label">decoding quantum filament tachyon emissions...</div> <progress id="progress"
value="0"></progress> <div class="button" id="startbutton"> start </div> <div class="label counter"> task <span id="currenttasknumber">0</span> of <span id="totaltaskcount">0</span> </div> </div> <div class="logbox"> <div class="logheader"> log </div> <div id="log"> </div> </div> the progress box uses a <progress> element to show the progress, along with a label with secti...
... to enqueue the task, we push an object onto the tasklist array; the object contains the taskhandler and taskdata
values under the names handler and data, respectively, then increment totaltaskcount, which reflects the total number of tasks which have ever been enqueued (we don't decrement it when tasks are removed from the queue).
...And 6 more matches
BiquadFilterNode.getFrequencyResponse() - Web APIs
the two output arrays, magresponseoutput and phaseresponseoutput, must be created before calling this method; they must be the same size as the array of input frequency
values (frequencyarray).
... magresponseoutput a float32array to receive the computed magnitudes of the freqency response for each frequency
value in the frequencyarray.
... for any frequency in frequencyarray whose
value is outside the range 0.0 to samplerate/2 (where samplerate is the sample rate of the audiocontext), the corresponding
value in this array is nan.
...And 6 more matches
BiquadFilterNode.type - Web APIs
the type property of the biquadfilternode interface is a string (enum)
value defining the kind of filtering algorithm the node is implementing.
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = 'lowpass';
value a string (enum) representing a biquadfiltertype.
... type
values and their meaning type description frequency q gain lowpass standard second-order resonant lowpass filter with 12db/octave rolloff.
...And 6 more matches
BluetoothRemoteGATTDescriptor - Web APIs
the bluetoothremotegattdescriptor interface of the web bluetooth api provides a gatt descriptor, which provides further information about a characteristic’s
value.
...
value; promise<arraybuffer> read
value(); promise<void> write
value(buffersource
value); }; properties bluetoothremotegattdescriptor.characteristicread only returns the bluetoothremotegattcharacteristic this descriptor belongs to.
... bluetoothremotegattdescriptor.
valueread only returns the currently cached descriptor
value.
...And 6 more matches
CSSRule - Web APIs
the
value of "font-size" in the example) use the properties on the specialized interface for the rule's type.
...the relationships between these constants and the interfaces are: type
value rule-specific interface comments and examples cssrule.style_rule 1 cssstylerule the most common kind of rule: selector { prop1: val1; prop2: val2; } cssrule.import_rule 3 cssimportrule an @import rule.
...amerule reserved for future use 9 should be used to define color profiles in the future cssrule.namespace_rule 10 cssnamespacerule cssrule.counter_style_rule 11 csscounterstylerule cssrule.supports_rule 12 csssupportsrule cssrule.document_rule 13 cssdocumentrule cssrule.font_feature_
values_rule 14 cssfontfeature
valuesrule cssrule.viewport_rule 15 cssviewportrule cssrule.region_style_rule 16 cssregionstylerule cssrule.unknown_rule 0 cssunknownrule cssrule.charset_rule 2 csscharsetrule (removed in most browsers.) an up-to-date informal list of constants can be found on the csswg wiki.
...And 6 more matches
DOMMatrixReadOnly.scale() - Web APIs
syntax the scale() method is specified with either one or six
values.
... dommatrix.scale(scalex[, scaley][, scalez][, originx][, originy][, originz]) parameters scalex a multiplier for the scale
value on the x-axis.
... scaley optional a multiplier for the scale
value on the y-axis.
...And 6 more matches
DOMPointInit - Web APIs
the dompointinit dictionary is used to provide the
values of the coordinates and perspective when creating and jsonifying a dompoint or dompointreadonly object.
...it's used as the return
value when calling tojson().
... properties dompointinit.x an unrestricted floating-point
value indicating the x-coordinate of the point in space.
...And 6 more matches
Element.classList - Web APIs
object, hasownprop = object.prototype.hasownproperty; var defineproperty = object.defineproperty, allowtokenlistconstruction = 0, skippropchange = 0; function domtokenlist(){ if (!allowtokenlistconstruction) throw typeerror("illegal constructor"); // internally let it through } domtokenlist.prototype.tostring = domtokenlist.prototype.tolocalestring = function(){return this.
value}; domtokenlist.prototype.add = function(){ a: for(var v=0, arglen=arguments.length,val="",ele=this[" ucl"],proto=ele[" uclp"]; v!==arglen; ++v) { val = arguments[v] + "", checkifvalidclasslistentry("add", val); for (var i=0, len=proto.length, resstr=val; i !== len; ++i) if (this[i] === val) continue a; else resstr += " " + this[i]; t...
...his[len] = val, proto.length += 1, proto.
value = resstr; } skippropchange = 1, ele.classname = proto.
value, skippropchange = 0; }; domtokenlist.prototype.remove = function(){ for (var v=0, arglen=arguments.length,val="",ele=this[" ucl"],proto=ele[" uclp"]; v !== arglen; ++v) { val = arguments[v] + "", checkifvalidclasslistentry("remove", val); for (var i=0, len=proto.length, resstr="", is=0; i !== len; ++i) if(is){ this[i-1]=this[i] }else{ if(this[i] !== val){ resstr+=this[i]+" "; }else{ is=1; } } if (!is) continue; delete this[len], proto.length -= 1, proto.
value = resstr; } skippropchange = 1, ele.classname = proto.
value, skippropchange = 0; }; window.domtokenlist = domtoken...
... var protoobjproto = protoobj.prototype, restokenlist = new protoobj(); a: for(var toks=ele.classname.trim().split(wsre), ci=0, clen=toks.length, sub=0; ci !== clen; ++ci){ for (var inneri=0; inneri !== ci; ++inneri) if (toks[inneri] === toks[ci]) { sub++; continue a; } this[ci-sub] = toks[ci]; } protoobjproto.length = clen-sub, protoobjproto.
value = ele.classname, protoobjproto[" ucl"] = ele; if (defineproperty) { defineproperty(ele, "classlist", { // ie8 & ie9 allow defineproperty on the dom enumerable: 1, get: function(){return restokenlist}, configurable: 0, set: function(newval){ skippropchange = 1, ele.classname = protoobjproto.
value = (newval += ""), skippropchange = 0; ...
...And 6 more matches
Using Fetch - Web APIs
ntent-type" header }); return response.json(); // parses json response into native javascript objects } postdata('https://example.com/answer', { answer: 42 }) .then(data => { console.log(data); // json data parsed by `data.json()` call }); note that mode: "no-cors" only allows a limited set of headers in the request: accept accept-language content-language content-type with a
value of application/x-www-form-urlencoded, multipart/form-data, or text/plain sending a request with credentials included to cause browsers to send a request with credentials included, even for a cross-origin call, add credentials: 'include' to the init object you pass to the fetch() method.
... async function* maketextfilelineiterator(fileurl) { const utf8decoder = new textdecoder('utf-8'); const response = await fetch(fileurl); const reader = response.body.getreader(); let {
value: chunk, done: readerdone } = await reader.read(); chunk = chunk ?
... utf8decoder.decode(chunk) : ''; const re = /\n|\r|\r\n/gm; let startindex = 0; let result; for (;;) { let result = re.exec(chunk); if (!result) { if (readerdone) { break; } let remainder = chunk.substr(startindex); ({
value: chunk, done: readerdone } = await reader.read()); chunk = remainder + (chunk ?
...And 6 more matches
FormData - Web APIs
the formdata interface provides a way to easily construct a set of key/
value pairs representing form fields and their
values, which can then be easily sent using the xmlhttprequest.send() method.
... methods formdata.append() appends a new
value onto an existing key inside a formdata object, or adds the key if it does not already exist.
... formdata.delete() deletes a key/
value pair from a formdata object.
...And 6 more matches
HTMLOptionElement - Web APIs
htmloptionelement.defaultselected is a boolean that contains the initial
value of the selected html attribute, indicating whether the option is selected by default or not.
... htmloptionelement.disabled is a boolean representing the
value of the disabled html attribute, which indicates that the option is unavailable to be selected.
... htmloptionelement.form read only is a htmlformelement representing the same
value as the form of the corresponding <select> element, if the option is a descendant of a <select> element, or null if none is found.
...And 6 more matches
IDBKeyRange.bound() - Web APIs
the bounds can be open (that is, the bounds exclude the endpoint
values) or closed (that is, the bounds include the endpoint
values).
... loweropen optional indicates whether the lower bound excludes the endpoint
value.
... upperopen optional indicates whether the upper bound excludes the endpoint
value.
...And 6 more matches
IDBKeyRange.lowerBound() - Web APIs
by default, it includes the lower endpoint
value and is closed.
... open optional indicates whether the lower bound excludes the endpoint
value.
... return
value idbkeyrange: the newly created key range.
...And 6 more matches
MutationObserverInit.attributeFilter - Web APIs
the mutationobserverinit dictionary's optional attributefilter property is an array of strings specifying the names of the attributes whose
values are to be monitored for changes.
... if the attributes permission is true but no attributefilter is included in the options object, all attributes'
values are watched for changes.
... syntax var options = { attributefilter: [ "list", "of", "attribute", "names" ] }
value an array of domstring objects, each specifying the name of one attribute whose
value is to be monitored for changes.
...And 6 more matches
MutationObserverInit - Web APIs
the default
value is false.
...the default
value is false.
... attributes optional set to true to watch for changes to the
value of attributes on the node or nodes being monitored.
...And 6 more matches
OscillatorNode - Web APIs
rty defaults (see audionode for definitions) are: number of inputs 0 number of outputs 1 channel count mode max channel count 2 (not used in the default count mode) channel interpretation speakers constructor oscillatornode() creates a new instance of an oscillatornode object, optionally providing an object specifying default
values for the node's properties.
... if the default
values are acceptable, you can simply call the baseaudiocontext.createoscillator() factory method.
... properties inherits properties from its parent, audioscheduledsourcenode, and adds the following properties: oscillatornode.frequency an a-rate audioparam representing the frequency of oscillation in hertz (though the audioparam returned is read-only, the
value it represents is not).
...And 6 more matches
PannerNode.coneOuterGain - Web APIs
the coneoutergain property of the pannernode interface is a double
value, describing the amount of volume reduction outside the cone, defined by the coneouterangle attribute.
... the coneoutergain property's default
value is 0, meaning that no sound can be heard outside the cone.
... syntax var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.coneoutergain = 0;
value a double.
...And 6 more matches
PannerNode.distanceModel - Web APIs
the distancemodel property of the pannernode interface is an enumerated
value determining which algorithm to use to reduce the volume of the audio source as it moves away from the listener.
... the possible
values are: linear: a linear distance model calculating the gain induced by the distance according to: 1 - rollofffactor * (distance - refdistance) / (maxdistance - refdistance) inverse: an inverse distance model calculating the gain induced by the distance according to: refdistance / (refdistance + rollofffactor * (math.max(distance, refdistance) - refdistance)) exponential: an exponential distance model calculating the gain induced by the distance according to: pow((math.max(distance, refdistance) / refdistance, -rollofffactor).
... inverse is the default
value of distancemodel.
...And 6 more matches
PannerNode.panningModel - Web APIs
the panningmodel property of the pannernode interface is an enumerated
value determining which spatialisation algorithm to use to position the audio in 3d space.
... the possible
values are: equalpower: represents the equal-power panning algorithm, generally regarded as simple and efficient.
... equalpower is the default
value.
...And 6 more matches
PannerNode.refDistance - Web APIs
the refdistance property of the pannernode interface is a double
value representing the reference distance for reducing volume as the audio source moves further from the listener – i.e.
...this
value is used by all distance models.
... the refdistance property's default
value is 1.
...And 6 more matches
PannerNode.setOrientation() - Web APIs
the default
value of the direction vector is (1, 0, 0).
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
... note how we have used some feature detection to either give the browser the newer property
values (like audiolistener.forwardx) for setting position, etc.
...And 6 more matches
PannerNode.setVelocity() - Web APIs
the default
value of the velocity vector is (0, 0, 0).
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
... note how we have used some feature detection to either give the browser the newer property
values (like audiolistener.forwardx) for setting position, etc.
...And 6 more matches
PerformanceNavigationTiming - Web APIs
performanceentry.starttime read only returns a domhighrestimestamp with a
value of "0".
... the interface also supports the following properties: performancenavigationtiming.domcomplete read only a domhighrestimestamp representing a time
value equal to the time immediately before the browser sets the current document readiness of the current document to complete.
... performancenavigationtiming.domcontentloadedeventend read only a domhighrestimestamp representing the time
value equal to the time immediately after the current document's domcontentloaded event completes.
...And 6 more matches
PerformanceTiming - Web APIs
if there is no previous document, this
value will be the same as performancetiming.fetchstart.
...if there is no previous document, or if the previous document or one of the needed redirects is not of the same origin, the
value returned is 0.
...if there is no previous document, or if the previous document, or one of the needed redirects, is not of the same origin, the
value returned is 0.
...And 6 more matches
RTCPeerConnection - Web APIs
o 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 string
values specified by the enum rtcpeerconnectionstate.currentlocaldescription read only the read-only property rtcpeerconnection.currentlocaldescription returns an rtcsessiondescription object describing the local end of the connection as it was most recently successfully negotiated since the last time the rtcpeerconnection finished negotiating and connecting to a remote peer.
...if sctp hasn't been negotiated, this
value is null.signalingstate read only the read-only signalingstate property on the rtcpeerconnection interface returns one of the string
values specified by the rtcsignalingstate enum; these
values describe the state of the signaling process on the local end of the connection while connecting or reconnecting to another peer.
...st of senders as reported by rtcpeerconnection.getsenders().restartice()the webrtc api's rtcpeerconnection interface offers the restartice() method to allow a web application to easily request that ice candidate gathering be redone on both ends of the connection.setconfiguration() the rtcpeerconnection.setconfiguration() method sets the current configuration of the rtcpeerconnection based on the
values included in the specified rtcconfiguration object.
...And 6 more matches
SVGFECompositeElement - Web APIs
rget="_top"><rect x="271" y="65" width="210" 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">svgfecompositeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_fecomposite_operator_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_fecomposite_operator_over 1 corresponds to the over
value.
...And 6 more matches
SVGMarkerElement - Web APIs
marker_orient_angle = 2 svg_markerunits_unknown = 0 svg_markerunits_userspaceonuse = 1 svg_markerunits_strokewidth = 2 normative document svg 1.1 (2nd edition) constants orientation name
value description svg_marker_orient_unknown 0 the marker orientation is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_marker_orient_auto 1 attribute orient has
value 'auto'.
...And 6 more matches
StorageEvent - Web APIs
text x="176" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">storageevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} method overview void initstorageevent( in domstring type, in boolean canbubble, in boolean cancelable, in domstring key, in domstring old
value, in domstring new
value, in usvstring url, in storage storagearea ); attributes attribute type description key domstring represents the key changed.
... new
value domstring the new
value of the key.
... the new
value is null when the change has been invoked by storage clear() method or the key has been removed from the storage.
...And 6 more matches
Touch() - Web APIs
finger, stylus) along the axis indicated by rotationangle, in css pixels of the same scale as screenx; 0 if no
value is known.
... the
value must not be negative.
...finger, stylus) along the axis perpendicular to that indicated by rotationangle, in css pixels of the same scale as screeny; 0 if no
value is known.
...And 6 more matches
WebGLRenderingContext.getParameter() - Web APIs
the webglrenderingcontext.getparameter() method of the webgl api returns a
value for the passed parameter name.
... syntax any gl.getparameter(pname); parameters pname a glenum specifying which parameter
value to return.
... see below for possible
values.
...And 6 more matches
Web Audio API best practices - Web APIs
as you work with a lot of changing
values within the web audio api and will want to provide users with control over these, the range input is often a good choice of control to use.
... it's a good option as you can set minimum and maximum
values, as well as increments with the step attribute.
... setting audioparam
values there are two ways to manipulate audionode
values, which are themselves objects of type audioparam interface.
...And 6 more matches
Using IIR filters - Web APIs
it includes some different coefficient
values for different lowpass frequencies — you can change the
value of the filternumber constant to a
value between 0 and 3 to check out the different available effects.
... with the iirfilter node it's up to you to set what feedforward and feedback
values the filter needs — this determines the characteristics of the filter.
... if you want to play with the iir filter node and need some
values to help along the way, there's a table of already calculated
values here; on pages 4 & 5 of the linked pdf the an
values refer to the feedforward
values and the bn
values refer to the feedback.
...And 6 more matches
Using the Web Audio API - Web APIs
we'll use the factory method in our code: const gainnode = audiocontext.creategain(); now we have to update our audio graph from before, so the input is connected to the gain, then the gain node is connected to the destination: track.connect(gainnode).connect(audiocontext.destination); this will make our audio graph look like this: the default
value for gain is 1; this keeps the current volume the same.
... let's give the user control to do this — we'll use a range input: <input type="range" id="volume" min="0" max="2"
value="1" step="0.01"> note: range inputs are a really handy input type for updating
values on audio nodes.
... you can specify a range's
values and use them directly with the audio node's parameters.
...And 6 more matches
XRWebGLLayerInit - Web APIs
the default
value is true.
... antialias optional a boolean
value which is true if anti-aliasing is to be used when rendering in the context; otherwise false.
... the default
value is true.
...And 6 more matches
ARIA: listbox role - Accessibility
elements with the role listbox have an implicit aria-orientation
value of vertical.
... if that's an option element, then that would be the id of the most recently interacted with option, regardless of whether that option has an aria-selected
value of true or not.
... takes the
value of only one id, even in a multiselectable listbox.
...And 6 more matches
Grid template areas - CSS: Cascading Style Sheets
this is the property that can take as a
value all four of the lines used to position a grid area.
... we can also define an area by giving it a name and then specify the location of that area in the
value of the grid-template-areas property.
...we can see the layout described as the
value of the grid-template-areas property.
...And 6 more matches
Introducing the CSS Cascade - CSS: Cascading Style Sheets
the cascade is an algorithm that defines how to combine property
values originating from different sources.
... which css entities participate in the cascade only css declarations, that is property/
value pairs, participate in the cascade.
... origin of css declarations the css cascade algorithm's job is to select css declarations in order to determine the correct
values for css properties.
...And 6 more matches
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.
... identifying the containing block the process for identifying the containing block depends entirely on the
value of the element's position property: if the position property is static, relative, or sticky, the containing block is formed by the edge of the content box of the nearest ancestor element that is either a block container (such as an inline-block, block, or list-item element) or establishes a formatting context (such as a table container, flex container, grid container, or the block container itself).
... if the position property is absolute, the containing block is formed by the edge of the padding box of the nearest ancestor element that has a position
value other than static (fixed, absolute, relative, or sticky).
...And 6 more matches
align-items - CSS: Cascading Style Sheets
the css align-items property sets the align-self
value on all direct children as a group.
... the interactive example below demonstrates some of the
values for align-items using grid layout.
... syntax /* basic keywords */ align-items: normal; align-items: stretch; /* positional alignment */ /* align-items does not take left and right
values */ align-items: center; /* pack items around the center */ align-items: start; /* pack items from the start */ align-items: end; /* pack items from the end */ align-items: flex-start; /* pack flex items from the start */ align-items: flex-end; /* pack flex items from the end */ /* baseline alignment */ align-items: baseline; align-items: first baseline; align-items: last baseline; /* overflow alignment (for positional al...
...And 6 more matches
appearance (-moz-appearance, -webkit-appearance) - CSS: Cascading Style Sheets
syntax /* css basic user interface module level 4
values */ appearance: none; appearance: auto; appearance: menulist-button; appearance: textfield; /* "compat-auto"
values, which have the same effect as 'auto' */ appearance: button; appearance: searchfield; appearance: textarea; appearance: push-button; appearance: slider-horizontal; appearance: checkbox; appearance: radio; appearance: square-button; appearance: menulist; appearance: listbox; appeara...
...nce: meter; appearance: progress-bar; /* partial list of available
values in gecko */ -moz-appearance: scrollbarbutton-up; -moz-appearance: button-bevel; /* partial list of available
values in webkit/blink (as well as gecko and edge) */ -webkit-appearance: media-mute-button; -webkit-appearance: caret;
values standard keywords
value demo browser description none div{ color: black; -moz-appearance:none; -webkit-appearance:none; appearance:none; } <div>lorem</div> firefox chrome safari edge no special styling is applied.
... textfield div { color: black; -moz-appearance: textfield; -webkit-appearance: textfield; } <div>lorem</div> firefox chrome safari edge the following
values are treated as equivalent to auto: button div { color: black; -moz-appearance: button; -webkit-appearance: button; } <div>lorem</div> firefox chrome safari edge the element is drawn like a button.
...And 6 more matches
border-image-width - CSS: Cascading Style Sheets
if this property's
value is greater than the element's border-width, the border image will extend beyond the padding (and/or content) edge.
... syntax /* keyword
value */ border-image-width: auto; /* <length>
value */ border-image-width: 1rem; /* <percentage>
value */ border-image-width: 25%; /* <number>
value */ border-image-width: 3; /* vertical | horizontal */ border-image-width: 2em 3em; /* top | horizontal | bottom */ border-image-width: 5% 15% 10%; /* top | right | bottom | left */ border-image-width: 5% 2em 10% auto; /* global
values */ border-image-width: inherit; border-image-width: initial; border-image-width: unset; the border-image-width property may be specified using one, two, three, or four
values chosen from the list of
values below.
... when one
value is specified, it applies the same width to all four sides.
...And 6 more matches
break-inside - CSS: Cascading Style Sheets
/* keyword
values */ break-inside: auto; break-inside: avoid; break-inside: avoid-page; break-inside: avoid-column; break-inside: avoid-region; /* global
values */ break-inside: inherit; break-inside: initial; break-inside: unset; each possible break point (in other words, each element boundary) is affected by three properties: the break-after
value of the previous element, the break-before
value of the next element, and the break-inside
value of the containing element.
... to determine if a break must be done, the following rules are applied: if any of the three concerned
values is a forced break
value (always, left, right, page, column, or region), it has precedence.
... if more than one of them are such a break, the
value of the element that appears the latest in the flow is used.
...And 6 more matches
column-width - CSS: Cascading Style Sheets
the container will have as many columns as can fit without any of them having a width less than the column-width
value.
... if the width of the container is narrower than the specified
value, the single column's width will be smaller than the declared column width.
...especially in the presence of the column-count property (which has precedence), you must specify all related length
values to achieve an exact column width.
...And 6 more matches
conic-gradient() - CSS: Cascading Style Sheets
is visible, as the center of the conic gradient is in at the top left corner */ conic-gradient(from 90deg at 0 0, blue, red); /* colorwheel */ background: conic-gradient( hsl(360, 100%, 50%), hsl(315, 100%, 50%), hsl(270, 100%, 50%), hsl(225, 100%, 50%), hsl(180, 100%, 50%), hsl(135, 100%, 50%), hsl(90, 100%, 50%), hsl(45, 100%, 50%), hsl(0, 100%, 50%) );
values <angle> preceded by the from keyterm, and taking an angle as its
value, defines the gradient rotation in clockwise direction.
... <position> using the same length, order and keyterm
values as the background-position property, the position defines center of the gradient.
... if omitted, the default
value is center, meaing the gradient will be centered, .
...And 6 more matches
counter-increment - CSS: Cascading Style Sheets
the counter-increment css property increases or decreases the
value of a css counter by a given
value.
... note: the counter's
value can be reset to an arbitrary number using the counter-reset css property.
... syntax /* increment "my-counter" by 1 */ counter-increment: my-counter; /* decrement "my-counter" by 1 */ counter-increment: my-counter -1; /* increment "counter1" by 1, and decrement "counter2" by 4 */ counter-increment: counter1 counter2 -4; /* do not increment/decrement anything: used to override less specific rules */ counter-increment: none; /* global
values */ counter-increment: inherit; counter-increment: initial; counter-increment: unset; the counter-increment property is specified as either one of the following: a <custom-ident> naming the counter, followed optionally by an <integer>.
...And 6 more matches
counter-set - CSS: Cascading Style Sheets
the counter-set css property sets a css counter to a given
value.
... it manipulates the
value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.
... note: the counter's
value can be incremented or decremented using the counter-increment css property.
...And 6 more matches
mask-border-outset - CSS: Cascading Style Sheets
syntax /* <length>
value */ mask-border-outset: 1rem; /* <number>
value */ mask-border-outset: 1.5; /* vertical | horizontal */ mask-border-outset: 1 1.2; /* top | horizontal | bottom */ mask-border-outset: 30px 2 45px; /* top | right | bottom | left */ mask-border-outset: 7px 12px 14px 5px; /* global
values */ mask-border-outset: inherit; mask-border-outset: initial; mask-border-outset: unset; the mask-border-outset property may be specified as one, two, three, or four
values.
... each
value is a <length> or <number>.
... negative
values are invalid.
...And 6 more matches
mask-border - CSS: Cascading Style Sheets
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.
...up to four
values may be specified.
...up to four
values may be specified.
...And 6 more matches
max-block-size - CSS: Cascading Style Sheets
any time you would normally use max-height or max-width, you should instead use max-block-size to set the maximum "height" of the content (even though this may not be a vertical
value) and max-inline-size to set the maximum "width" of the content (although this may instead be vertical rather than horizontal).
... syntax /* <length>
values */ max-block-size: 300px; max-block-size: 25em; /* <percentage>
values */ max-block-size: 75%; /* keyword
values */ max-block-size: auto; max-block-size: max-content; max-block-size: min-content; max-block-size: fit-content(20em); /* global
values */ max-block-size: inherit; max-block-size: initial; max-block-size: unset;
values the max-block-size property's
value can be any
value that's legal for the max-width and max-height properties: <length> defi...
...nes the max-width as an absolute
value.
...And 6 more matches
opacity - CSS: Cascading Style Sheets
syntax
values <alpha-
value> a <number> in the range 0.0 to 1.0, inclusive, or a <percentage> in the range 0% to 100%, inclusive, representing the opacity of the channel (that is, the
value of its alpha channel).
... any
value outside the interval, though valid, is clamped to the nearest limit in the range.
...
value meaning 0 the element is fully transparent (that is, invisible).
...And 6 more matches
perspective - CSS: Cascading Style Sheets
syntax /* keyword
value */ perspective: none; /* <length>
values */ perspective: 20px; perspective: 3.5em; /* global
values */ perspective: inherit; perspective: initial; perspective: unset;
values none indicates that no perspective transform is to be applied.
...if the
value is 0 or a negative number, no perspective transform is applied.
...the strength of the effect is determined by the
value of this property.
...And 6 more matches
repeating-conic-gradient() - CSS: Cascading Style Sheets
syntax /* starburst: a a blue on blue starburst: the gradient is a starburst of lighter and darker blue, centered in the upper left quandrant, offset by 3degrees so there is no up/down straight line */ background: repeating-conic-gradient( from 3deg at 25% 25%, hsl(200, 100%, 50%) 0deg 15deg, hsl(200, 100%, 60%) 10deg 30deg); );
values <angle> preceded by the from keyterm, and taking an angle as its
value, defines the gradient rotation in clockwise direction.
... <position> using the same length, order and keyterm
values as the background-position property, the position defines center of the gradient.
... if omitted, the default
value is center, meaing the gradient will be centered, .
...And 6 more matches
transition-timing-function - CSS: Cascading Style Sheets
the transition-timing-function css property sets how intermediate
values are calculated for css properties being affected by a transition effect.
...if there are fewer timing functions specified than in the transition-property list, the user agent must calculate which
value is used by repeating the list of
values until there is one for each transition property.
... syntax /* keyword
values */ transition-timing-function: ease; transition-timing-function: ease-in; transition-timing-function: ease-out; transition-timing-function: ease-in-out; transition-timing-function: linear; transition-timing-function: step-start; transition-timing-function: step-end; /* function
values */ transition-timing-function: steps(4, jump-end); transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); /* steps function keywords */ transition-timing-function: steps(4, jump-start); transition-timing-function: steps(10, jump-end); transition-timing-function: steps(20, jump-none); transition-timing-function: steps(5, jump-both); transition-timin...
...And 6 more matches
visibility - CSS: Cascading Style Sheets
syntax /* keyword
values */ visibility: visible; visibility: hidden; visibility: collapse; /* global
values */ visibility: inherit; visibility: initial; visibility: unset; the visibility property is specified as one of the keyword
values listed below.
...
values visible the element box is visible.
...this
value allows for the fast removal of a row or column from a table without forcing the recalculation of widths and heights for the entire table.
...And 6 more matches
word-spacing - CSS: Cascading Style Sheets
syntax /* keyword
value */ word-spacing: normal; /* <length>
values */ word-spacing: 3px; word-spacing: 0.3em; /* <percentage>
values */ word-spacing: 50%; word-spacing: 200%; /* global
values */ word-spacing: inherit; word-spacing: initial; word-spacing: unset;
values normal the normal inter-word spacing, as defined by the current font and/or the browser.
... examples html <div id="mozdiv1">here are many words...</div> <div id="mozdiv2">...and many more!</div> css #mozdiv1 { word-spacing: 15px; } #mozdiv2 { word-spacing: 5em; } accessibility concerns a large positive or negative word-spacing
value will make the sentences the styling is applied to unreadable.
... for text styled with a very large positive
value, the words will be so far apart that it will no longer appear to be a sentence.
...And 6 more matches
Cross-browser audio basics - Developer guides
</audio> note: this
value is often ignored on mobile platforms, and its use is not recommended unless really necessary.
...</audio> note: this
value is often ignored on mobile platforms.
... preload can take 3 different
values: none: don't download anything before the play button is pressed.
...And 6 more matches
<script>: The Script element - HTML: Hypertext Markup Language
this is a boolean attribute: the presence of a boolean attribute on an element represents the true
value, and the absence of the attribute represents the false
value.
...the server must generate a unique nonce
value each time it transmits a policy.
...this
value is unsafe, because it leaks origins and paths from tls-protected resources to insecure origins.
...And 6 more matches
<select>: The HTML Select element - HTML: Hypertext Markup Language
each <option> element should have a
value attribute containing the data
value to submit to the server when that option is selected.
... if no
value attribute is included, the
value defaults to the text contained inside the element.
...see the html autocomplete attribute for a complete list of
values and details on how to use autocomplete.
...And 6 more matches
Regular expression syntax cheatsheet - JavaScript
\uhhhh matches a utf-16 code-unit with the
value hhhh (four hexadecimal digits).
... \u{hhhh} or \u{hhhhh} (only when the u flag is set.) matches the character with the unicode
value u+hhhh or u+hhhhh (hexadecimal digits).
...for example, given a string like "some <foo> <bar> new </bar> </foo> thing": /<.*>/ will match "<foo> <bar> new </bar> </foo>" /<.*?>/ will match "<foo>" unicode property escapes if you are looking to contribute to this document, please also edit the original article // non-binary
values \p{unicodeproperty
value} \p{unicodepropertyname=unicodeproperty
value} // binary and non-binary
values \p{unicodebinarypropertyname} // negation: \p is negated \p \p{unicodeproperty
value} \p{unicodebinarypropertyname} unicodebinarypropertyname the name of a binary property.
...And 6 more matches
Arrow function expressions - JavaScript
() => { statements } advanced syntax // parenthesize the body of a function to return an object literal expression: params => ({foo: bar}) // rest parameters and default parameters are supported (param1, param2, ...rest) => { statements } (param1 = default
value1, param2, …, paramn = default
valuen) => { statements } // destructuring within the parameter list is also supported var f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c; f(); // 6 description see also "es6 in depth: arrow functions" on hacks.mozilla.org.
...however, note that in // this example we are not assigning `length`
value to the made up property.
...elements.map(({ length }) => length); // [8, 6, 7, 9] no separate this before arrow functions, every new function defined its own this
value based on how the function was called: a new object in the case of a constructor.
...And 6 more matches
Array.prototype.includes() - JavaScript
the includes() method determines whether an array includes a certain
value among its entries, returning true or false as appropriate.
... syntax arr.includes(
valuetofind[, fromindex]) parameters
valuetofind the
value to search for.
... fromindex optional the position in this array at which to begin searching for
valuetofind.
...And 6 more matches
Atomics.compareExchange() - JavaScript
the static atomics.compareexchange() method exchanges a given replacement
value at a given position in the array, if a given expected
value equals the old
value.
... it returns the old
value at that position whether it was equal to the expected
value or not.
... this atomic operation guarantees that no other write happens until the modified
value is written back.
...And 6 more matches
Date.prototype.setUTCHours() - JavaScript
syntax dateobj.setutchours(hours
value[, minutes
value[, seconds
value[, ms
value]]]) parameters hours
value an integer between 0 and 23, representing the hour.
... minutes
value optional.
... seconds
value optional.
...And 6 more matches
Intl.DateTimeFormat.prototype.formatToParts() - JavaScript
return
value an array of objects containing the formatted date in parts.
...the structure the formattoparts() method returns, looks like this: [ { type: 'day',
value: '17' }, { type: 'weekday',
value: 'monday' } ] possible types are the following: day the string used for the day, for example "17".
... literal the string used for separating date and time
values, for example "/", ",", "o'clock", "de", etc.
...And 6 more matches
Intl.Locale.prototype.caseFirst - JavaScript
there are 3
values that the casefirst property can have, outlined in the table below.
... casefirst
values
value description upper upper case to be sorted before lower case.
... examples setting the casefirst
value via the locale string in the unicode locale string spec, the
values that casefirst represents correspond to the key kf.
...And 6 more matches
Number.POSITIVE_INFINITY - JavaScript
the number.positive_infinity property represents the positive infinity
value.
... property attributes of number.positive_infinity writable no enumerable no configurable no description the
value of number.positive_infinity is the same as the
value of the global object's infinity property.
... this
value behaves slightly differently than mathematical infinity: any positive
value, including positive_infinity, multiplied by positive_infinity is positive_infinity.
...And 6 more matches
Object.create() - JavaScript
return
value a new object with the specified prototype object and properties.
...however, when attempting to actually use these objects, their differences quickly become apparent: > "oco is: " + oco // shows "oco is: [object object]" > "ocn is: " + ocn // throws error: cannot convert object to primitive
value testing just a few of the many most basic built-in functions shows the magnitude of the problem more clearly: > alert(oco) // shows [object object] > alert(ocn) // throws error: cannot convert object to primitive
value > oco.tostring() // shows [object object] > ocn.tostring() // throws error: ocn.tostring is not a function > oco.
valueof() // shows {} > ocn.
valueof() // throws error: ocn.val...
...for example: a simple common debugging function: // display top-level property name:
value pairs of given object function showproperties(obj){ for(var prop in obj){ console.log(prop + ": " + obj[prop] + "\n" ); } } not such simple results: (especially if silent error-trapping had hidden the error messages) ob={}; ob.po=oco; ob.pn=ocn; // create a compound object using the test objects from above as property
values > showproperties( ob ) // display top-level properties - po: ...
...And 6 more matches
Object.entries() - JavaScript
the object.entries() method returns an array of a given object's own enumerable string-keyed property [key,
value] pairs, in the same order as that provided by a for...in loop.
... syntax object.entries(obj) parameters obj the object whose own enumerable string-keyed property [key,
value] pairs are to be returned.
... return
value an array of the given object's own enumerable string-keyed property [key,
value] pairs.
...And 6 more matches
Object.is() - JavaScript
the object.is() method determines whether two
values are the same
value.
... syntax object.is(
value1,
value2); parameters
value1 the first
value to compare.
...
value2 the second
value to compare.
...And 6 more matches
Promise() constructor - JavaScript
therefore, the code within the executor has the opportunity to perform some operation and then reflect the operation's outcome(if the
value is not another promise object) as either "fulfilled" or "rejected" by terminating with an invocation of either the resolutionfunc or the rejectionfunc, respectively.
... the executor has no meaningful return
value.
... the invocation of resolutionfunc includes a
value parameter.
...And 6 more matches
TypedArray.prototype.every() - JavaScript
syntax typedarray.every(callback[, thisarg]) parameters callback function to test for each element, taking three arguments: current
value the current element being processed in the typed array.
...
value to use as this when executing callback.
... return
value true if the callback function returns a truthy
value for every array element; otherwise, false.
...And 6 more matches
TypedArray.prototype.filter() - JavaScript
thisarg optional
value to use as this when executing callback.
... return
value a new typed array with the elements that pass the test.
... description the filter() method calls a provided callback function once for each element in a typed array, and constructs a new typed array of all the
values for which callback returns a true
value.
...And 6 more matches
TypedArray.prototype.find() - JavaScript
the find() method returns a
value in the typed array, if an element satisfies the provided testing function.
... see also the findindex() method, which returns the index of a found element in the typed array instead of its
value.
... syntax typedarray.find(callback[, thisarg]) parameters callback function to execute on each
value in the typed array, taking three arguments: element the current element being processed in the typed array.
...And 6 more matches
TypedArray.prototype.forEach() - JavaScript
syntax typedarray.foreach(callback[, thisarg]) parameters callback function that produces an element of the new typed array, taking three arguments: current
value the current element being processed in the typed array.
...
value to use as this when executing callback.
... return
value undefined.
...And 6 more matches
TypedArray.prototype.map() - JavaScript
syntax typedarray.map(mapfn[, thisarg]) parameters mapfn a callback function that produces an element of the new typed array, taking three arguments: current
value the current element being processed in the typed array.
... thisarg optional
value to use as this when executing mapfn.
... return
value a new typed array.
...And 6 more matches
TypedArray.prototype.some() - JavaScript
syntax typedarray.some(callback[, thisarg]) parameters callback function to test for each element, taking three arguments: current
value the current element being processed in the typed array.
...
value to use as this when executing callback.
... return
value true if the callback function returns a truthy
value for any array element; otherwise, false.
...And 6 more matches
WebAssembly.Global() constructor - JavaScript
syntax new webassembly.global(descriptor,
value); parameters descriptor a globaldescriptor dictionary object, which contains two properties:
value: a usvstring representing the data type of the global.
... mutable: a boolean
value that determines whether the global is mutable or not.
...
value the
value the variable contains.
...And 6 more matches
WebAssembly.Global - JavaScript
global.prototype[@@tostringtag] the initial
value of the @@tostringtag property is the string
value "webassembly.global".
... global.prototype.
value the
value contained inside the global variable — this can be used to directly set and get the global's
value.
... instance methods global.prototype.
valueof() old-style method that returns the
value contained inside the global variable.
...And 6 more matches
eval() - JavaScript
return
value the completion
value of evaluating the given code.
... if the completion
value is empty, undefined is returned.
...you can postpone evaluation of an expression involving x by assigning the string
value of the expression, say "3 * x + 2", to a variable, and then calling eval() at a later point in your script.
...And 6 more matches
Logical AND (&&) - JavaScript
it is typically used with boolean (logical)
values.
... when it is, it returns a boolean
value.
... however, the && operator actually returns the
value of one of the specified operands, so if this operator is used with non-boolean
values, it will return a non-boolean
value.
...And 6 more matches
Logical NOT (!) - JavaScript
it is typically used with boolean (logical)
values.
... when used with non-boolean
values, it returns false if its single operand can be converted to true; otherwise, returns true.
... if a
value can be converted to true, the
value is so-called truthy.
...And 6 more matches
Property accessors - JavaScript
a method is simply a property that can be called (for example, if it has a reference to a function instance as its
value).
... const variable = object.property_name; object.property_name =
value; const object = {}; object.$1 = 'foo'; console.log(object.$1); // 'foo' object.1 = 'bar'; // syntaxerror console.log(object.1); // syntaxerror here, the method named createelement is retrieved from document and is called.
... const variable = object[property_name] object[property_name] =
value; this does the exact same thing as the previous example.
...And 6 more matches
Strict mode - JavaScript
(assignment to a non-writable global or property, assignment to a getter-only property, assignment to a new property on a non-extensible object) will throw in strict mode: 'use strict'; // assignment to a non-writable global var undefined = 5; // throws a typeerror var infinity = 5; // throws a typeerror // assignment to a non-writable property var obj1 = {}; object.defineproperty(obj1, 'x', {
value: 42, writable: false }); obj1.x = 9; // throws a typeerror // assignment to a getter-only property var obj2 = { get x() { return 17; } }; obj2.x = 5; // throws a typeerror // assignment to a new property on a non-extensible object var fixed = {}; object.preventextensions(fixed); fixed.newprop = 'ohai'; // throws a typeerror third, strict mode makes attempts to delete undeletable properties th...
...the normal code may duplicate property names, with the last one determining the property's
value.
... but since only the last one does anything, the duplication is simply a vector for bugs, if the code is modified to change the property
value other than by changing the last instance.
...And 6 more matches
edgeMode - SVG: Scalable Vector Graphics
the edgemode attribute determines how to extend the input image as necessary with color
values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
... two elements are using this attribute: <feconvolvematrix> and <fegaussianblur> feconvolvematrix for <feconvolvematrix>, edgemode determines how to extend the input image as necessary with color
values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
...
value duplicate | wrap | none default
value duplicate animatable yes duplicate this
value indicates that the input image is extended along each of its borders as necessary by duplicating the color
values at the given edge of the input image.
...And 6 more matches
in - SVG: Scalable Vector Graphics
the
value can be either one of the six keywords defined below, or a string which matches a previous result attribute
value within the same <filter> element.
... if no
value is provided and this is the first filter primitive, then this filter primitive will use sourcegraphic as its input.
... if no
value is provided and this is a subsequent filter primitive, then this filter primitive will use the result from the previous filter primitive as its input.
...And 6 more matches
pathLength - SVG: Scalable Vector Graphics
this
value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathlength/(computed
value of path length).
...stroke-dasharray, for example, will assume the start of the path being 0 and the end point the
value defined in the pathlength attribute.
...
value <number> default
value none animatable yes ellipse for <ellipse>, pathlength lets authors specify a total length for the ellipse, in user units.
...And 6 more matches
<linearGradient> - SVG: Scalable Vector Graphics
<lineargradient id="mygradient" gradienttransform="rotate(90)"> <stop offset="5%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes gradientunits this attribute defines the coordinate system for attributes x1, x2, y1, y2
value type: userspaceonuse|objectboundingbox ; default
value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional transformation to the gradient coordinate system.
...
value type: <transform-list> ; default
value: identity transform; animatable: yes href this attribute defines a reference to another <lineargradient> element that will be used as a template.
...
value type: <url> ; default
value: none; animatable: yes spreadmethod this attribute indicates how the gradient behaves if it starts or ends inside the bounds of the shape containing the gradient.
...And 6 more matches
<textPath> - SVG: Scalable Vector Graphics
value type: <url> ; default
value: none; animatable: yes lengthadjust where length adjustment should be applied to the text: the space between glyphs, or both the space and the glyphs themselves.
...
value type: spacing|spacingandglyphs; default
value: spacing; animatable: yes method which method to render individual glyphs along the path.
...
value type: align|stretch ; default
value: align; animatable: yes path the path on which the text should be rendered.
...And 6 more matches
Index - XSLT: Extensible Stylesheet Language Transformations
it defaults to ascending if the parameter is empty (the first time the sorting happens, as there is no
value for it in the xslt file).
... the sorting
value is set using xsltprocessor.setparameter().
... 23 <xsl:attribute> attribute, element, reference, xslt the <xsl:attribute> element creates an attribute in the output document, using any
values that can be accessed from the stylesheet.
...And 6 more matches
cfx - Archive of obsolete content
the --update-link option builds an update rdf alongside the xpi, and embeds the supplied url in the update rdf as the
value of updatelink.
... the --update-url option embeds the supplied url in the xpi file, as the
value of updateurl.
... so if we run the following command: cfx xpi --update-link https://example.com/addon/latest/pluginname.xpi --update-url https://example.com/addon/update_rdf/pluginname.update.rdf cfx will create two files: an xpi file which embeds https://example.com/addon/update_rdf/pluginname.update.rdf as the
value of updateurl an rdf file which embeds https://example.com/addon/latest/pluginname.xpi as the
value of updatelink.
...And 5 more matches
Interaction between privileged and non-privileged pages - Archive of obsolete content
var myextension = { mylistener: function(evt) { alert("received from web page: " + evt.target.getattribute("attribute1") + "/" + evt.target.getattribute("attribute2")); } } document.addeventlistener("myextensionevent", function(e) { myextension.mylistener(e); }, false, true); // the last
value is a mozilla-specific
value to indicate untrusted content is allowed to trigger the event.
... the data from the web page (unprivileged code) will be the
values of attribute1 and attribute2.
...
values are set for two arbitrary attributes on the element.
...And 5 more matches
Custom XUL Elements with XBL - Archive of obsolete content
<content> <xul:hbox> <xul:image class="xulshoolhello-person-image" xbl:inherits="src=image" /> <xul:vbox flex="1"> <xul:label xbl:inherits="
value=name" /> <xul:description xbl:inherits="
value=greeting" /> </xul:vbox> <xul:vbox> <xul:button label="&xulshoolhello.remove.label;" accesskey="&xulshoolhello.remove.accesskey;" oncommand="document.getbindingparent(this).remove(event);" /> </xul:vbox> </xul:hbox> </content> our element is very simple, displaying an image, a couple of text lines and a but...
...so, if you have this: <xshelloperson name="pete" greeting="good morning" image="" />, then those attribute
values are "inherited" to the content nodes that have this special attribute.
... the
value attribute of the xul:label element would be "pete".
...And 5 more matches
The Box Model - Archive of obsolete content
flexibility is defined as a numeric
value.
... the default
value for most elements is 0, which means that the element will not stretch in the direction of its orientation, and its size in that dimension will be determined by its contents and padding.
... now, if you want a different size distribution in flexible elements, you can use flexibility
values higher than 1.
...And 5 more matches
MozOrientation - Archive of obsolete content
note: this below describes how these
values worked for the now obsolete mozorientation.
...this
value is 0 if the device is level along the x axis, and approaches 1 as the device is tilted toward the left, and -1 as the device is tilted toward the right.
...the
value is 0 if the device is level along the y axis, and approaches 1 as you tilt the device backward (away from you) and -1 as you tilt the device frontward (toward you).
...And 5 more matches
Installing plugins to Gecko embedding browsers on Windows - Archive of obsolete content
hkey_local_machine\software\mozilla\netscape 6 6.1\extensions\ access the plugins
value and
value-data pair, e.g: plugins = c:\program files\netscape\netscape 6\plugins.
... you also have the components
value and
value-data pair; this is for xpcom components.
...you can access the components
value and
value-data pair (telling you where the components directory is) in a similar manner, e.g.: components=c:\program files\netscape\netscape 6\components.
...And 5 more matches
Repackaging Firefox - Archive of obsolete content
locale/*/partner.properties for preferences which need to be localized, there needs to be an entry in each of the properties files with the desired
value for that locale.
... if the
value is the same for *all* locales, it can be set in the partner.js file itself, see the section "preferences" for more information.
...there are two kinds of preferences in firefox, both set in the partner.js file: localizable preferences, which have a
value of a chrome:// uri pointing to the properties file where firefox can fetch the localized
value from.
...And 5 more matches
DOM Interfaces - Archive of obsolete content
idl definition interface nsidomdocumentxbl { nodelist getanonymousnodes(in element elt); element getanonymouselementbyattribute(in element elt, in domstring attrname, in domstring attr
value); element getbindingparent(in node node); void loadbindingdocument(in domstring documenturl); }; methods getanonymousnodes the getanonymousnodes method retrieves the anonymous children of the specified element.
... return
value nodelist - the return
value of getanonymousnodes is a nodelist that represents the children of an element after insertion points from its own binding have been applied.
... getanonymouselementbyattribute the getanonymouselementbyattribute methods retrieves an anonymous descendant with a specified attribute
value.
...And 5 more matches
Introduction to XUL - Archive of obsolete content
see individual widget documentation referenced at the index for a list of attributes accepting javascript
values.
... xuldocument xuldocument extends document in a fashion similar to htmldocument's extension interface xuldocument : document { element getelementbyid(in domstring id); nodelist getelementsbyattribute(in domstring name, in domstring
value); }; getelementbyid works like html's getelementbyid.
... getelementsbyattribute returns a list of elements for which the named attribute has the given
value.
...And 5 more matches
OpenClose - Archive of obsolete content
for instance, the
value 'end_before' as used in the above example, indicates to place the left edge of the popup along the right edge of the the anchor element, aligned along the top edge of both.
... this may be confusing to understand, so see positioning a popup which describes this process in more detail and provides images which show the possible
values and how a popup would be aligned for each
value.
...after the popup is positioned, you can further position the popup by specifying non-zero
values for these offsets.
...And 5 more matches
Tooltips - Archive of obsolete content
the
value of this attribute should be the text to appear in the tooltip.
... <tooltip id="iconic"> <image src="help.png"/> <label
value="save a file to a remote site"/> </tooltip> <button label="save" tooltip="iconic"/> in this example, a tooltip with the id 'iconic' contains an image and a label.
...the
value of the tooltip attribute should be set to the id of a tooltip element, in this case, 'iconic'.
...And 5 more matches
RDF Query Syntax - Archive of obsolete content
the
value of ?start is set to 'http://www.xulplanet.com/rdf/a'.
... you'll notice that this is the
value of the ref attribute which is the desired starting node in the rdf graph.
...you might be able to guess that the builder fills in the
value of the ?start variable as the triple's subject, giving something like this: <triple subject="http://www.xulplanet.com/rdf/a" predicate="http://www.xulplanet.com/rdf/relateditem" object="?relateditem"/> the builder doesn't actually change the triple, but this might clarify how the builder is working.
...And 5 more matches
Box Objects - Archive of obsolete content
all
values returned are in pixels.
...the
values are always the position and sizes as currently displayed, so the
values will be different if the element is moved or resized.
... note that retrieving these
values will return the size only if it was explicitly specified.
...And 5 more matches
Creating Dialogs - Archive of obsolete content
this is a convenient way to supply default
values to the fields in the dialog.
... var somefile=document.getelementbyid('enterfile').
value; window.opendialog("chrome://findfile/content/showdetails.xul","showmore", "chrome",somefile); in this example the dialog showdetails.xul is displayed.
... it's passed one argument, somefile, which was taken from the
value of an element with the id enterfile.
...And 5 more matches
Element Positioning - Archive of obsolete content
flexible elements are those that have a flex attribute set to a
value greater than 0.
... the
values are always measured in pixels.
...you can use the following
values: start this positions elements at the left edge for horizontal boxes and at the top edge for vertical boxes.
...And 5 more matches
Manipulating Lists - Archive of obsolete content
here is an example: example 1 : source view <script> function additem(){ document.getelementbyid('thelist').appenditem("thursday", "thu"); } </script> <listbox id="thelist"/> <button label="add" oncommand="additem();"/> the appenditem() takes two arguments, the label, in this case 'thursday', and a
value 'thu'.
... the two arguments correspond to the label attribute and the
value attribute on the listitem element.
... the
value is used only as an extra optional
value associated with an item which you might wish to use in a script.
...And 5 more matches
RDF Datasources - Archive of obsolete content
put the url
values below where you want the
value of the resource to be used.
...to use them, just put the url
values above in the label attributes of the buttons or treecells.
... you can use nc:historyroot as the
value of the ref attribute.
...And 5 more matches
XUL Questions and Answers - Archive of obsolete content
?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="test-window" title="check list test" xmlns:html="http://www.w3.org/1999/xhtml" xmlns="http://www.mozilla.org/keymaster/gat...re.is.only.xul"> <listbox rows="4"> <listhead> <listheader label="multi-column"/> </listhead> <listcols> <listcol flex="1"/> </listcols> <listitem> <listcell type="checkbox"
value="1" label="vghkvghk"/> </listitem> <listitem> <listcell type="checkbox"
value="2" label="vghjkvk" checked="true"/> </listitem> <listitem> <listcell type="checkbox"
value="3" label="hukfzgjcfj" disabled="true"/> </listitem> </listbox> <listbox rows="4"> <listhead> <listheader label="single-column"/> </listhead> <listitem type="checkbox"
value="1" label="vghkvghk...
..."/> <listitem type="checkbox"
value="2" label="vghjkvk" checked="true"/> <listitem type="checkbox"
value="3" label="hukfzgjcfj" disabled="true"/> </listbox> </window> list box handlers can only check for listitems not listcells.
... while the attributes are always strings per the dom specification, the properties will eventually be fixed to return the
value with the correct type.
...And 5 more matches
Accessibility/XUL Accessibility Reference - Archive of obsolete content
element enabled usage comments description <description
value="<!-- text -->" /> <description><!--label text--></description> use for non-label text.
... label <label control="controlid"
value="<!--label text-->" /> <label control="controlid"><!--label text--></label> either syntax is fine.
... button <button label="<!--button text-->" /> <button id="butwrap1"> <label control="butwrap1"> <!--wrapped label--> </label> </button> <button id='butwrap2'> <label control="butwrap2"
value="<!--this-->" /> <label control="butwrap2"
value="is" /> <label control="butwrap2"
value="a" /> <label control="butwrap2"
value="button" /> </button> <button image="images/img.xbm" tooltiptext="<!--button text-->"/> note that in the third example, only the first label is read browser jaws 7.10 issues to use a browser element with html, the type="content" attribute should be specified.
...And 5 more matches
scrollbar - Archive of obsolete content
the scroll bar may also be used independently when a numeric
value or percentage needs to be selected by the user.
... attributes curpos, increment, maxpos, pageincrement examples <scrollbar curpos="5" maxpos="50"/> attributes curpos type: integer the current position of the scrollbar, which ranges from 0 to the
value of the maxpos attribute.
... the default
value is 0.
...And 5 more matches
window - Archive of obsolete content
the <windowid> is the
value of the id attribute on the window.
..."rootwnd" title="register online!" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <vbox> <hbox> <image src="application_form.png"/> <description>register online!</description> </hbox> <groupbox align="start"> <caption label="your information"/> <radiogroup> <vbox> <hbox> <label control="your-fname"
value="enter first name:"/> <textbox id="your-fname"
value="johan"/> </hbox> <hbox> <label control="your-lname"
value="enter last name:"/> <textbox id="your-lname"
value="hernandez"/> </hbox> <hbox> <button oncommand="alert('save!')"> <description>save</description> </button> </hb...
...this
value may be -1 to use the default margin for that side on the current platform, 0 to have no system border (that is, to extend the client area to the edge of the window), or a
value greater than zero to indicate how much less than the default default width you wish the margin on that side to be.
...And 5 more matches
wizard - Archive of obsolete content
a1, 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/there.is.only.xul"> <script> function checkcode(){ document.getelementbyid('thewizard').canadvance = (document.getelementbyid('secretcode').
value == "cabbage"); } </script> <wizardpage onpageshow="checkcode();"> <label
value="enter the secret code:"/> <textbox id="secretcode" onkeyup="checkcode();"/> </wizardpage> <wizardpage> <label
value="that is the correct secret code."/> </wizardpage> </wizard> attributes activetitlebarcolor type: color string specify background color of the window's titlebar when ...
...
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 ...
...you can modify this
value to change the current page.
...And 5 more matches
Theme changes in Firefox 4 - Archive of obsolete content
controlling the actual icon size used by add-on toolbar buttons the iconsize attribute of the browser's toolbar elements now has a different default
value on each toolbar independently.
... the
value does not necessarily reflect the user preference in the toolbar customization palette anymore.
... the theme can now override the
value by setting a special css property on the toolbar.
...And 5 more matches
-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.
...larger
values zoom in.
...And 5 more matches
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
" ); // create connection to the database var conn = drivermanager.getconnection( "jdbc:mysql://localhost/rhino", "urhino", "prhino" ); // create a statement handle var stmt = conn.createstatement(); // get a resultset var rs = stmt.executequery( "select * from employee" ); // get the metadata from the resultset var meta = rs.getmetadata(); // loop over the records, dump out column names and
values while( rs.next() ) { for( var i = 1; i <= meta.getcolumncount(); i++ ) { print( meta.getcolumnname( i ) + ": " + rs.getobject( i ) + "\n" ); } print( "----------\n" ); } // cleanup rs.close(); stmt.close(); conn.close(); this code starts off by using a rhino function named importpackage which is just like using the import statement in java.
...the common
values for this attribute are explained below, though there are more than just these.
... while most of the runat attribute
values above are self explanatory, the server-proxy concept is best explained through example.
...And 5 more matches
Implementation Status - Archive of obsolete content
rtial see section 11.2 for more details 4.3.10 xforms-submit-serialize supported 4.4 notification events supported 4.4.1 xforms-insert supported 4.4.2 xforms-delete supported 4.4.3 xforms-
value-changed supported 4.4.4 xforms-valid supported 4.4.5 xforms-invalid supported 4.4.6 xforms-readonly supported 4.4.7 xforms-readwrite supported 4.4.8 xforms-required supporte...
... 4.6.2 for output controls supported 4.6.3 for select or select1 controls partial 4.6.4 for trigger controls supported 4.6.5 for submit controls supported 4.6.6 sequence: selection without
value change supported 4.6.7 sequence:
value change with focus change supported 4.6.8 sequence: activating a trigger supported 4.6.9 sequence: submission supported 4.7 resolving id references in xforms unsupported ...
... 8.1.9 submit supported 8.1.10 select partial @selection does not work, select inside repeat may not work correctly, select that mixes itemsets with items may show them in the wrong order 282840; 371595; 372127; 8.1.11 select1 partial there are some resize issues, select/deselect/
valuechange firing in wrong order.
...And 5 more matches
XForms Select Element - Archive of obsolete content
attributes ui common appearance - the
value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control.
...possible
values are open and closed, default is closed.
... incremental - supported, default
value is true properties selection - see corresponding attribute incremental - see corresponding attribute type restrictions the select element can be bound to a node containing simple content capable of holding a sequence.
...And 5 more matches
Overflowing content - Learn web development
you can constrain the size of these boxes by assigning
values of width and height (or inline-size and block-size).
...the default
value of overflow is visible.
... note: you can specify x and y scrolling using the overflow property, passing two
values.
...And 5 more matches
What is CSS? - Learn web development
inside those will be one or more declarations, which take the form of property and
value pairs.
... each pair specifies a property of the element(s) we are selecting, then a
value that we'd like to give the property.
... before the colon, we have the property, and after the colon, the
value.
...And 5 more matches
Object prototypes - Learn web development
you will however also see some other members — tostring,
valueof, etc — these are defined on person1's prototype object's prototype object, which is object.prototype.
...for example: person1.
valueof()
valueof() returns the
value of the object it is called on.
... in this case, what happens is: the browser initially checks to see if the person1 object has a
valueof() method available on it, as defined on its constructor, person(), and it doesn't.
...And 5 more matches
React interactivity: Editing, filtering, conditional rendering - Learn web development
to start with, we want to call setediting() with a
value of true when a user presses the "edit" button in our viewtemplate, so that we can switch templates.
...still in todo.js, put the following underneath the existing hook: const [newname, setnewname] = usestate(''); next, create a handlechange() function that will set the new name; put this underneath the hooks but before the templates: function handlechange(e) { setnewname(e.target.
value); } now we'll update our editingtemplate's <input /> field, setting a
value attribute of newname, and binding our handlechange() function to its onchange event.
... update it as follows: <input id={props.id} classname="todo-text" type="text"
value={newname} onchange={handlechange} /> finally, we need to create a function to handle the edit form’s onsubmit event; add the following just below the previous function you added: function handlesubmit(e) { e.preventdefault(); props.edittask(props.id, newname); setnewname(""); setediting(false); } remember that our edittask() callback prop needs the id of the task we're editing as well as its new name.
...And 5 more matches
Handling common JavaScript problems - Learn web development
confusion about this, in terms of what scope it applies to, and therefore if its
value is what you intended.
...when clicked, each one should alert a message containing its number (the
value of i at the time it was created), however each one reports i as 11, because for loops do all their iterating before nested functions are invoked.
... if you want this to work correctly, you need to define a function to add the handler separately, calling it on each iteration and passing it the current
value of para and i each time (or something similar).
...And 5 more matches
Listening to events on all tabs
aflags optional: this is a
value which explains the situation or the reason why the location has changed.
... amaxselfprogress the
value representing 100% complete for the request indicated by the request parameter.
... astate a
value composed of the security state flags and the security strength flags described in the documentation for nsiwebprogresslistener.
...And 5 more matches
AddonManager
update status
values constant description update_status_no_error no error was encountered.
... auto update
values constant description autoupdate_disable indicates that the add-on should not update automatically.
... installation scopes constant
value description scope_all 15 a combination of all the installation scopes.
...And 5 more matches
PerfMeasurement.jsm
any measurable event that was not being recorded has a
value of -1 (that is, 0xffffffffffffffff).
... note: these
values are all zeroed (or set to -1, for events not being measured) when you initialize the perfmeasurement object, then they are not zeroed again unless you explicitly call the reset() method.
... constant
value description cpu_cycles 0x00000001 measure cpu cycles elapsed.
...And 5 more matches
L20n Javascript API
ctx.localize(['hello', 'new'], function(l10n) { var node = document.queryselector('[data-l10n-id=hello]'); node.textcontent = l10n.entities.hello.
value; node.classlist.remove('hidden'); }); ctx.registerlocales(defaultlocale: string?, availablelocales: array<string>?) register the default locale of the context instance, as well as all other locales available to the context instance before the language negotiation.
... it must return an array which is the final fallback chain of locales, or if the negotiation is asynchronous, it must return a falsy
value and call the callback argument upon completion.
...recursive import statements in resource files), context.translationerror, when there is a missing translation in one of supported locales; the context instance will try to retrieve a fallback translation from the next locale in the fallback chain, compiler.error, when l20n is unable to evaluate an entity to a string; there are two types of errors in this category: compiler.
valueerror, when l20n can still try to use the literal source string of the entity as fallback, and compiler.indexerror otherwise.
...And 5 more matches
PR_GetRandomNoise
produces a random
value for use as a seed
value for another random number generator.
... returns prsize
value equal to the size of the random number actually generated, or zero.
...a return
value of zero means that pr_getrandomnoise is not implemented on this platform, or there is no available noise to be returned at the time of the call.
...And 5 more matches
PR_InitializeNetAddr
syntax #include <prnetdb.h> prstatus pr_initializenetaddr( prnetaddr
value val, pruint16 port, prnetaddr *addr); parameters the function has the following parameters: val the
value to be assigned to the ip address portion of the network address.
...the
value is specified in host byte order.
... returns the function returns one of the following
values: if successful, pr_success.
...And 5 more matches
PR_Seek
offset a
value, in bytes, used with the whence parameter to set the file pointer.
... a negative
value causes seeking in the reverse direction.
... whence a
value of type prseekwhence that specifies how to interpret the offset parameter in setting the file pointer associated with the fd parameter.
...And 5 more matches
PR_Seek64
offset a
value, in bytes, used with the whence parameter to set the file pointer.
... a negative
value causes seeking in the reverse direction.
... whence a
value of type prseekwhence that specifies how to interpret the offset parameter in setting the file pointer associated with the fd parameter.
...And 5 more matches
PKCS11 FAQ
certificates may be looked up by their der
value.
... private keys must have the same cka_id
value as their corresponding certificate, and this
value must be unique on the token.
...this
value is set when the key is generated, so that nss will be able to find the key when the certificate for that key is loaded.
...And 5 more matches
JIT Optimization Strategies
it then directly inlines the
value of the property into hot code that accesses it.
...unboxed property reads are possible on properties which satisfy all the characteristics of a definite slot, and additionally have been observed to only store
values of one kind of
value.
... consider the following constructor: function point(x, y) { this.x = x; this.y = y; } if only integers are ever stored in the x and y properties, then the instances of point will be represented in an "unboxed" mode - with the property
values stored as raw 4-byte
values within the object.
...And 5 more matches
JS::CreateError
syntax // added in spidermonkey 45 bool js::createerror(jscontext *cx, jsexntype type, handleobject stack, handlestring filename, uint32_t linenumber, uint32_t columnnumber, jserrorreport *report, handlestring message, mutablehandle
value rval); // obsolete since jsapi 39 bool js::createerror(jscontext *cx, jsexntype type, handlestring stack, handlestring filename, uint32_t linenumber, uint32_t columnnumber, jserrorreport *report, handlestring message, mutablehandle
value rval); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... stack js::handlestring or js::handleobject the
value of error.prototype.stack.
... filename js::handlestring the
value of error.prototype.filename.
...And 5 more matches
JS::OrdinaryToPrimitive
this article covers features introduced in spidermonkey 38 convert an ordinary object to a primitive
value.
... syntax bool js::ordinarytoprimitive(jscontext *cx, js::handleobject obj, jstype type, js::mutablehandle
value vp); name type description cx jscontext * the context in which to perform the conversion.
... type jstype the type of converted
value.
...And 5 more matches
JS::Rooted
this article covers features introduced in spidermonkey 17 local variable of type t whose
value is always rooted.
... initial t an initial
value for the rooted variable.
... const t *address() const t &operator=(t
value) sets the
value of ptr to
value.
...And 5 more matches
JS_DefineConstDoubles
create multiple constant double or integer
valued properties on an object.
... cds jsconstdoublespec * pointer to an array of jsconstdoublespec records containing property names and
values to create.
... the last array element must contain zero-
valued members.
...And 5 more matches
JS_SetElement
assign a
value to a numeric property of an object.
... syntax /* added in spidermonkey 31 */ bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, js::handle
value v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, js::handleobject v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, js::handlestring v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, int32_t v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, uint32_t v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, double v); /* obsolete since jsapi 29 */ bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mutablehandle
value vp);...
... v js::handle
value or js::handleobject or js::handlestring or int32_t or uint32_t or double the
value to assign to the element.
...And 5 more matches
Parser API
example: > var expr = reflect.parse("obj.foo + 42").body[0].expression > expr.left.property ({loc:null, type:"identifier", name:"foo"}) > expr.right ({loc:{source:null, start:{line:1, column:10}, end:{line:1, column:12}}, type:"literal",
value:42}) it is also available since firefox 7; it can be imported into the global object via: components.utils.import("resource://gre/modules/reflect.jsm") or into a specified object via: components.utils.import("resource://gre/modules/reflect.jsm", obj) built-in objects whether in spidermonkey shell or firefox (after importing), the global singleton object reflect currently contains just th...
... interface property <: node { type: "property"; key: literal | identifier;
value: expression; kind: "init" | "get" | "set"; } a literal property in an object expression can have either a string or number as its
value.
... ordinary property initializers have a kind
value "init"; getters and setters have the kind
values "get" and "set", respectively.
...And 5 more matches
Using the Places annotation service
from c++ you must use the setter for the explicit data type being saved: setpageannotationstring(auri, aname, a
value, aflags, aexpiration); setpageannotationint32(auri, aname, a
value, aflags, aexpiration); setpageannotationint64(auri, aname, a
value, aflags, aexpiration); setpageannotationdouble(auri, aname, a
value, aflags, aexpiration); setpageannotationbinary(auri, aname, adata, adatalen, aflags, aexpiration); and likewise for items in the places database: setitemannotationstring(aitemid, aname, avalu...
...e, aflags, aexpiration); setitemannotationint32(aitemid, aname, a
value, aflags, aexpiration); setitemannotationint64(aitemid, aname, a
value, aflags, aexpiration); setitemannotationdouble(aitemid, aname, a
value, aflags, aexpiration); setitemannotationbinary(aitemid, aname, a
value, adatalen, aflags, aexpiration); from javascript there are two simple function to perform all of these operations: setpageannotation(auri, aname, a
value, aflags, aexpiration); setitemannotation(aitemid, aname, a
value, aflags, aexpiration); these annotations all take similar parameters: uri or itemid: this is the nsiuri of the page to annotate, or for items in the places database, the id of the item.
...
value: the
value of the annotation.
...And 5 more matches
Using XPCOM Utilities to Make Things Easier
// in idl: method(in acstring thing); char* str = "how now brown cow?"; nsembedcstring data(str); rv = object->method(data); in this next example, the method is going to set the
value of the string - as it might need to do when it returns the name of the current user or the last viewed url.
...note that prunichar is a two byte
value.
... { nsisupports*
value = nsnull; object->method(&
value); if (!
value) return; // ...
...And 5 more matches
IAccessibleEditableText
if both indices have the same
value, an empty string is defined.
... return
value e_invalidarg if bad [in] passed.
... return
value e_invalidarg if bad [in] passed.
...And 5 more matches
nsIAuthInformation
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) the caller of nsiauthprompt2.promptusernameandpassword() or nsiauthprompt2.promptpasswordasync() provides an object implementing this interface; the prompt implementation can then read the
values here to prefill the dialog.
... domain astring the initial
value should be used to prefill the dialog or be shown in some other way to the user.
... password astring the initial
value should be used to prefill the dialog or be shown in some other way to the user.
...And 5 more matches
nsIClassInfo
if the flags attribute has the singleton bit set, then the
value of this attribute specifies a classid through which this class can be accessed as a service using nsiservicemanager.getservice().
...if the flags attribute has the singleton bit set, then the
value of this attribute specifies a classid through which this class can be accessed as a service using nsiservicemanager.getservice().
...if the flags attribute has the singleton bit set, then the
value of this attribute specifies a contractid through which this class may be accessed as a service using nsiservicemanager.getservicebycontractid().
...And 5 more matches
nsIContentPrefObserver
dom/interfaces/base/nsicontentprefservice.idlscriptable this interface allows code to easily watch for changes to the
values of content preferences.
... 1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview void oncontentprefremoved(in astring agroup, in astring aname); void oncontentprefset(in astring agroup, in astring aname, in nsivariant a
value); methods oncontentprefremoved() called when a content preference is removed.
...this
value is null if the preference was global, applying to all web sites.
...And 5 more matches
nsIDOMMozNetworkStatsManager
return
value an nsidomdomrequest object.
... return
value an nsidomdomrequest object.
... return
value an alarm object with the same fields as that in the system message; alarmid, network, threshold, and data.
...And 5 more matches
nsIDOMStorage
a storage object stores an arbitrary set of key-
value pairs, which may be retrieved, modified and removed as needed.
... a key may only exist once within a storage object, and only one
value may be associated with a particular key.
... keys are stored in a particular order with the condition that this order not change by merely changing the
value associated with a key, but the order may change when a key is added or removed.
...And 5 more matches
nsIDOMXPathResult
dom/interfaces/xpath/nsidomxpathresult.idlscriptable this interface describes an xpath result returned by nsidomxpathevaluator or document.evaluate inherits from: nsisupports last changed in gecko 1.7 method overview nsidomnode iteratenext(); nsidomnode snapshotitem(in unsigned long index); attributes attribute type description boolean
value boolean if resulttype is boolean_type, the boolean
value.
... number
value double if resulttype is number_type, the numeric
value of the xpath
value.
... singlenode
value nsidomnode if resulttype is any_unordered_node_type or first_ordered_node_type, a single dom node.
...And 5 more matches
nsIEnvironment
getservice(components.interfaces.nsienvironment); method overview void set(in astring aname, in astring a
value); astring get(in astring aname); boolean exists(in astring aname); methods set() set the
value of an environment variable.
... void set( in astring aname, in astring a
value ); parameters aname the variable name to set.
... a
value the
value to set.
...And 5 more matches
nsIInstallLocation
you should not use the exact
values here, you should offset from these
values each time you create a new install location.
... constant
value description priority_app_profile 0 priority_app_system_user 10 priority_xre_system_user 100 priority_app_system_global 1000 priority_xre_system_global 10000 methods getidforlocation() retrieves the guid for an item at the specified location.
... return
value the id for an item that might live at the location specified.
...And 5 more matches
nsIMsgFolder
gdbhdr amessage,in nsmsgdispositionstate adispositionflag); void markmessagesread(in nsisupportsarray messages, in boolean markread); void markallmessagesread(); void markmessagesflagged(in nsisupportsarray messages, in boolean markflagged); void markthreadread(in nsimsgthread thread); void setlabelformessages(in nsisupportsarray messages, in nsmsglabel
value label); nsimsgdatabase getmsgdatabase(in nsimsgwindow msgwindow); void setmsgdatabase(in nsimsgdatabase msgdatabase); nsimsgdatabase getdbfolderinfoanddb(out nsidbfolderinfo folderinfo); nsimsgdbhdr getmessageheader(in nsmsgkey msgkey); boolean shouldstoremsgoffline(in nsmsgkey msgkey); boolean hasmsgoffline(in nsmsgkey msgkey); nsiin...
...n string msgname); void notifycompactcompleted(); long comparesortkeys(in nsimsgfolder msgfolder); [noscript] void getsortkey(out octet_ptr key, out unsigned long length); boolean callfilterplugins(in nsimsgwindow amsgwindow); acstring getstringproperty(in string propertyname); void setstringproperty(in string propertyname, in acstring property
value); boolean isancestorof(in nsimsgfolder folder); boolean containschildnamed(in astring name); nsimsgfolder getchildnamed(in astring aname); nsimsgfolder findsubfolder(in acstring escapedsubfoldername); void addfolderlistener(in nsifolderlistener listener); void removefolderlistener(in nsifolderlistener listener); void notifypropertycha...
...nged(in nsiatom property, in acstring old
value, in acstring new
value); void notifyintpropertychanged(in nsiatom property, in long old
value, in long new
value); void notifyboolpropertychanged(in nsiatom property, in boolean old
value, in boolean new
value); void notifypropertyflagchanged(in nsimsgdbhdr item, in nsiatom property, in unsigned long old
value, in unsigned long new
value); void notifyunicharpropertychanged(in nsiatom property, in astring old
value, in astring new
value); void notifyitemadded(in nsisupports item); void notifyitemremoved(in nsisupports item); void notifyfolderevent(in nsiatom event); void listdescendents(in nsisupportsarray descendents); void shutdown(in boolean shutdownchildren); void s...
...And 5 more matches
nsINavBookmarkObserver
arent, in print32 index); obsolete since gecko 1.9 void onitemadded(in long long aitemid, in long long aparentid, in long aindex, in unsigned short aitemtype, in nsiuri auri, in autf8string atitle, in prtime adateadded, in acstring aguid, in acstring aparentguid); void onitemchanged(in long long aitemid, in acstring aproperty, in boolean aisannotationproperty, in autf8string anew
value, in prtime alastmodified, in unsigned short aitemtype, in long long aparentid, in acstring aguid, in acstring aparentguid); void onitemmoved(in long long aitemid, in long long aoldparentid, in long aoldindex, in long long anewparentid, in long anewindex, in unsigned short aitemtype, in acstring aguid, in acstring aoldparentguid, in acstring anewparentguid); void onitemremoved(i...
... adateadded the stored date added
value, in microseconds from the epoch.
...void onitemchanged( in long long aitemid, in acstring aproperty, in boolean aisannotationproperty, in autf8string anew
value, in prtime alastmodified, in unsigned short aitemtype, in long long aparentid, in acstring aguid, in acstring aparentguid ); parameters aitemid the id of the item that was changed.
...And 5 more matches
nsINavHistoryQuery
ned long count, [retval,array,size_is(count)] out unsigned long transitions); void setfolders([const,array, size_is(foldercount)] in long long folders, in unsigned long foldercount); void settransitions([const,array, size_is(count)] in unsigned long transitions, in unsigned long count); attributes attribute type description absolutebegintime prtime read only: retrieves the begin time
value that the currently loaded reference points + offset resolve to.
... absoluteendtime prtime read only: retrieves the end time
value that the currently loaded reference points + offset resolve to.
... begintimereference long one of the constants time_relative_* which indicates how to interpret the corresponding begin time
value.
...And 5 more matches
nsINavHistoryResultViewer
sinavhistorycontainerresultnode acontainernode); void containeropened(in nsinavhistorycontainerresultnode acontainernode); void invalidatecontainer(in nsinavhistorycontainerresultnode acontainernode); void nodeannotationchanged(in nsinavhistoryresultnode anode, in autf8string aannoname); void nodedateaddedchanged(in nsinavhistoryresultnode anode, in prtime anew
value); void nodelastaddedchanged(in nsinavhistoryresultnode anode, in prtime anew
value); void nodehistorydetailschanged(in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount); void nodeiconchanged(in nsinavhistoryresultnode anode); void nodekeywordchanged(in nsinavhistoryresultnode anode, in autf8string anewkeyword); ...
... void nodekeywordchanged( in nsinavhistoryresultnode anode, in prtime anew
value ); parameters anode the node whose title has changed.
... anew
value the new
value for the node's date added property.
...And 5 more matches
nsIScriptableIO
return
value returns an nsifile object referencing the specified file location.
... nsifile getfilewithpath( in astring afilepath ); parameters afilepath the absolute pathname of the file to reference, or the
value of a file's persistentdescriptor.
... return
value returns an nsifile object referencing the specified file location.
...And 5 more matches
nsITaskbarPreviewController
this
value may change at any time.
...this
value may change at any time.
... note: although these attributes are read only, that indicates that the previews controlled by an nsitaskbarpreviewcontroller cannot alter these
values.
...And 5 more matches
nsITaskbarProgress
1.0 66 introduced gecko 1.9.2 inherits from: nsisupports last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) method overview void setprogressstate(in nstaskbarprogressstate state, in unsigned long long current
value optional, in unsigned long long max
value optional); constants constant
value description state_no_progress 0 stop displaying progress on the taskbar button.
... methods setprogressstate() sets the taskbar progress state and
value for this window.
... the current
value and max
value parameters are optional and should be supplied when state is one of state_normal, state_error or state_paused.
...And 5 more matches
nsITransactionManager
a
value of -1 means no limit.
... a
value of zero means the transaction manager will execute each transaction, then immediately release all references it has to the transaction without pushing it on the undo stack.
... a
value greater than zero indicates the max number of transactions that can exist at any time on both the undo and redo stacks.
...And 5 more matches
nsITransport
constant
value description open_blocking 1<<0 open flags.
... constant
value description status_reading 0x804b0008 status_writing 0x804b0009 methods close() close the transport and any open streams.
... asegmentsize if open_unbuffered is not set, then this parameter specifies the size of each buffer segment (pass 0 to use default
value).
...And 5 more matches
nsITreeColumns
nsitreecolumn getcolumnat( in long index ); parameters index index of the column return
value a nsitreecolumn for this index.
...nsitreecolumn getcolumnfor( in nsidomelement element ); parameters element a dom element return
value a nsitreecolumn for this element.
...return
value the first nsitreecolumn.
...And 5 more matches
nsIWindowsShellService
inherits from: nsishellservice last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview string getregistryentry(in long ahkeyconstant, in string asubkeyname, in string a
valuename); obsolete since gecko 1.8 void restorefilesettings(in boolean aforallusers); obsolete since gecko 1.9 void shortcutmaintenance(); attributes attribute type description desktopbackgroundcolor unsigned long the desktop background color, visible when no background image is used, or if the background image is centered and does not fill the entire screen.
... a rgb
value, where (r << 24 | g << 16 | b) obsolete since gecko 1.8 unreadmailcount unsigned long the number of unread mail messages for the current user.
... constant
value description hkcr 0 hkey_classes_root.
...And 5 more matches
nsIXSLTProcessor
createinstance(components.interfaces.nsixsltprocessor); method overview void clearparameters(); nsivariant getparameter(in domstring namespaceuri, in domstring localname); void importstylesheet(in nsidomnode style); void removeparameter(in domstring namespaceuri, in domstring localname); void reset(); void setparameter(in domstring namespaceuri, in domstring localname, in nsivariant
value); nsidomdocument transformtodocument(in nsidomnode source); nsidomdocumentfragment transformtofragment(in nsidomnode source, in nsidomdocument output); methods clearparameters() removes all set parameters from this nsixsltprocessor.
... this will make the processor use the default-
value for all parameters as specified in the stylesheet.
... return
value an nsivariant containing the
value of the parameter.
...And 5 more matches
nsIZipReader
the characters a and z must either both be letters or both be numbers, with the character represented by 'a' having a lower ascii
value than the character represented by 'z'.
... return
value the nsiutf8stringenumerator containing the matching entry names.
... exceptions thrown ns_error_illegal_
value on many but not all invalid apattern
values.
...And 5 more matches
XPCOM string functions
ns_cstringappenddatathe ns_cstringappenddata function appends data to the existing
value of a nsacstring instance.
...tringcontainerfinish function releases any memory allocated by a nscstringcontainer instance.ns_cstringcontainerinitthe ns_cstringcontainerinit function initializes a nscstringcontainer instance for use as a nsacstring.ns_cstringcontainerinit2the ns_cstringcontainerinit2 function initializes a nscstringcontainer instance for use as a nsacstring.ns_cstringcopythe ns_cstringcopy function copies the
value from one nsacstring instance to another.
...this is a low-level api.ns_cstringgetdatathe ns_cstringgetdata function gives the caller read access to the string's internal buffer.ns_cstringgetmutabledatathe ns_cstringgetmutabledata function gives the caller write access to the string's internal buffer.ns_cstringinsertdatathe ns_cstringinsertdata function appends data to the existing
value of a nsacstring instance.
...And 5 more matches
Working with windows in chrome code
var ww = components.classes["@mozilla.org/embedcomp/window-watcher;1"] .getservice(components.interfaces.nsiwindowwatcher); var win = ww.openwindow(null, "chrome://myextension/content/about.xul", "aboutmyextension", "chrome,centerscreen", null); window object note the win variable in the above section, which is assigned the return
value of window.open.
...the return
value of window.open (and similar methods) is a window object (usually chromewindow) – the same type as the window variable.
...we pass in the current status text as well as the maximum and current progress
values.
...And 5 more matches
Type conversion
default_abi, ctypes.void_t, ctypes.char.ptr); somecfunction(buffer); // here ctypes.char.array(10)() is converted to ctypes.char.ptr type implicit conversion can be tested in the following way: var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.bool } ])(); mystruct.v = 1; console.log(mystruct.v.tostring()); // 'true' boolean type target type source converted
value ctypes.bool js boolean src js number (0 or 1) if src == 0: false if src == 1: true var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.bool } ])(); mystruct.v = true; console.log(mystruct.v.tostring()); // 'true' mystruct.v = false; console.log(mystruct.v.tostring()); // 'false' mystruct.v = 1; console.log(mystruct.v.tostring()); // 'true'...
... mystruct.v = 0; console.log(mystruct.v.tostring()); // 'false' mystruct.v = 10; // throws error mystruct.v = "a"; // throws error integer types target type source converted
value ctypes.char16_t js string (only if its length == 1) src.charcodeat(0) any integer types js number (only if fits to the size) src js boolean if src == true: 1 if src == false: 0 var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.char16_t } ])(); mystruct.v = 0x41; console.log(mystruct.v.tostring()); // "a" mystruct.v = true; console.log(mystruct.v.tostring()); // "\x01" mystruct.v = "x"; console.log(mystruct.v.tostring()); // "x" mystruct.v = "xx"; // throws error var mystruct = ctypes.str...
..._char ctypes.uint8_t ctypes.char16_t ctypes.uint8_t ctypes.uint16_t ctypes.unsigned_short var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.int16_t } ])(); mystruct.v = ctypes.int8_t(10); console.log(mystruct.v.tostring()); // 10 mystruct.v = ctypes.int32_t(10); // throws error float types target type source converted
value any float types js number (only if fits to the size) src pointer types target type source converted
value any pointer types null nullptr ctypes.voidptr_t any pointer types src any array types src.addressofelement(0) ctypes.pointertype(t) ctypes.arraytype(t) src.addressofelement(0) ctypes.ar...
...And 5 more matches
PointerType
return
value a ctype object describing the newly created data type.
...this is the same
value as the c sizeof.
... return
value a cdata representing the newly allocated pointer.
...And 5 more matches
StructType
this data type provides the ability to define and manipulate
values of the c struct type.
... return
value a ctype object describing the newly created struct data type.
...this is the same
value as the c sizeof.
...And 5 more matches
Debugger.Source - Firefox Developer Tools
many properties below return placeholder
values.
...the
value satisfies the program, functiondeclaration, or functionexpression productions in the ecmascript standard.
...the text generation is disabled if the debugger has the allowwasmbinarysource property set, the "[wasm]"
value will be returned in this case.
...And 5 more matches
Web Console remoting - Firefox Developer Tools
the prefs argument is an object like { prefname: pref
value, ...
...the prefs argument is an array of preferences you want to get their
values for, by name.
... send http requests starting with firefox 25 you can send an http request using the console actor: { "to": "conn0.console9", "type": "sendhttprequest", "request": { "url": "http://localhost", "method": "get", "headers": [ { name: "header-name",
value: "header
value", }, // ...
...And 5 more matches
AudioBufferSourceNode.playbackRate - Web APIs
a
value of 1.0 indicates it should play at the same speed as its sampling rate,
values less than 1.0 cause the sound to play more slowly, while
values greater than 1.0 result in audio playing faster than normal.
... the default
value is 1.0.
... when set to another
value, the audiobuffersourcenode resamples the audio before sending it to the output.
...And 5 more matches
AudioListener.forwardX - Web APIs
the forwardx read-only property of the audiolistener interface is an audioparam representing the x
value of the direction vector defining the forward direction the listener is pointing in.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.forwardx.
value = 0;
value an audioparam.
... its default
value is 0, and it can range between positive and negative infinity.
...And 5 more matches
AudioListener.forwardY - Web APIs
the forwardy read-only property of the audiolistener interface is an audioparam representing the y
value of the direction vector defining the forward direction the listener is pointing in.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.forwardy.
value = 0;
value an audioparam.
... its default
value is 0, and it can range between positive and negative infinity.
...And 5 more matches
AudioListener.forwardZ - Web APIs
the forwardz read-only property of the audiolistener interface is an audioparam representing the z
value of the direction vector defining the forward direction the listener is pointing in.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.forwardz.
value = 0;
value an audioparam.
... its default
value is -1, and it can range between positive and negative infinity.
...And 5 more matches
AudioListener.speedOfSound - Web APIs
the speedofsound property of the audiolistener interface is a double
value representing the speed of sound, in meters per second.
... the speedofsound property's default
value is 343.3 m/s and is used to calculate the doppler shift appropriate for the speed the panner is travelling at (as defined by pannernode.setvelocity.) note: bear in mind that no propagation delay is automatically applied to a sound far from the listener.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.speedofsound = 343.3;
value a double.
...And 5 more matches
AudioListener.upX - Web APIs
the upx read-only property of the audiolistener interface is an audioparam representing the x
value of the direction vector defining the up direction the listener is pointing in.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.upx.
value = 0;
value an audioparam.
... its default
value is 0, and it can range between positive and negative infinity.
...And 5 more matches
AudioListener.upY - Web APIs
the upy read-only property of the audiolistener interface is an audioparam representing the y
value of the direction vector defining the up direction the listener is pointing in.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.upy.
value = 0;
value an audioparam.
... its default
value is 1, and it can range between positive and negative infinity.
...And 5 more matches
AudioListener.upZ - Web APIs
the upz read-only property of the audiolistener interface is an audioparam representing the z
value of the direction vector defining the up direction the listener is pointing in.
... syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.upz.
value = 0;
value an audioparam.
... its default
value is 0, and it can range between positive and negative infinity.
...And 5 more matches
AudioNode - Web APIs
the exact processing done varies from one audionode to another but, in general, a node reads its inputs, does some audio-related processing, and generates new
values for its outputs, or simply lets the audio pass through (for example in the analysernode, where the result of the processing is accessed separately).
...source nodes are defined as nodes having a numberofinputs property with a
value of 0.
...destination nodes — like audiodestinationnode — have a
value of 0 for this attribute.
...And 5 more matches
AudioParam.cancelAndHoldAtTime() - Web APIs
the cancelandholdattime() property of the audioparam interface cancels all scheduled future changes to the audioparam but holds its
value at a given time until further changes are made using other methods.
... return
value a reference to the audioparam it was called on.
...— 56alternate name alternate name uses the non-standard name: cancel
valuesandholdattime()edge full support ≤79firefox no support noie no support noopera full support 44 full support 44 no support ?
...And 5 more matches
AudioWorkletProcessor.parameterDescriptors (static getter) - Web APIs
syntax audioworkletprocessorsubclass.parameterdescriptors;
value an iterable of audioparamdescriptor-based objects.
...under this name the audioparam will be available in the parameters property of the node, and under this name the audioworkletprocessor.process method will acquire the calculated
values of this audioparam.
... min
value optional a float which represents minimum
value of the audioparam.
...And 5 more matches
BiquadFilterNode - Web APIs
note: though the audioparam objects returned are read-only, the
values they represent are not.
... biquadfilternode.type is a string
value defining the kind of filtering algorithm the node is implementing.
...the greater the
value is, the greater is the peak.
...And 5 more matches
Blob.slice() - Web APIs
if you specify a negative
value, it's treated as an offset from the end of the blob toward the beginning.
...the default
value is 0.
... if you specify a
value for start that is larger than the size of the source blob, the returned blob has size 0 and contains no data.
...And 5 more matches
Examples of web and XML development using the DOM - Web APIs
e html> <html lang="en"> <head> <title>modifying an image border</title> <script> function setborderwidth(width) { document.getelementbyid("img1").style.borderwidth = width + "px"; } </script> </head> <body> <p> <img id="img1" src="image1.gif" style="border: 5px solid green;" width="100" height="100" alt="border test"> </p> <form name="formname"> <input type="button"
value="make border 20px-wide" onclick="setborderwidth(20);" /> <input type="button"
value="make border 5px-wide" onclick="setborderwidth(5);" /> </form> </body> </html> example 3: manipulating styles in this simple example, some basic style properties of an html paragraph element are accessed using the style object on the element and that object's css style properties, which can be retrieved and...
... <!doctype html> <html lang="en"> <head> <title>changing color and font-size example</title> <script> function changetext() { var p = document.getelementbyid("pid"); p.style.color = "blue" p.style.fontsize = "18pt" } </script> </head> <body> <p id="pid" onclick="window.location.href = 'http://www.cnn.com/';">linker</p> <form> <p><input
value="rec" type="button" onclick="changetext();" /></p> </form> </body> </html> example 4: using stylesheets the stylesheets property on the document object returns a list of the stylesheets that have been loaded on that document.
...the event listener handles the event by executing the function stopevent, which changes the
value in the bottom cell of the table.
...And 5 more matches
HTMLElement - Web APIs
htmlelement.contenteditable is a domstring, where a
value of true means the element is editable and a
value of false means it isn't.
...possible
values are "ltr", "rtl", and "auto".
... htmlelement.itemref read only returns a domsettabletokenlist… htmlelement.itemprop read only returns a domsettabletokenlist… htmlelement.item
value returns a object representing the item
value.
...And 5 more matches
HTMLTableRowElement - Web APIs
htmltablerowelement.align is a domstring containing an enumerated
value reflecting the align attribute.
...the possible
values are "left", "right", and "center".
... htmltablerowelement.rowindex read only returns a long
value which gives the logical position of the row within the entire table.
...And 5 more matches
IDBCursor.update() - Web APIs
the update() method of the idbcursor interface returns an idbrequest object, and, in a separate thread, updates the
value at the current position of the cursor in the object store.
... syntax var anidbrequest = myidbcursor.update(
value); parameters
value the new
value to be stored at the current position.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
...And 5 more matches
IDBKeyRange.only() - Web APIs
the only() method of the idbkeyrange interface creates a new key range containing a single
value.
... syntax var myidbkeyrange = idbkeyrange.only(
value); parameters
value is the
value for the new key range.
... return
value idbkeyrange: the newly created key range.
...And 5 more matches
IDBKeyRange.upperBound() - Web APIs
by default, it includes the upper endpoint
value and is closed.
... open indicates whether the upper bound excludes the endpoint
value.
...optional return
value idbkeyrange: the newly created key range.
...And 5 more matches
KeyboardEvent.code - Web APIs
in other words, this property returns a
value that isn't altered by keyboard layout or the state of the modifier keys.
... if the input device isn't a physical keyboard, but is instead a virtual keyboard or accessibility device, the returned
value will be set by the browser to match as closely as possible to what would happen with a physical keyboard, to maximize compatibility between physical and virtual input devices.
...be aware, however, that you can't use the
value reported by keyboardevent.code to determine the character generated by the keystroke, because the keycode's name may not match the actual character that's printed on the key or that's generated by the computer when the key is pressed.
...And 5 more matches
KeyframeEffectOptions - Web APIs
properties composite optional determines how
values are combined between this animation and other, separate animations that do not specify their own specific composite operation.
...for instance with transform, a translatex(-200px) would not override an earlier rotate(20deg)
value but result in translatex(-200px) rotate(20deg).
... replace overwrites the previous
value with the new one.
...And 5 more matches
MediaStreamTrack.enabled - Web APIs
the enabled property on the mediastreamtrack interface is a boolean
value which is true if the track is allowed to render the source stream or false if it is not.
... in the case of audio, a disabled track generates frames of silence (that is, frames in which every sample's
value is 0).
... the
value of enabled, in essence, represents what a typical user would consider the muting state for a track, whereas the muted property indicates a state in which the track is temporarily unable to output data, such as a scenario in which frames have been lost in transit.
...And 5 more matches
MediaTrackConstraints - Web APIs
the mediatrackconstraints dictionary is used to describe a set of capabilities and the
value or
values each can take on.
... a constraints dictionary is passed into applyconstraints() to allow a script to establish a set of exact (required)
values or ranges and/or preferred
values or ranges of
values for the track, and the most recently-requested set of custom constraints can be retrieved by calling getconstraints().
... for each constraint, you can typically specify an exact
value you need, an ideal
value you want, a range of acceptable
values, and/or a
value which you'd like to be as close to as possible.
...And 5 more matches
MouseEvent() - Web APIs
syntax event = new mouseevent(typearg, mouseeventinit);
values typearg is a domstring representing the name of the event.
... mouseeventinit optional is a mouseeventinit dictionary, having the following fields: "screenx", optional and defaulting to 0, of type long, that is the horizontal position of the mouse event on the user's screen; setting this
value doesn't move the mouse pointer.
... "screeny", optional and defaulting to 0, of type long, that is the vertical position of the mouse event on the user's screen; setting this
value doesn't move the mouse pointer.
...And 5 more matches
MutationObserverInit.attributes - Web APIs
the mutationobserverinit dictionary's optional attributes property is used to specify whether or not to watch for attribute
value changes on the node or nodes being observed.
... syntax var options = { attributes: true | false }
value a boolean
value indicating whether or not to report through the callback any changes to the
values of attributes on the node or nodes being monitored.
... the default
value is false.
...And 5 more matches
Navigator - Web APIs
do not rely on this property to return the correct
value.
...do not rely on this property to return the correct
value.
...do not rely on this property to return the correct
value.
...And 5 more matches
Pointer events - Web APIs
terminology active buttons state the condition when a pointer has a non-zero
value for the buttons property.
...pen stylus) around its major axis in degrees, with a
value in the range 0 to 359.
... the following table provides the
values of button and buttons for the various device button states.
...And 5 more matches
RTCConfiguration - Web APIs
this must be one of the
values from the enum rtcbundlepolicy.
... if this
value isn't included in the dictionary, "balanced" is assumed.
... icecandidatepoolsize optional an unsigned 16-bit integer
value which specifies the size of the prefetched ice candidate pool.
...And 5 more matches
RTCIceCandidatePairStats.availableOutgoingBitrate - Web APIs
the rtcicecandidatepairstats property availableoutgoingbitrate returns a
value indicative of the available outbound capacity of the network connection represented by the candidate pair.
... the higher the
value, the more bandwidth you can assume is available for outgoing data.
... syntax availableoutgoingbitrate = rtcicecandidatepairstats.availableoutgoingbitrate;
value a floating-point
value which approximates the amount of available bandwidth for outgoing data on the network connection described by the rtcicecandidatepair.
...And 5 more matches
RTCIceTransport - Web APIs
the
value is one of the strings from the rtcicetransport enumerated type: "rtp" or "rtsp".
...the
value is one of those included in the rtcicegathererstate enumerated type: "new", "gathering", or "complete".
... role read only returns a domstring whose
value is one of the members of the rtcicerole enumerated type: "controlling" or "controlled"; this indicates whether the ice agent is the one that makes the final decision as to the candidate pair to use or not.
...And 5 more matches
RTCPeerConnection() - Web APIs
this must be one of the
values from the enum rtcbundlepolicy.
... if this
value isn't included in the dictionary, "balanced" is assumed.
... icecandidatepoolsize optional an unsigned 16-bit integer
value which specifies the size of the prefetched ice candidate pool.
...And 5 more matches
RTCPeerConnection.createDataChannel() - Web APIs
while this
value is a 16-bit unsigned number, each user agent may clamp it to whatever maximum it deems appropriate.
...while this
value is a16-bit unsigned number, each user agent may clamp it to whatever maximum it deems appropriate.
... id optional an 16-bit numeric id for the channel; permitted
values are 0-65534.
...And 5 more matches
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
the rtcremoteoutboundrtpstreamstats dictionary's localid property is a string which can be used to identify the rtcinboundrtpstreamstats object whose remoteid matches this
value.
... syntax let localid = rtcremoteoutboundrtpstreamstats.localid;
value a domstring which can be compared to the
value of an rtcinboundrtpstreamstats object's remoteid property to see if the two represent statistics for each of the two sides of the same set of data received by the local peer.
...let's create a utility function to help us look up the
value of a key in the paired statistics object.
...And 5 more matches
RTCRtpTransceiver.direction - Web APIs
its
value must be one of the strings defined by the rtcrtptransceiverdirection enumeration.
... syntax var direction = rtcrtptransceiver.direction
value a domstring whose
value is one of the strings which are a member of the rtcrtptransceiverdirection enumerated type, indicating the transceiver's preferred direction.
... the rtcrtptransceiverdirection type is an enumeration of string
values.
...And 5 more matches
ReadableStreamDefaultReader.read() - Web APIs
return
value a promise, which fulfills/rejects with a result depending on the state of the stream.
... the different possibilities are as follows: if a chunk is available, the promise will be fulfilled with an object of the form {
value: thechunk, done: false }.
... if the stream becomes closed, the promise will be fulfilled with an object of the form {
value: undefined, done: true }.
...And 5 more matches
SVGComponentTransferFunctionElement - Web APIs
ect x="131" y="65" width="350" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="306" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgcomponenttransferfunctionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_fecomponenttransfer_type_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_fecomponenttransfer_type_identity 1 corresponds to the
value identity.
...And 5 more matches
SVGFETurbulenceElement - Web APIs
="261" y="65" width="220" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="371" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeturbulenceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants turbulence types name
value description svg_turbulence_type_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_turbulence_type_fractalnoise 1 corresponds to the fractalnoise
value.
...And 5 more matches
SVGRenderingIntent - Web APIs
the svgrenderingintent interface defines the enumerated list of possible
values for rendering-intent attributes or descriptors.
... constants name
value description rendering_intent_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
...And 5 more matches
SVGTextPathElement - Web APIs
<rect x="-169" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-79" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method types name
value description textpath_methodtype_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... textpath_methodtype_align 1 corresponds to the
value align.
...And 5 more matches
Screen Capture API - Web APIs
the
value is one of application, browser, monitor, or window.
...a
value of true indicates a logical display surface is to be captured.
...the
value is one of always, motion, or never.
...And 5 more matches
Selection.setBaseAndExtent() - Web APIs
so for example, if the
value is 0 the whole node is included.
... if the
value is 1, the whole node minus the first child node is included.
...so for example, if the
value is 0 the whole node is excluded.
...And 5 more matches
Using server-sent events - Web APIs
each field is represented by the field name, followed by a colon, followed by the text data for that field's
value.
... id the event id to set the eventsource object's last event id
value.
...if a non-integer
value is specified, the field is ignored.
...And 5 more matches
SourceBuffer.mode - Web APIs
the two available
values are: segments: the media segment timestamps determine the order in which the segments are played.
... the mode
value is initially set when the sourcebuffer is created using mediasource.addsourcebuffer().
... if timestamps already exist for the media segments, then the
value will be set to segments; if they don't, then the
value will be set to sequence.
...And 5 more matches
SubtleCrypto.unwrapKey() - Web APIs
possible
values of the array are: encrypt: the key may be used to encrypt messages.
... unwrapkey: the key may be used to unwrap a key return
value result is a promise that fulfills with the unwrapped key as a cryptokey object.
... exceptions the promise is rejected when one of the following exceptions is encountered: invalidaccesserror raised when the unwrapping key is not a key for the requested unwrap algorithm or if the cryptokey.usages
value of that key doesn't contain unwrap.
...And 5 more matches
URL API - Web APIs
the url standard also defines concepts such as domains, hosts, and ip addresses, and also attempts to describe in a standard way the legacy application/x-www-form-urlencoded mime type used to submit web forms' contents as a set of key/
value pairs.
... 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.
... for example, to create a url and set its username: let myusername = "someguy"; let addr = new url("https://mysite.com/login"); addr.username = myusername; setting the
value of username not only sets that property's
value, but it updates the overall url.
...And 5 more matches
ValidityState.typeMismatch - Web APIs
the read-only typemismatch property of a validitystate object indicates if the
value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's type attribute.
... if the type attribute expects specific strings, such as the email and url types and the
value don't doesn't conform to the constraints set by the type, the typemismatch property will be true.
...if the
value of the email input is not an empty string, a single valid e-mail address, or one or more comma separated email address if the multiple attribute is present, there is a typemismatch.
...And 5 more matches
WebGLRenderingContext.clearDepth() - Web APIs
the webglrenderingcontext.cleardepth() method of the webgl api specifies the clear
value for the depth buffer.
... this specifies what depth
value to use when calling the clear() method.
... the
value is clamped between 0 and 1.
...And 5 more matches
WebGLRenderingContext.texImage2D() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
... possible
values in both webgl1 and webgl2 format type channels bytes per pixel rgba unsigned_byte 4 4 rgb unsigned_byte 3 3 rgba unsigned_short_4_4_4_4 4 2 rgba unsigned_short_5_5_5_1 4 2 rgb unsigned_short_5_6_5 3 2 luminance_alpha unsigned_byt...
...e 2 2 luminance unsigned_byte 1 1 alpha unsigned_byte 1 1 other possible
values in webgl2 for the versions of teximage2d that take an arraybufferview or a glintptr offset sized format base format r bits g bits b bits a bits shared bits color renderable texture filterable r8 red 8 ● ● r8_snorm red s8 ● rg8 rg 8 8 ● ● rg8_snorm rg s8 s8 ● rgb8 rgb 8 8 8 ● ● rgb8_snorm rgb s8 s8 s8 ● rgb565 rgb 5 6 5 ...
...And 5 more matches
Rendering and the WebXR frame animation callback - Web APIs
the resulting
value is the amount of time available for each frame to be rendered in order to not drop the frame.
... // use this
value to ensure your animation runs at the exact // rate you intend.
...the result is a domhighrestimestamp
value indicating the number of milliseconds that have elapsed since the last frame was rendered.
...And 5 more matches
Window.pageYOffset - Web APIs
the read-only window property pageyoffset is an alias for scrolly; as such, it returns the number of pixels the document is currently scrolled along the vertical axis (that is, up or down) with a
value of 0.0, indicating that the top edge of the document is currently aligned with the top edge of the window's content area.
... syntax yoffset = window.pageyoffset;
value a floating-point number specifying the number of pixels the document is scrolled vertically within its containing window.
...a
value of 0.0 indicates that the window is not scrolled vertically, and that the top of the document is located at the top edge of the window's content area.
...And 5 more matches
XRWebGLLayer() - Web APIs
the default
value is true.
... antialias optional a boolean
value which is true if anti-aliasing is to be used when rendering in the context; otherwise false.
... the default
value is true.
...And 5 more matches
XSLTProcessor - Web APIs
it has methods to load the xslt stylesheet, to manipulate <xsl:param> parameter
values, and to apply the transformation to documents.
... the resultant object depends on the output method of the stylesheet: output method result type html htmldocument xml xmldocument text xmldocument with a single root element <transformiix:result> with the text as a child [throws] void xsltprocessor.setparameter(string namespaceuri, string localname, any
value) sets a parameter in the xslt stylesheet that was imported.
... (sets the
value of an <xsl:param>.) a null
value for namespaceuri is treated the same as an empty string.
...And 5 more matches
speak-as - CSS: Cascading Style Sheets
for example, an author can specify a counter symbol to be either spoken as its numerical
value or just represented with an audio cue.
... syntax /* keyword
values */ speak-as: auto; speak-as: bullets; speak-as: numbers; speak-as: words; speak-as: spell-out; /* @counter-style name
value */ speak-as: <counter-style-name>;
values auto if the
value of speak-as is specified as auto, then the effective
value of speak-as will be determined based on the
value of the system descriptor: if the
value of system is alphabetic, the effective
value of speak-as will be spell-out.
... if system is cyclic, the effective
value of speak-as will be bullets.
...And 5 more matches
@media - CSS: Cascading Style Sheets
media feature expressions test for their presence or
value, and are entirely optional.
... because of this potential, a browser may opt to fudge the returned
values in some manner in order to prevent them from being used to precisely identify a computer.
... a browser might also offer additional measures in this area; for example, if firefox's "resist fingerprinting" setting is enabled, many media queries report default
values rather than
values representing the actual device state.
...And 5 more matches
Using CSS animations - CSS: Cascading Style Sheets
animation-fill-mode configures what
values are applied by the animation before and after it is executing.
...if from/0% or to/100% is not specified, the browser starts or finishes the animation using the computed
values of all attributes.
...as an example, the rule we’ve been using through this article: p { animation-duration: 3s; animation-name: slidein; animation-iteration-count: infinite; animation-direction: alternate; } could be replaced by p { animation: 3s infinite alternate slidein; } note: you can find more details out at the animation reference page: setting multiple animation property
values the css animation longhand
values can accept multiple
values, separated by commas — this feature can be used when you want to apply multiple animations in a single rule, and set separate durations, iteration counts, etc.
...And 5 more matches
Spanning and Balancing Columns - CSS: Cascading Style Sheets
spanning the columns to cause an item to span across columns use the property column-span with a
value of all.
... limitations of column-span in the current level 1 specification there are only two allowable
values for column-span.
... the
value none is the initial
value and means the item does not span, remaining within a column.
...And 5 more matches
Flow Layout and Writing Modes - CSS: Cascading Style Sheets
the writing-mode property and block flow the writing-mode property accepts the
values horizontal-tb, vertical-rl and vertical-lr.
... these
values control the direction that blocks flow on the page.
... the initial
value is horizontal-tb, which is a top to bottom block flow direction with a horizontal inline direction.
...And 5 more matches
Using CSS transitions - CSS: Cascading Style Sheets
the auto
value is often a very complex case.
...you can specify a single duration that applies to all properties during the transition, or multiple
values to allow each property to transition over a different period of time.
...ng-function: ease-in-out; } function updatetransition() { var el = document.queryselector("div.box"); if (el) { el.classname = "box1"; } else { el = document.queryselector("div.box1"); el.classname = "box"; } return el; } var intervalid = window.setinterval(updatetransition, 7000); transition-timing-function specifies a function to define how intermediate
values for properties are computed.
...And 5 more matches
animation-delay - CSS: Cascading Style Sheets
syntax /* single animation */ animation-delay: 3s; animation-delay: 0s; animation-delay: -1500ms; /* multiple animations */ animation-delay: 2.1s, 480ms;
values <time> the time offset, from the moment at which the animation is applied to the element, at which the animation should begin.
... a positive
value indicates that the animation should begin after the specified amount of time has elapsed.
... a
value of 0s, which is the default, indicates that the animation should begin as soon as it's applied.
...And 5 more matches
animation-fill-mode - CSS: Cascading Style Sheets
syntax /* single animation */ animation-fill-mode: none; animation-fill-mode: forwards; animation-fill-mode: backwards; animation-fill-mode: both; /* multiple animations */ animation-fill-mode: none, backwards; animation-fill-mode: both, forwards, none;
values none the animation will not apply any styles to the target when it's not executing.
...this is the default
value.
... forwards the target will retain the computed
values set by the last keyframe encountered during execution.
...And 5 more matches
animation-iteration-count - CSS: Cascading Style Sheets
if multiple
values are specified, each time the animation is played the next
value in the list is used, cycling back to the first
value after the last one is used.
... syntax /* keyword
value */ animation-iteration-count: infinite; /* <number>
values */ animation-iteration-count: 3; animation-iteration-count: 2.4; /* multiple
values */ animation-iteration-count: 2, 0, infinite; the animation-iteration-count property is specified as one or more comma-separated
values.
...
values infinite the animation will repeat forever.
...And 5 more matches
<blend-mode> - CSS: Cascading Style Sheets
syntax the <blend-mode> data type is defined using a keyword
value chosen from the list below.
...
values normal the final color is the top color, regardless of what the bottom color is.
... <div id="div"></div> #div { width: 300px; height: 300px; background: url('https://mdn.mozillademos.org/files/8543/br.png'), url('https://mdn.mozillademos.org/files/8545/tr.png'); background-blend-mode: multiply; } screen the final color is the result of inverting the colors, multiplying them, and inverting that
value.
...And 5 more matches
border-spacing - CSS: Cascading Style Sheets
the border-spacing
value is also used along the outside edge of the table, where the distance between the table's border and the cells in the first/last column or row is the sum of the relevant (horizontal or vertical) border-spacing and the relevant (top, right, bottom, or left) padding on the table.
... note: the border-spacing property is equivalent to the deprecated cellspacing <table> attribute, except that it has an optional second
value that can be used to set different horizontal and vertical spacing.
... syntax /* <length> */ border-spacing: 2px; /* horizontal <length> | vertical <length> */ border-spacing: 1cm 2em; /* global
values */ border-spacing: inherit; border-spacing: initial; border-spacing: unset; the border-spacing property may be specified as either one or two
values.
...And 5 more matches
box-lines - CSS: Cascading Style Sheets
/* keyword
values */ box-lines: single; box-lines: multiple; /* global
values */ box-lines: inherit; box-lines: initial; box-lines: unset; by default a horizontal box will lay out its children in a single row, and a vertical box will lay out its children in a single column.
...the default
value is single, which means that all elements will be placed in a single row or column, and any elements that don't fit will simply be considered overflow.
... if a
value of multiple is specified, however, then the box is allowed to expand to multiple lines (that is, multiple rows or columns) in order to accommodate all of its children.
...And 5 more matches
cursor - CSS: Cascading Style Sheets
syntax /* keyword
value */ cursor: pointer; cursor: auto; /* url, with a keyword fallback */ cursor: url(hand.cur), pointer; /* url and coordinates, with a keyword fallback */ cursor: url(cursor1.png) 4 12, auto; cursor: url(cursor2.png) 2 2, pointer; /* global
values */ cursor: inherit; cursor: initial; cursor: unset; the cursor property is specified as zero or more <url>
values, separated by commas, followed by a single mandatory keyword
value.
...the browser will try to load the first image specified, falling back to the next if it can't, and falling back to the keyword
value if no images could be loaded (or if none were specified).
... for example, this specifies two images using <url>
values, providing <x><y> coordinates for the second one, and falling back to the progress keyword
value if neither image can be loaded: cursor: url(one.svg), url(two.svg) 5 5, progress;
values <url> a url(…) or a comma separated list url(…), url(…), …, pointing to an image file.
...And 5 more matches
font-feature-settings - CSS: Cascading Style Sheets
syntax /* use the default settings */ font-feature-settings: normal; /* set
values for opentype feature tags */ font-feature-settings: "smcp"; font-feature-settings: "smcp" on; font-feature-settings: "swsh" 2; font-feature-settings: "smcp", "swsh" 2; /* global
values */ font-feature-settings: inherit; font-feature-settings: initial; font-feature-settings: unset; whenever possible, web authors should instead use the font-variant shorthand property or an associated longhand pr...
...
values normal text is laid out using default settings.
... <feature-tag-
value> when rendering text, the list of opentype feature tag
value is passed to the text layout engine to enable or disable font features.
...And 5 more matches
font-style - CSS: Cascading Style Sheets
syntax font-style: normal; font-style: italic; font-style: oblique; font-style: oblique 10deg; /* global
values */ font-style: inherit; font-style: initial; font-style: unset; the font-style property is specified as a single keyword chosen from the list of
values below, which can optionally include an angle if the keyword is oblique.
...
values normal selects a font that is classified as normal within a font-family.
...valid
values are degree
values of -90deg to 90deg inclusive.
...And 5 more matches
font-variation-settings - CSS: Cascading Style Sheets
the font-variation-settings css property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their
values.
... syntax /* use the default settings */ font-variation-settings: normal; /* set
values for variable font axis names */ font-variation-settings: "xhgt" 0.7; /* global
values */ font-variation-settings: inherit; font-variation-settings: initial; font-variation-settings: unset;
values this property's
value can take one of two forms: normal text is laid out using default settings.
...each setting is always one or more pairs consisting of a <string> of 4 ascii characters followed by a <number> indicating the axis
value to set.
...And 5 more matches
grid-template-rows - CSS: Cascading Style Sheets
syntax /* keyword
value */ grid-template-rows: none; /* <track-list>
values */ grid-template-rows: 100px 1fr; grid-template-rows: [linename] 100px; grid-template-rows: [linename1] 100px [linename2 linename3]; grid-template-rows: minmax(100px, 1fr); grid-template-rows: fit-content(40%); grid-template-rows: repeat(3, 200px); grid-template-rows: subgrid; /* <auto-track-list>
values */ grid-template-rows: 200px repeat(auto-fill, 100px) 300px; grid-template-rows:...
... minmax(100px, max-content) repeat(auto-fill, 200px) 20%; grid-template-rows: [linename1] 100px [linename2] repeat(auto-fit, [linename3 linename4] 300px) 100px; grid-template-rows: [linename1 linename2] 100px repeat(auto-fit, [linename1] 300px) [linename3]; /* global
values */ grid-template-rows: inherit; grid-template-rows: initial; grid-template-rows: unset; this property may be specified as: either the keyword
value none or a <track-list>
value or an <auto-track-list>
value.
...
values none is a keyword meaning that there is no explicit grid.
...And 5 more matches
ime-mode - CSS: Cascading Style Sheets
/* keyword
values */ ime-mode: auto; ime-mode: normal; ime-mode: active; ime-mode: inactive; ime-mode: disabled; /* global
values */ ime-mode: inherit; ime-mode: initial; ime-mode: unset; the ime-mode property is only partially and inconsistently implemented in browsers.
... syntax the ime-mode property is specified using one of the keyword
values listed below.
...
values auto no change is made to the current input method editor state.
...And 5 more matches
mask-border-width - CSS: Cascading Style Sheets
syntax /* keyword
value */ mask-border-width: auto; /* <length>
value */ mask-border-width: 1rem; /* <percentage>
value */ mask-border-width: 25%; /* <number>
value */ mask-border-width: 3; /* vertical | horizontal */ mask-border-width: 2em 3em; /* top | horizontal | bottom */ mask-border-width: 5% 15% 10%; /* top | right | bottom | left */ mask-border-width: 5% 2em 10% auto; /* global
values */ mask-border-width: inherit; mask-border-width: initial; mask-border-width: unset; the mask-border-width property may be specified using one, two, three, or four
values chosen from the list of
values below.
... when one
value is specified, it applies the same width to all four sides.
... when two
values are specified, the first width applies to the top and bottom, the second to the left and right.
...And 5 more matches
min-width - CSS: Cascading Style Sheets
it prevents the used
value of the width property from becoming smaller than the
value specified for min-width.
... the element's width is set to the
value of min-width whenever min-width is larger than max-width or width.
... syntax /* <length>
value */ min-width: 3.5em; /* <percentage>
value */ min-width: 10%; /* keyword
values */ min-width: max-content; min-width: min-content; min-width: fit-content(20em); /* global
values */ min-width: inherit; min-width: initial; min-width: unset;
values <length> defines the min-width as an absolute
value.
...And 5 more matches
outline - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: outline-color outline-style outline-width syntax /* style */ outline: solid; /* color | style */ outline: #f66 dashed; /* style | width */ outline: inset thick; /* color | style | width */ outline: green solid 3px; /* global
values */ outline: inherit; outline: initial; outline: unset; the outline property may be specified using one, two, or three of the
values listed below.
... the order of the
values does not matter.
...
values <'outline-color'> sets the color of the outline.
...And 5 more matches
place-self - CSS: Cascading Style Sheets
if the second
value is not present, the first
value is also used for it.
... constituent properties this property is a shorthand for the following css properties: align-self justify-self syntax /* keyword
values */ place-self: auto center; place-self: normal start; /* positional alignment */ place-self: center normal; place-self: start auto; place-self: end normal; place-self: self-start auto; place-self: self-end normal; place-self: flex-start auto; place-self: flex-end normal; place-self: left auto; place-self: right normal; /* baseline alignment */ place-self: baseline normal; place-self: first baseline auto; place-self: last baseli...
...ne normal; place-self: stretch auto; /* global
values */ place-self: inherit; place-self: initial; place-self: unset;
values auto computes to the parent's align-items
value.
...And 5 more matches
shape-image-threshold - CSS: Cascading Style Sheets
the shape-image-threshold css property sets the alpha channel threshold used to extract the shape using an image as the
value for shape-outside.
... any pixels whose alpha component's
value is greater than the threshold are considered to be part of the shape for the purposes of determining its boundaries.
... for example, a
value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.
...And 5 more matches
transition-delay - CSS: Cascading Style Sheets
the transition-delay css property specifies the duration to wait before starting a property's transition effect when its
value changes.
... the delay may be zero, positive, or negative: a
value of 0s (or 0ms) will begin the transition effect immediately.
... a positive
value will delay the start of the transition effect for the given length of time.
...And 5 more matches
transition - CSS: Cascading Style Sheets
ame | 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.
... each single-property transition describes the transition that should be applied to a single property (or the special
values all and none).
... it includes: zero or one
value representing the property to which the transition should apply.
...And 5 more matches
translate - CSS: Cascading Style Sheets
this maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
value.
... syntax /* keyword
values */ translate: none; /* single
values */ translate: 100px; translate: 50%; /* two
values */ translate: 100px 200px; translate: 50% 105px; /* three
values */ translate: 50% 105px 5rem;
values single <length-percentage>
value a <length> or <percentage> that specifies a 2d translation, with the same translation along both the x and y axes.
... equivalent to a translate() (2d translation) function with a single
value specified.
...And 5 more matches
url() - CSS: Cascading Style Sheets
depending on the property for which it is a
value, the resource sought can be an image, font, or a stylesheet.
... the url() functional notation is the
value for the <url> data type.
...url('https://mdn.mozillademos.org/files/16761/star.gif') bottom right repeat-x blue; border-image: url("/media/diamonds.png") 30 fill / 30px / 30px space; /* as a parameter in another css function */ background-image: cross-fade(20% url(first.png), url(second.png)); mask-image: image(url(mask.png), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent); /* as part of a non-shorthand multiple
value */ content: url(star.svg) url(star.svg) url(star.svg) url(star.svg) url(star.svg); /* at-rules */ @document url("https://www.example.com/") { ...
...And 5 more matches
Mouse gesture events - Developer guides
the event's delta
value represents the amount by which the gesture has moved since the mozmagnifygesturestart or mozmagnifygestureupdate event.
...the delta
value is the cumulative change over the course of handling the entire sequence of magnify gesture events.
...the event's delta
value represents the amount by which the gesture has moved since the mozrotategesturestart or mozrotategestureupdate event.
...And 5 more matches
HTML attribute: minlength - HTML: Hypertext Markup Language
this must be an integer
value 0 or higher.
... if no minlength is specified, or an invalid
value is specified, the input has no minimum length.
... this
value must be less than or equal to the
value of maxlength, otherwise the
value will never be valid, as it is impossible to meet both criteria.
...And 5 more matches
HTML attribute: multiple - HTML: Hypertext Markup Language
the boolean multiple attribute, if set, means the form control accepts one or more
values.
... valid for the email and file input types and the <select>, the manner by which the user opts for multiple
values depends on the form control.
... <input type="email" multiple name="emails" id="emails"> if and only if the multiple attribute is specified, the
value can be a list of properly-formed comma-separated e-mail addresses.
...And 5 more matches
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
allowed
values: auto (default) no preference.
... loading indicates how the browser should load the iframe: eager: load the iframe immediately, regardless if it is outside the visible viewport (this is the default
value).
...this
value is unsafe, because it leaks origins and paths from tls-protected resources to insecure origins.
...And 5 more matches
<input type="reset"> - HTML: Hypertext Markup Language
<input> elements of type "reset" are rendered as buttons, with a default click event handler that resets all of the inputs in the form to their initial
values.
...
value a domstring used as the button's label events click supported common attributes type and
value idl attributes
value methods none
value an <input type="reset"> element's
value attribute contains a domstring that is used as the button's label.
... buttons such as reset don't have a
value otherwise.
...And 5 more matches
tabindex - HTML: Hypertext Markup Language
it accepts an integer as a
value, with different results depending on the integer's
value: a negative
value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation, but could be focused with javascript or visually by clicking with the mouse.
... a negative
value is useful when you have off-screen content that appears on a specific event.
... tabindex="0" means that the element should be focusable in sequential keyboard navigation, after any positive tabindex
values and its order is defined by the document's source order.
...And 5 more matches
Proxy Auto-Configuration (PAC) file - HTTP
the format of this string is defined in return
value format below.
... return
value format the javascript function returns a single string if the string is null, no proxies should be used the string can contain any number of the following building blocks, separated by a semicolon: direct connections should be made directly, without any proxies proxy host:port the specified proxy should be used socks host:port the specified socks server should be used recent versions of firefox support as well: http host:port the specified proxy should be used https host:port the specified https proxy should be used socks4 host:port socks5 host:port the specified socks server (with the specified sock version) should be used if there are multiple semicolon-separated settings, the left-most setting will be used, until firefox fails to establish the connec...
...in that case, the next
value will be used, etc.
...And 5 more matches
Array.prototype.fill() - JavaScript
the fill() method changes all elements in an array to a static
value, from a start index (default 0) to an end index (default array.length).
... syntax arr.fill(
value[, start[, end]]) parameters
value value to fill the array with.
... (note all elements in the array will be this exact
value.) start optional start index, default 0.
...And 5 more matches
Array.prototype.indexOf() - JavaScript
if the provided index
value is a negative number, it is taken as the offset from the end of the array.
... return
value the first index of the element in the array; -1 if not found.
...this algorithm matches the one specified in ecma-262, 5th edition, assuming typeerror and math.abs() have their original
values.
...And 5 more matches
BigInt - JavaScript
be careful coercing
values back and forth, however, as the precision of a bigint may be lost when it is coerced to a number.
... if (0n) { console.log('hello from the if!') } else { console.log('hello from the else!') } // ↪ "hello from the else!" 0n || 12n // ↪ 12n 0n && 12n // ↪ 0n boolean(0n) // ↪ false boolean(12n) // ↪ true !12n // ↪ false !0n // ↪ true constructor bigint() creates a new bigint
value.
... static methods bigint.asintn() wraps a bigint
value to a signed integer between -2width-1 and 2width-1 - 1.
...And 5 more matches
Date.prototype.setMinutes() - JavaScript
syntax dateobj.setminutes(minutes
value[, seconds
value[, ms
value]]) versions prior to javascript 1.3 dateobj.setminutes(minutes
value) parameters minutes
value an integer between 0 and 59, representing the minutes.
... seconds
value optional.
...if you specify the seconds
value parameter, you must also specify the minutes
value.
...And 5 more matches
Date.prototype.setUTCMinutes() - JavaScript
syntax dateobj.setutcminutes(minutes
value[, seconds
value[, ms
value]]) parameters minutes
value an integer between 0 and 59, representing the minutes.
... seconds
value optional.
...if you specify the seconds
value parameter, you must also specify the minutes
value.
...And 5 more matches
Date - JavaScript
this date and time is the same as the unix epoch, which is the predominant base
value for computer-recorded date and time
values.
... note: it's important to keep in mind that while the time
value at the heart of a date object is utc, the basic methods to fetch the date and time or its components all work in the local (i.e.
... it should be noted that the maximum date is not of the same
value as the maximum safe integer (number.max_safe_integer is 9,007,199,254,740,991).
...And 5 more matches
Intl.DisplayNames.prototype.resolvedOptions() - JavaScript
syntax displaynames.resolvedoptions() return
value an object with properties reflecting the locale and formatting options computed during the construction of the given displaynames object.
...if any unicode extension
values were requested in the input bcp 47 language tag that led to this locale, the key-
value pairs that were requested and are supported for this locale are included in locale.
... style the
value provided for this property in the options argument of the constructor or the default
value ("long").
...And 5 more matches
Intl.PluralRules() constructor - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
...possible
values are: "cardinal" for cardinal numbers (refering to the quantity of things).
... this is the default
value.
...And 5 more matches
Math.ceil() - JavaScript
return
value the smallest integer greater than or equal to the given number.
... * @param {number}
value the number.
... * @returns {number} the adjusted
value.
...And 5 more matches
Math.floor() - JavaScript
return
value a number representing the largest integer less than or equal to the specified number.
... * @param {number}
value the number.
... * @returns {number} the adjusted
value.
...And 5 more matches
Object.assign() - JavaScript
return
value the target object.
... polyfill this polyfill doesn't support symbol properties, since es5 doesn't have symbols anyway: if (typeof object.assign !== 'function') { // must be writable: true, enumerable: false, configurable: true object.defineproperty(object, "assign", {
value: function assign(target, varargs) { // .length of function is 2 'use strict'; if (target === null || target === undefined) { throw new typeerror('cannot convert undefined or null to object'); } var to = object(target); for (var index = 1; index < arguments.length; index++) { var nextsource = arguments[index]; if (nextsource !== null && next...
... to[nextkey] = nextsource[nextkey]; } } } } return to; }, writable: true, configurable: true }); } examples cloning an object const obj = { a: 1 }; const copy = object.assign({}, obj); console.log(copy); // { a: 1 } warning for deep clone for deep cloning, we need to use alternatives, because object.assign() copies property
values.
...And 5 more matches
Object.prototype.__proto__ - JavaScript
description the __proto__ getter function exposes the
value of the internal [[prototype]] of an object.
... for objects created using an object literal, this
value is object.prototype.
... for objects created using array literals, this
value is array.prototype.
...And 5 more matches
Promise.any() - JavaScript
promise.any() takes an iterable of promise objects and, as soon as one of the promises in the iterable fulfils, returns a single promise that resolves with the
value from that promise.
... return
value an already resolved promise if the iterable passed is empty.
...unlike promise.all(), which returns an array of fulfillment
values, we only get one fulfillment
value (assuming at least one promise fulfills).
...And 5 more matches
Promise.race() - JavaScript
the promise.race() method returns a promise that fulfills or rejects as soon as one of the promises in an iterable fulfills or rejects, with the
value or reason from that promise.
... return
value a pending promise that asynchronously yields the
value of the first promise in the given iterable to fulfill or reject.
... description the race function returns a promise that is settled the same way (and takes the same
value) as the first promise that settles amongst the promises of the iterable passed as an argument.
...And 5 more matches
String.prototype.charCodeAt() - JavaScript
if the unicode code point cannot be represented in a single utf-16 code unit (because its
value is greater than 0xffff) then the code unit returned will be the first part of a surrogate pair for the code point.
... if you want the entire code point
value, use codepointat().
... return
value a number representing the utf-16 code unit
value of the character at the given index.
...And 5 more matches
Nullish coalescing operator (??) - JavaScript
contrary to the logical or (||) operator, the left operand is returned if it is a falsy
value which is not null or undefined.
... in other words, if you use || to provide some default
value to another variable foo, you may encounter unexpected behaviors if you consider some falsy
values as usable (eg.
...rightexpr examples using the nullish coalescing operator in this example, we will provide default
values but keep
values other than null or undefined.
...And 5 more matches
await - JavaScript
syntax [rv] = await expression; expression a promise or any
value to wait for.
... rv returns the fulfilled
value of the promise, or the
value itself if it's not a promise.
...when resumed, the
value of the await expression is that of the fulfilled promise.
...And 5 more matches
new operator - JavaScript
arguments a list of
values that the constructor will be called with.
...(normally constructors don't return a
value, but they can choose to do so if they want to override the normal object creation process.) you can always add a property to a previously defined object.
... for example, the statement car1.color = "black" adds a property color to car1, and assigns it a
value of "black".
...And 5 more matches
Expressions and operators - JavaScript
left-hand-side expressions left
values are the destination of an assignment.
... void the void operator discards an expression's return
value.
... arithmetic operators arithmetic operators take numerical
values (either literals or variables) as their operands and return a single numerical
value.
...And 5 more matches
async function - JavaScript
return
value a promise which will be resolved with the
value returned by the async function, or rejected with an exception thrown from, or uncaught within, the async function.
...the resolved
value of the promise is treated as the return
value of the await expression.
...if the return
value of an async function is not explicitly a promise, it will be implicitly wrapped in a promise.
...And 5 more matches
for...of - JavaScript
it invokes a custom iteration hook with statements to be executed for the
value of each distinct property of the object.
... syntax for (variable of iterable) { statement } variable on each iteration a
value of a different property is assigned to variable.
... examples iterating over an array const iterable = [10, 20, 30]; for (const
value of iterable) { console.log(
value); } // 10 // 20 // 30 you can use let instead of const too, if you reassign the variable inside the block.
...And 5 more matches
function* - JavaScript
when the iterator's next() method is called, the generator function's body is executed until the first yield expression, which specifies the
value to be returned from the iterator or, with yield*, delegates to another generator function.
... the next() method returns an object with a
value property containing the yielded
value and a done property which indicates whether the generator has yielded its last
value, as a boolean.
...if a
value is returned, it will be set as the
value property of the object returned by the generator.
...And 5 more matches
Transitioning to strict mode - JavaScript
setting a
value to an undeclared variable function f(x) { 'use strict'; var a = 12; b = a + x * 35; // error!
... } f(42); this used to change a
value on the global object which is rarely the expected effect.
... if you really want to set a
value to the global object, pass it as an argument and explicitly assign it as a property: var global = this; // in the top-level context, "this" always // refers to the global object function f(x) { 'use strict'; var a = 12; global.b = a + x * 35; } f(42); trying to delete a non-configurable property 'use strict'; delete object.prototype; // error!
...And 5 more matches
SVG Core Attributes - SVG: Scalable Vector Graphics
value: any valid id string; animatable: no lang participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in.
... the tag contains one single entry
value in the format defined in the tags for identifying languages (bcp47) ietf document.
...
value: any valid language id; animatable: no tabindex the tabindex svg attribute allows you to control whether an element is focusable and to define the relative order of the element for the purposes of sequential focus navigation.
...And 5 more matches
d - SVG: Scalable Vector Graphics
value <string> default
value none animatable yes glyph warning: as of svg2 <glyph> is deprecated and shouldn't be used.
...
value <string> default
value none animatable yes note: the point of origin (the coordinate 0,0) is usually the upper left corner of the context.
...
value <string> default
value none animatable yes path commands path commands are instructions that define a path to be drawn.
...And 5 more matches
keyPoints - SVG: Scalable Vector Graphics
-width="2" fill="none" id="motionpath"/> <circle cx="10" cy="110" r="3" fill="lightgrey"/> <circle cx="110" cy="10" r="3" fill="lightgrey"/> <circle r="5" fill="red"> <animatemotion dur="3s" repeatcount="indefinite" keypoints="0;0.5;1" keytimes="0;0.15;1" calcmode="linear"> <mpath xlink:href="#motionpath"/> </animatemotion> </circle> </svg> usage notes
value <number> [; <number>]* ;?
... default
value none animatable no <number> [; <number>] ;?
... this
value defines a semicolon-separated list of floating point
values between 0 and 1 and indicates how far along the motion path the object shall move at the moment in time specified by corresponding keytimes
value.
...And 5 more matches
textLength - SVG: Scalable Vector Graphics
four elements are using this attribute: <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 60" xmlns="http://www.w3.org/2000/svg"> <text y="20" textlength="6em">small text length</text> <text y="40" textlength="120%">big text length</text> </svg> usage notes
value <length-percentage> | <number> default
value none animatable yes <length-percentage> this
value specifies the width of the space the text will be adjusted to occupy as absolute length or percentage.
... <number> a numeric
value outlines a length referring to the units of the current coordinate system.
...a <span> element of id "widthdisplay" is provided to display the current width
value.
...And 5 more matches
transform-origin - SVG: Scalable Vector Graphics
usage notes
values [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?where <length-percentage> = <length> | <percentage> default
value 50%, 50% animatable yes the transform-origin property may be specified using one, two, or three
values, where each
value represents an offset.
... offsets that are not explicitly defined are reset to their corresponding initial
values.
... if two or more
values are defined and either no
value is a keyword, or the only used keyword is center, then the first
value represents the horizontal offset and the second represents the vertical offset.
...And 5 more matches
viewBox - SVG: Scalable Vector Graphics
the
value of the viewbox attribute is a list of four numbers: min-x, min-y, width and height.
...-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> <!-- the point of coordinate 0,0 is now in the center of the viewport, and 100% is still resolve to a width or height of 10 user units so the rectangle looks shifted to the bottom/right corner of the viewport --> <rect x="0" y="0" width="100%" height="100%"/> <!-- with the point of coordinate 0,0 in the center of the viewport the
value 50% is resolve to 5 which means the center of the circle is in the bottom/right corner of the viewport.
... note:
values for width or height lower or equal to 0 disable rendering of the element.
...And 5 more matches
<altGlyph> - SVG: Scalable Vector Graphics
value type: <list-of-coordinates> ; default
value: absolute x-coordinate of ancestor <text> or <tspan>; animatable: yes y this attribute defines the corresponding absolute y-coordinates for rendering the element.
...
value type: <list-of-coordinates> ; default
value: absolute y-coordinate of ancestor <text> or <tspan>; animatable: yes dx this attribute indicates a shift along the x-axis on the position of the element.
...
value type: <list-of-coordinates> ; default
value: relative x-coordinate of ancestor <text> or <tspan>; animatable: yes dy this attribute indicates a shift along the x-axis on the position of the element.
...And 5 more matches
<rect> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default
value: 0; animatable: yes y the y coordinate of the rect.
...
value type: <length>|<percentage> ; default
value: 0; animatable: yes width the width of the rect.
...
value type: auto|<length>|<percentage> ; default
value: auto; animatable: yes height the height of the rect.
...And 5 more matches
<text> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default
value: 0; animatable: yes y the y coordinate of the starting point of the text baseline.
...
value type: <length>|<percentage> ; default
value: 0; animatable: yes dx shifts the text position horizontally from a previous text element.
...
value type: <length>|<percentage> ; default
value: none; animatable: yes dy shifts the text position vertically from a previous text element.
...And 5 more matches
<tspan> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default
value: none; animatable: yes y the y coordinate of the starting point of the text baseline.
...
value type: <length>|<percentage> ; default
value: none; animatable: yes dx shifts the text position horizontally from a previous text element.
...
value type: <length>|<percentage> ; default
value: none; animatable: yes dy shifts the text position vertically from a previous text element.
...And 5 more matches
<use> - SVG: Scalable Vector Graphics
that's why the circles have different x positions, but the same stroke
value.
...
value type: <url> ; default
value: none; animatable: yes xlink:href an <iri> reference to an element/fragment that needs to be duplicated.
...
value type: <iri> ; default
value: none; animatable: yes x the x coordinate of the use element.
...And 5 more matches
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
ngth() methods from svgpathelement to svggeometryelement implemented (bug 1239100) document structure change notes svgsvgelement.suspendredraw(), svgsvgelement.unsuspendredraw(), and svgsvgelement.unsuspendredrawall() deprecated turned into no-ops (bug 734079) externalresourcesrequired attribute removed implementation status unknown auto
value for width and height in <image> implementation status unknown referencing entire document with <use> implementation status unknown lang attribute on <desc> and <title> implemented (bug 721920) css transforms on outermost <svg> not affecting svgsvgelement.currentscale or svgsvgelement.currenttranslate implementation status unknown rootelement attribu...
... implementation status unknown auto as initial
value for width and height attributes of <svg> implementation status unknown baseprofile and version attributes removed from <svg> implementation status unknown svgsvgelement.forceredraw() deprecated turned into a no-op (bug 733764) svgsvgelement.deselectall() deprecated not yet deprecated (bug 1302705) <switch> not affecting <style> implementation status unknown requiredfeatures attribute removed implementation status unknown sv...
... attribute removed implementation status unknown linkstyle on svgstyleelement implemented (bug 1239128 (firefox 46.0 / thunderbird 46.0 / seamonkey 2.43)) inner <svg>s and <foreignobjects>s not overflow: hidden; in ua style sheet implementation status unknown overflow: hidden; on <hatch> in ua style sheet implementation status unknown 0 0 as default
value of transform-origin except root <svg> and <svg> children of <foreign> implementation status unknown use of white-space instead of deprecated xml:space attribute in ua style sheet implementation status unknown @font-face, ::first-letter and ::first-line on <text> implementation status unknown svg and html style sheets in html document with inline svg applying to...
...And 5 more matches
Introduction to using XPath in JavaScript - XPath
return
value returns xpathresult, which is an xpathresult object of the type specified in the resulttype parameter.
... simple types when the desired result type in resulttype is specified as either: number_type - a double string_type - a string boolean_type - a boolean we obtain the returned
value of the expression by accessing the following properties respectively of the xpathresult object.
... number
value string
value boolean
value example the following uses the xpath expression count(//p) to obtain the number of <p> elements in an html document: var paragraphcount = document.evaluate( 'count(//p)', document, null, xpathresult.any_type, null ); alert( 'this document contains ' + paragraphcount.number
value + ' paragraph elements' ); although javascript allows us to convert the number to a string for display, the xpath interface will not automatically convert the numerical result if the string
value property is requested, so the following code will not work: var paragraphcount = document.evaluate('count(//p)', document, null, xpathresult.any_type, null ); alert( 'this document contains ' + paragraphcount.string
value + ' paragraph elements' ); instead, it will return an ex...
...And 5 more matches
page-mod - Archive of obsolete content
contentscriptoptions defines read-only
values accessible to content scripts.
... the option takes a single string that may take any one of the following
values: "start": load content scripts immediately after the document element is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) has been loaded, at the time the window.onload event fires var...
... name: contentscriptoptions type: object you can use this option to define some read-only
values for your content scripts.
...And 4 more matches
querystring - Archive of obsolete content
globals functions stringify(fields, separator, assignment) serializes an object containing name:
value pairs into a query string: querystring.stringify({ foo: 'bar', baz: 4 }); // => 'foo=bar&baz=4' by default '&' and'=' are used as separator and assignment characters, but you can override this using additional optional parameters: querystring.stringify({ foo: 'bar', baz: 4 }, ';', ':'); // => 'foo:bar;baz:4' parameters fields : object the data to convert to a query string.
... separator : string the string to use as a separator between each name:
value pair.
... assignment : string the string to use between each name and its corresponding
value.
...And 4 more matches
Dialogs and Prompts - Archive of obsolete content
valid
values for dlgtype are the six button types listed above.
... example: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" ondialogaccept="alert('ok!');"> <hbox> <label
value="hey!"/> <spacer flex="1"/> <vbox> <button dlgtype="accept"/> <button dlgtype="cancel"/> </vbox> </hbox> </dialog> default button since firefox 1.5, there are defaultbutton attributes and properties on the <dialog> element bug 284776.
... the possible
values for the attribute are the names of buttons listed above, and the default is "accept", for compatibility with previous versions.
...And 4 more matches
File I/O - Archive of obsolete content
this is a windows-specific
value.
...write path to prefs var prefs = services.prefs.getbranch("extensions.myext."); prefs.setcomplex
value("filename", components.interfaces.nsifile, file); // 2.
... read path from prefs var file = prefs.getcomplex
value("filename", components.interfaces.nsilocalfile); relative path (nsirelativefilepref) to store paths relative to one of the predefined folders listed above, for example file relative to profile folder, use the following code: // 1.
...And 4 more matches
Adding preferences to an extension - Archive of obsolete content
inside that, we create a file, defaults.js, that describes the default
value of our preferences: pref("extensions.stockwatcher2.symbol", "goog"); the standard for third-party preferences, such as those used in extensions, is to use the string "extensions", a period, the name of the extension, another period, then a preference name, as seen in the example above.
...if it's not nspref:changed, we simply ignore the event, since all we're interested in is changes to the
values of our preferences.
... if the changed preference is "symbol", we grab the updated
value of the preference by calling the nsiprefbranch.getcharpref() method, and stash it in our tickersymbol variable.
...And 4 more matches
Getting the page URL in NPAPI plugin - Archive of obsolete content
npn_get
value( m_pnpinstance, npnvwindownpobject, &swindowobj ); // create a "location" identifier.
... npidentifier identifier = npn_getstringidentifier( "location" ); // declare a local variant
value.
... npvariant variant
value; // get the location property from the window object (which is another object).
...And 4 more matches
Automatically Handle Failed Asserts in Debug Builds - Archive of obsolete content
at the first match, it will take the action specified by the dword's
value.
... the valid
values are: 0x5 automatically ignore 0x4 automatically retry 0x3 automatically abort note that you can also force windbgdlg to prompt, by setting a
value of 0xfffffffe.
... to "comment out" a
value, set its
value to 0xffffffff.
...And 4 more matches
Editor Embedding Guide - Archive of obsolete content
getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for color
values, use the cstring representation of rrggbb, e.g., red="#ff0000" and black="#000000".
... getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for color
values, use the cstring representation of rrggbb, e.g., red="#ff0000" and black="#000000".
... setboolean
value setlong
value setdouble
value setstring
value setcstring
value setisupports
value remove
value each will take a name
value pair.
...And 4 more matches
Style System Overview - Archive of obsolete content
a declaration is a property and a
value.
... p { color: green; font-size: 12em; } selector { property:
value; property:
value; } css style rules what do style rules mean?
... “cascaded”
value for property + element: if 0 rules matching the element have the property: some properties inherit and some properties use initial
value.
...And 4 more matches
JavaScript crypto - Archive of obsolete content
apped encryption private key to kra kra sends escrow verification back to ca ca creates and signs certificates ca sends certificates back to the user (importusercertificates) typical use the ca's enrollment page could look something like this: <!doctype html> <h2>request a cert</h2> <form name="reqform" method="post" action="http://your.ra.site.org"> <p><input type=hidden name=cert_request
value=""> <p>name: <input type=text name=name
value=""> <p>password: <input type=password name="password"
value=""> <p><input type=submit name="send"
value="submit"> </form> <script> /* the following
values could be filled in by the server cgi */ var authenticator = "server_magic"; var keytransportcert = null; var crmfobject = null; var form = document.forms[0]; function validate() { // generate key...
... if (typeof(crypto.version) != "undefined") { crmfobject = crypto.generatecrmfrequest( "cn=" + form.name.
value, form.password.
value, authenticator, keytransportcert, "setcrmfrequest();", 1024, null, "rsa-dual-use"); } return false; } function setcrmfrequest() { form.cert_request.
value = crmfobject.request; form.submit(); } form.onsubmit = validate; </script> on completion of the request, the ca may submit a page that looks something like this: <!doctype html> <h2>certificate request successful</h2> <p>hit 'load' to load your certificate</p> <form name="reqform"> <p><input type=submit name="load"
value="submit"></p> </form> <script> /* the following
values could be filled in by the server cgi */ var nickname= "mycertnic...
...do not select this
value unless you can show that your random number generator is secure.
...And 4 more matches
Supporting private browsing mode - Archive of obsolete content
just check the
value of the privatebrowsingenabled attribute on the nsiprivatebrowsingservice service.
...its
value is "permanent" if private browsing is permanently enabled for the session, "temporary" if private browsing is temporarily enabled, or not defined at all if private browsing mode isn't active.
...wsingmode")) { // private browsing mode is enabled } if (docroot.getattribute("privatebrowsingmode") == "temporary") { // private browsing mode is temporary } if (docroot.getattribute("privatebrowsingmode") == "permanent") { // private browsing mode is permanent for this session } turning private browsing on and off extensions can turn private browsing mode on and off by manipulating the
value of the privatebrowsingenabled attribute.
...And 4 more matches
Table Cellmap - Archive of obsolete content
83 union { 84 nstablecellframe* morigcell; 85 long mbits; 86 }; the idea behind this construction is a entry in the cellmap can be either the origin of a row- or colspan (a cell cell without a defined row- or colspan attribute assumes 1 as a default
value), or a entry which is only covered by a row- or colspan.
...this shows that the maximum handled row- or colspan
value for a cell is 0xfff8 >> 3 = 8191.
... there is a special attribute for rowspan="0" and colspan="0", because html 4.0 did introduce a special handling of the 0
value.
...And 4 more matches
Venkman Introduction - Archive of obsolete content
when the debugger is stopped, the local variables view displays
values for the current function.
... the scope object holds all arguments and local variables, and the this object holds the
value of the this keyword.
... properties which are of the type object are displayed with the name of their constructor function in curly braces as their
value.
...And 4 more matches
Getting File Information - Archive of obsolete content
if the file is not present, the 'filesize' variable will not be changed from the default
value of 0.
... var filesize = 0; var file = io.getfile("desktop", "saved file"); if (file.exists()) filesize = file.filesize; it is also possible to modify the size of a file by setting the filesize (nsifile.attributes) attribute to a
value.
... this may be useful to truncate a file, however, setting the file size will also increase the size of a file if the
value is larger than the current size of the file.
...And 4 more matches
findbar - Archive of obsolete content
you should use the browser property to get and set this
value from a script.
... possible
values are: find_normal (0): normal find find_typeahead (1): typeahead find find_links (2): link find methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getele...
...tbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata close() return type: no return
value closes the notification or findbar and removes it from its enclosing notificationbox or findbar.
...And 4 more matches
Actions - Archive of obsolete content
the id attribute of the new element will be set to the same
value of the member variable, ?relateditem.
...since the first result has a
value of 'http://www.xulplanet.com/rdf/b' for the ?relateditem variable, the id will be set to this
value.
...in the image, you can see that the label for the first button does indeed have this
value.
...And 4 more matches
Simple Example - Archive of obsolete content
there's only one result so far; the member element's container attribute is set to
value of the ?start variable of this result.
... this will result in the following: <member container="http://www.xulplanet.com/rdf/myphotos" child="?photo"/> as with processing a triple, the builder will now try to find as many
values for the ?photo variable as possible and create potential results using them.
...in the rdf data, the container 'http://www.xulplanet.com/rdf/myphotos has three children, so there are three possible
values for the ?photo variable.
...And 4 more matches
XML Templates - Archive of obsolete content
when an xml source is desired, specify a querytype attribute on the root node of the template to the
value xml.
...the ref attribute isn't currently used for xml sources, as the root of the document is always the starting point for xml queries; you should just set the ref attribute to a dummy
value, for example '*' which is typically used.
...for an rdf query, the uri attribute specifies the member variable; for an xml query the member variable is always '?' so the
value of the uri attribute for xml templates should always be the single question mark character as in this example.
...And 4 more matches
Adding Methods to XBL-defined Elements - Archive of obsolete content
the
value of the name attribute becomes the name of the method.
..., the following javascript function would be written as an xbl method like so: function getmaximum(num1,num2) { if (num1 <= num2) return num2; else return num1; } xbl: <method name="getmaximum"> <parameter name="num1"/> <parameter name="num2"/> <body> if (num1 <= num2) return num2; else return num1; </body> </method> this function, getmaximum, returns the largest of the
values, each passed as a parameter to the method.
...instead, you must call the document's getanonymousnodes() method: var
value=document.getanonymousnodes(element); here, 'element' should be set to a reference to the element that you want to get the anonymous content of.
...And 4 more matches
List Controls - Archive of obsolete content
example 1 : source view <listbox> <listitem label="butter pecan" /> <listitem label="chocolate chip" /> <listitem label="raspberry ripple" /> <listitem label="squash swirl" /> </listbox> like with the html option element, you can assign a
value for each item using the
value attribute.
... you can then use the
value in a script.
...the following example demonstrates these additional features: example 2 : source view <listbox rows="3"> <listitem label="butter pecan"
value="bpecan" /> <listitem label="chocolate chip"
value="chocchip" /> <listitem label="raspberry ripple"
value="raspripple" /> <listitem label="squash swirl"
value="squash" /> </listbox> the example has been changed to display only 3 rows at a time.
...And 4 more matches
Localization - Archive of obsolete content
you can use these so that the entity is replaced with its
value, which can be a string of text.
... entities may be used whenever text occurs, including the
values of attributes.
... <button label="&findlabel;"/> the text that will appear on the label will be the
value that the entity &findlabel; has.
...And 4 more matches
Progress Meters - Archive of obsolete content
determinate progress meter: indeterminate progress meter: the progress meter has the following syntax: <html:progress id="identifier" mode="determined"
value="50" max="100"/> the attributes are as follows: id the unique identifer of the progress meter mode the type of the progress meter.
...the
value determined is the default if you do not specify this attribute.
...
value the current
value of the progress meter.
...And 4 more matches
Tree View Details - Archive of obsolete content
the view will need to return 0 for the outermost rows and higher
values for inner rows.
... the getparentindex method is expected to return the parent row of a given row, that is, the row before it with a lower nesting
value.
... note that the tree will call neither iscontainerempty nor iscontaineropen for rows that are not containers as indicated by the return
value of the iscontainer method.
...And 4 more matches
XPCOM Examples - Archive of obsolete content
the
value of this attribute can be used as the resource.
... get the
value of the id attribute from the element.
... pass this
value to getwindowforresource() to get a window object.
...And 4 more matches
arrowscrollbox - Archive of obsolete content
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 disabled type: boolean gets and sets the
value of the disabled attribute.
... tabindex type: integer gets and sets the
value of the tabindex attribute.
... methods ensureelementisvisible( element ) return type: no return
value if the specified element is not currently visible to the user, the displayed items are scrolled so that it is.
...And 4 more matches
editor - Archive of obsolete content
set the
value of the editortype attribute to html to create an editor document.
... attributes editortype type: one of the
values below the type of editor to use.
... this
value will be overridden depending on the content type of the document in the editor.
...And 4 more matches
prefpane - Archive of obsolete content
for an editable menuitem element the
value of this attribute is copied to the menulist.
value property upon user selection of the menuitem.
... image type: image url gets and sets the
value of the image attribute.
... label type: string gets and sets the
value of the label attribute.
...And 4 more matches
splitter - Archive of obsolete content
the vbox is used to hold the .png image that a user clicks on to resize the search bar.--> <splitter tooltiptext="resize the search box" oncommand="alert('the splitter was dragged')"> <vbox id="example_vbox" /> </splitter> attributes collapse type: one of the
values below determines which side of the splitter is collapsed when its grippy is clicked.
... resizeafter type: one of the
values below this attribute indicates which element to the right or below the splitter should be resized when the splitter is repositioned.
... resizebefore type: one of the
values below this attribute indicates which element to the left or above the splitter should be resized when the splitter is repositioned.
...And 4 more matches
tabbox - Archive of obsolete content
abel="another tab"/> <tab label="last tab"/> </tabs> <tabpanels> <tabpanel><!-- tabpanel first elements go here --></tabpanel> <tabpanel><!-- tabpanel second elements go here --></tabpanel> <tabpanel><button label="click me"/></tabpanel> <tabpanel><!-- tabpanel fourth elements go here --></tabpanel> </tabpanels> </tabbox> attributes eventnode type: one of the
values below indicates where keyboard navigation events are listened to.
... properties accessibletype type: integer a
value indicating the type of accessibility object for the element.
...the initial
value for this property is determined by the
value of the eventnode attribute.
...And 4 more matches
-ms-scroll-snap-points-x - Archive of obsolete content
initial
valuesnapinterval(0px, 100%)applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values note: a <length-percentage> is a
value that can be either a <length> or a <percentaqe>.
... the first
value specifies where the first snap-point will be placed.
... the second
value specifies the distance between subsequent snap-points both to the left and the right of the initial snap-point.
...And 4 more matches
-ms-scroll-snap-points-y - Archive of obsolete content
initial
valuesnapinterval(0px, 100%)applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values note: a <length-percentage> is a
value that can be either a <length> or a <percentaqe>.
... the first
value specifies where the first snap-point will be placed.
... the second
value specifies the distance between subsequent snap-points both above and below the initial snap-point.
...And 4 more matches
Old Proxy API - Archive of obsolete content
the return
value of this method is ignored.
...the boolean return
value of this method should indicate whether or not the name property was successfully deleted.
...after a call to fix(), the proxy becomes a regular (non-proxy) object with the properties listed in the return
value.
...And 4 more matches
RDF in Mozilla FAQ - Archive of obsolete content
boolean hasassertion(asource, aproperty, atarget, atruth
value).
... nsirdfnode gettarget(asource, aproperty, atruth
value).
... nsisimpleenumerator gettargets(asource, aproperty, atruth
value).
...And 4 more matches
Building up a basic demo with the PlayCanvas engine - Game development
note: the distance
values (e.g.
... note: in playcanvas, the color channel
values are provided as floats in the range 0-1, instead of integers of 0-255 as you might be used to using on the web.
...to show actual animation, we need to make changes to these
values inside the rendering loop, so they are updated on every frame.
...And 4 more matches
Legacy layout methods - Learn web development
layout containers that we want to span more than one column need to be given special classes to adjust their width
values to the required number of columns (plus gutters in between).
... easier calculations using the calc() function you could use the calc() function to do the math right inside your css — this allows you to insert simple mathematical equations into your css
values, to calculate what a
value should be.
...the calc() function allows us to do this calculation right inside the width
value, so for any item spanning 4 columns we can do this, for example: .col.span4 { width: calc((6.25%*4) + (2.08333333%*3)); } try replacing your bottom block of rules with the following, then reload it in the browser to see if you get the same result: .col.span2 { width: calc((6.25%*2) + 2.08333333%); } .col.span3 { width: calc((6.25%*3) + (2.08333333%*2)); } .col.span4 { width: calc((6.25%*4) +...
...And 4 more matches
Positioning - Learn web development
this article explains the different position
values, and how to use them.
...to try this out, add the following declarations to the .positioned rule in your css: top: 30px; left: 30px; note: the
values of these properties can take any units you'd logically expect — pixels, mm, rems, %, etc.
...z-index
values affect where positioned elements sit on that axis; positive
values move them higher up the stack, and negative
values move them lower down the stack.
...And 4 more matches
HTML table basics - Learn web development
a table allows you to quickly and easily look up
values that indicate some kind of connection between different types of data, for example a person and their age, or a day of the week, or the timetable for a local swimming pool.
...both accept a unitless number
value, which equals the number of rows or columns you want spanned.
... if we wanted to apply the styling information to both columns, we could just include one <col> element with a span attribute on it, like this: <colgroup> <col style="background-color: yellow" span="2"> </colgroup> just like colspan and rowspan, span takes a unitless number
value that specifies the number of columns you want the styling to apply to.
...And 4 more matches
Fetching data from the server - Learn web development
this stores a reference to the <select> and <pre> elements in constants and defines an onchange event handler function so that when the select's
value is changed, its
value is passed to an invoked function updatedisplay() as a parameter.
... const versechoose = document.queryselector('select'); const poemdisplay = document.queryselector('pre'); versechoose.onchange = function() { const verse = versechoose.
value; updatedisplay(verse); }; let's define our updatedisplay() function.
...the
value of the <select> element at any time is the same as the text inside the selected <option> (unless you specify a different
value in a
value attribute) — so for example "verse 1".
...And 4 more matches
Manipulating documents - Learn web development
first of all, let's change the text inside the link by updating the
value of the node.textcontent property.
... there are older methods available for grabbing element references, such as: document.getelementbyid(), which selects an element with a given id attribute
value, e.g.
... add the following inside your html <head>: <style> .highlight { color: white; background-color: black; padding: 10px; width: 250px; text-align: center; } </style> now we'll turn to a very useful method for general html manipulation — element.setattribute() — this takes two arguments, the attribute you want to set on the element, and the
value you want to set it to.
...And 4 more matches
Getting started with React - Learn web development
some elements in the expression have attributes, which are written just like in html, following a pattern of attribute="
value".
... variables in jsx back in app.js, let’s focus on line 9: <img src={logo} classname="app-logo" alt="logo" /> here, the <img /> tag's src attribute
value is in curly braces.
...props are written inside component calls, and use the same syntax as html attributes — prop="
value".
...And 4 more matches
Getting started with Svelte - Learn web development
in this case we are embedding the
value of the name prop right after the hello text.
... <main> <h1>hello {name}!</h1> <p>visit the <a href="https://svelte.dev/tutorial">svelte tutorial</a> to learn how to build svelte apps.</p> </main> svelte also supports tags like {#if...}, {#each...}, and {#await...} — these examples allow you to conditionally render a portion of the markup, iterate through a list of elements, and work with async
values, respectively.
... in svelte, reactivity is triggered simply by assigning a new
value to any top level variable in a component.
...And 4 more matches
Accessibility API cross-reference
marquee the main menu bar below the app's title bar menubar menu_bar menu_bar menubar a menu item menuitem menu_item menu_item menuitem a menuitem with a checkable state whose possible
values are true, false, or mixed.
...aria requires the parent to have role radiogroup radiobutton radio_button radio_button radio <input type=radio> a container for a a group of radio buttons radiogroup expressed by giving each radio button the same
value name attribute represents the an row in a table row n/a n/a row <tr> a structure containing one or more row elements in a tabular container.
... select (abstract role) a line that splits 2 areas from each other separator (either in menu or splits panes) separator (in menu only) separator separator <hr> adjust in increments from min to max
values slider slider slider slider <input type=range> a system sound sound n/a n/a n/a no default semantics in html, but semantics and other accessibility features may be provided with aria.
...And 4 more matches
Error codes returned by Mozilla APIs
ns_error_null_pointer (0x80004003) an error occurred because a
value was set to null when this was not expected.
... ns_error_illegal_
value (0x80070057) an argument supplied to a method was not valid, for instance a null
value was supplied as an argument which does not allow null
values, or a
value was out of range.
... ns_error_dom_index_size_err (0x80530001) an attempt was made to adjust the
value of a text node using an index that was out of range.
...And 4 more matches
Download
this
value starts at zero, and may be updated regardless of the
value of hasprogress.
... you should use the individual state properties instead, since this
value may not be updated after the last piece of data is transferred.
... hasprogress read only boolean indicates whether this download's progress property is able to report partial progress while the download proceeds, and whether the
value in totalbytes is relevant.
...And 4 more matches
PopupNotifications.jsm
return
value the corresponding notification object, or null if no such notification exists.
... return
value returns the notification object corresponding to the added notification.
...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.
...And 4 more matches
Mozilla Style System Documentation
the structs are listed in, nsstylestruct.hand the many of the
values are in nsstyleconsts.h.
... each of the structs includes either only features that are inherited by default or single properties that are set to the initial
value by default (see css26.1.1), which is essential for the ruletree.
...(in css,declarations are the property-
value pairs within style rules.
...And 4 more matches
PL_HashTableAdd
add a new entry with the specified key and
value to the hash table.
... syntax #include <plhash.h> plhashentry *pl_hashtableadd( plhashtable *ht, const void *key, void *
value); parameters the function has the following parameters: ht a pointer to the the hash table to which to add the entry.
...
value a pointer to the
value for the entry to be added.
...And 4 more matches
NSS Sample Code Sample1
the adminstrator // may do this by checking that the key was received in a signed email // message, or by checking a digest
value with the adminstrator of the // secondary host.
... [need support for digest check
values] // 5.
... the wrapped
value is sent back to // the secondary host.
...And 4 more matches
sslerr.html
ssl error codes sec error codes ssl error codes table 8.1 error codes defined in sslerr.h constant
value description ssl_error_export_only_server -12288 "unable to communicate securely.
... ssl_error_no_compression_overlap -12203 "cannot communicate securely with peer: no common compression algorithm(s)." ssl_error_handshake_not_completed -12202 "cannot initiate another ssl handshake until current handshake is complete." ssl_error_bad_handshake_hash_
value -12201 "received incorrect handshakes hash
values from peer." ssl_error_cert_kea_mismatch -12200 "the certificate provided cannot be used with the selected key exchange algorithm." ssl_error_no_trusted_ssl_client_ca -12199 "no certificate authority is trusted for ssl client authentication." ssl_error_session_not_found -12198 "client's ssl session...
...a -12234 "ssl received an unexpected application data record." received record/message with unknown discriminant: all the error codes in the following block indicate that the local socket received an ssl3 record or handshake message from the remote peer that it was unable to interpret because the byte that identifies the type of record or message contained an unrecognized
value.
...And 4 more matches
NSS_3.12.3_release_notes.html
the information in this table is excerpted from https://developer.mozilla.org/en/nss_reference/nss_environment_variables environment variable
value type description nsrandcount integer (byte count) sets the maximum number of bytes to read from the file named in the environment variable nsrandfile (see below).
... nss_allow_weak_signature_alg boolean (any non-empty
value to enable) enables the use of md2 and md4 hash algorithms inside signatures.
... nss_strict_nofork string ("1", "disabled", or any other non-empty
value) it is an error to try to use a pkcs#11 crypto module in a process before it has been initialized in that process, even if the module was initialized in the parent process.
...And 4 more matches
Hacking Tips
monkey unwinder is disabled by default, to enable it type: enable unwinder .* spidermonkey (gdb) b js::math_cos (gdb) run […] #0 js::math_cos (cx=0x14f2640, argc=1, vp=0x7fffffff6a88) at js/src/jsmath.cpp:338 338 callargs args = callargsfromvp(argc, vp); (gdb) enable unwinder .* spidermonkey (gdb) backtrace 10 #0 0x0000000000f89979 in js::math_cos(jscontext*, unsigned int, js::
value*) (cx=0x14f2640, argc=1, vp=0x7fffffff6a88) at js/src/jsmath.cpp:338 #1 0x0000000000ca9c6e in js::calljsnative(jscontext*, bool (*)(jscontext*, unsigned int, js::
value*), js::callargs const&) (cx=0x14f2640, native=0xf89960 , args=...) at js/src/jscntxtinlines.h:235 #2 0x0000000000c87625 in js::invoke(jscontext*, js::callargs const&, js::maybeconstruct) (cx=0x14f2640, args=..., construct=js::no_...
...construct) at js/src/vm/interpreter.cpp:476 #3 0x000000000069bdcf in js::jit::docallfallback(jscontext*, js::jit::baselineframe*, js::jit::iccall_fallback*, uint32_t, js::
value*, js::mutablehandle
value) (cx=0x14f2640, frame=0x7fffffff6ad8, stub_=0x1798838, argc=1, vp=0x7fffffff6a88, res=jsval_void) at js/src/jit/baselineic.cpp:6113 #4 0x00007ffff7f41395 in <<jitframe_exit>> () #5 0x00007ffff7f42223 in <<jitframe_baselinestub>> () #6 0x00007ffff7f4423d in <<jitframe_baselinejs>> () #7 0x00007ffff7f4222e in <<jitframe_baselinestub>> () #8 0x00007ffff7f4326a in <<jitframe_baselinejs>> () #9 0x00007ffff7f38d5f in <<jitframe_entry>> () #10 0x00000000006a86de in enterbaseline(jscontext*, js::jit::enterjitdata&) (cx=0x14f2640, data=...) at js/src/jit/baselinejit.cpp:150 note, when you enable ...
... (gdb) x /64a $sp […] 0x7fffffff9838: 0x7ffff7fad2da 0x141 0x7fffffff9848: 0x7fffef134d40 0x2 […] (gdb) p (*(jsfunction**) 0x7fffffff9848)->u.i.script_->lineno $1 = 1 (gdb) p (*(jsfunction**) 0x7fffffff9848)->u.i.script_->filename $2 = 0xff92d1 "typein" the stack is order as defined in js/src/ion/ionframes-x86-shared.h, it is composed of the return address, a descriptor (a small
value), the jsfunction (if it is even) or a jsscript (if the it is odd, remove it to dereference the pointer) and the frame ends with the number of actual arguments (a small
value too).
...And 4 more matches
JS::CompileOptions
source belongs to a dom element if it is an event handler content attribute (that is, if it is written out in the markup text as an attribute
value).
... noscriptrval bool false means that the caller needs the return
value of the script.
... description in the most common use case, a compileoptions instance is allocated on the stack, and holds non-owning references to non-pod option
values: strings; principals; objects; and so on.
...And 4 more matches
JS::ToInt32
this article covers features introduced in spidermonkey 17 convert any javascript
value to a signed 32bit integer.
... syntax bool js::toint32(jscontext *cx, js::handle
value v, int32_t *out); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 4 more matches
JS::ToInt64
this article covers features introduced in spidermonkey 17 convert any javascript
value to a signed 64bit integer.
... syntax bool js::toint64(jscontext *cx, js::handle
value v, int64_t *out); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 4 more matches
JS::ToNumber
this article covers features introduced in spidermonkey 17 convert any javascript
value to a double.
... syntax bool js::tonumber(jscontext *cx, js::handle
value v, double *out); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 4 more matches
JS::ToPrimitive
this article covers features introduced in spidermonkey 45 converts a javascript object to a primitive
value, using the semantics of toprimitive.
... syntax bool js::toprimitive(jscontext *cx, js::handleobject obj, jstype hint, js::mutablehandle
value vp); name type description cx jscontext * the context in which to perform the conversion.
...on success, *vp receives the converted
value.
...And 4 more matches
JS::ToUint16
this article covers features introduced in spidermonkey 17 convert any javascript
value to an unsigned 16bit integer.
... syntax bool js::touint16(jscontext *cx, js::handle
value v, uint16_t *out); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 4 more matches
JS::ToUint32
this article covers features introduced in spidermonkey 17 convert any javascript
value to an unsigned 32bit integer.
... syntax bool js::touint32(jscontext *cx, js::handle
value v, int32_t *out); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 4 more matches
JS::ToUint64
this article covers features introduced in spidermonkey 17 convert any javascript
value to an unsigned 64bit integer.
... syntax bool js::touint64(jscontext *cx, js::handle
value v, uint64_t *out); name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 4 more matches
JS_DefineElement
syntax /* added in spidermonkey 38 (jsapi 32) */ bool js_defineelement(jscontext *cx, js::handleobject obj, uint32_t index, js::handle
value value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineelement(jscontext *cx, js::handleobject obj, uint32_t index, js::handleobject
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineelement(jscontext *cx, js::handleobject obj, uint32_t index, js::handlestring
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineelement(jscon...
...text *cx, js::handleobject obj, uint32_t index, int32_t
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineelement(jscontext *cx, js::handleobject obj, uint32_t index, uint32_t
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_defineelement(jscontext *cx, js::handleobject obj, uint32_t index, double
value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); /* obsolete since jsapi 32 */ js_defineelement(jscontext *cx, jsobject *obj, uint32_t index, jsval
value, jspropertyop getter, jsstrictpropertyop setter, unsigned attrs); ...
...
value js::handle
value or js::handleobject or js::handlestring or int32_t or uint32_t or double or jsval initial
value to assign to the property.
...And 4 more matches
JS_GetPropertyDefault
this article covers features introduced in spidermonkey 1.8.5 finds a specified property and retrieves its
value or provided default
value.
... syntax bool js_getpropertydefault(jscontext *cx, jsobject *obj, const char *name, jsval def, js::mutablehandle<js::
value> vp); bool js_getpropertybyiddefault(jscontext *cx, jsobject *obj, jsid id, jsval def, js::mutablehandle<js::
value> vp); name type description cx jscontext * a context.
... def js::handle
value default
value if the property is not found.
...And 4 more matches
JS_GetReservedSlot
syntax // added in spidermonkey 42 js::
value js_getreservedslot(jsobject *obj, uint32_t index); void js_setreservedslot(jsobject *obj, uint32_t index, js::
value v); // obsolete since spidermonkey 42 jsval js_getreservedslot(jsobject *obj, uint32_t index); void js_setreservedslot(jsobject *obj, uint32_t index, jsval v); name type description obj jsobject * an object that has reserved slots.
... v js::
value (in js_setreservedslot) the
value to store.
... reserved slots may contain any js::
value, and the garbage collector will hold the
value alive as long as the object itself is alive.
...And 4 more matches
SpiderMonkey 38
this entailed changing the vast majority of the jsapi from raw types, such as js::
value or js::
value*, to js::handle and js::mutablehandle template types that encapsulate access to the provided
value/string/object or its location.
... the js::handle<js::
value> and js::mutablehandle<js::
value> classes have been specialized to implement the same interface as js::
value, for simplicity and to ease migration pain.
... js::clonefunctionobject (bug 1088228) interned_string_to_jsid (bug 1045900) js::construct (bug 1017109) js::createerror (bug 984048) js::falsehandle
value (bug 959787) js::handlesymbol (bug 645416) js::identifystandardconstructor (bug 976148) js::iscallable (bug 1065811) js::isconstructor (bug 1065811) js::mutablehandlesymbol (bug 645416) js::ordinarytoprimitive (bug 1103152) js::propertyspecnameequalsid (bug 1082672) js::propertyspecnameissymbol (bug 1082672) js::propertyspecnametopermanentid (bug 1082672) js::protokeytoid (bug 987669) ...
...And 4 more matches
Secure Development Guidelines
, escaping ' would suffice sql injection occurs when un-trusted input is mixed with a sql string sql is a language used to interact with databases code injection attack that is similar to xss but targeted at sql rather than html and javascript if input is mixed with sql, it could itself become an sql instruction and be used to: query data from the database (passwords) insert
value into the database (a user account) change application logic based on results returned by the database sql injection: example snprintf(str, sizeof(str), "select * from account where name ='%s'", name); sqlite3_exec(db, str, null, null, null); sql injection: prevention use parameterized queries insert a marker for every piece of dynamic content so data does not get mixed ...
... sqlite3_stmt *stmt; char *str = "select * from account where name='?'"; sqlite3_prepare_v2(db, str, strlen(str), &stmt, null); sqlite3_bind_text(stmt, 1, name, strlen(name), sqlite_transient); sqlite3_step(stmt); sqlite3_finalize(p_stmt); writing secure code: arithmetic issues integer overflows/underflows overflows occur when an arithmetic operation attempts to create a numeric
value that is larger than can be represented within the available storage space max + 1 will be 0 and 0 – 1 will be max!
... bits maximum
value that can be represented data type 8 28-1 255 char 16 216-1 65535 short 32 232-1 4294967295 int 64 264-1 18446744073709551615 long long integer overflows/underflows example of an integer overflow int main() { unsigned int foo = 0xffffffff; printf(“foo: 0x%08x\r\n”, foo); foo++; printf(“foo: 0x%08x\r\n”, foo); } integer overflows/underflows example of an integer underflow int main() { unsigned int foo = 0; printf(“foo: 0x%08x\r\n”, foo); foo--; printf(“foo: 0x%08x\r\n”, foo); } integer overflows/underflows real-life example (bug 303213) jsbool js_str_escape(jscontext *cx, jsobject *obj, unsigned int argc, jsv...
...And 4 more matches
Animated PNG graphics
0 is not a valid
value.
... 1 is a valid
value for a single-frame apng.
... if this
value does not equal the actual number of frames it should be treated as an error.
...And 4 more matches
Components object
ode is a success code lastresult result code of most recent xpconnect call manager the global xpcom component manager results array of known result codes by name returncode pending result for current call stack current javascript call stack utils provides access to several useful features utils.atline provides access to the
value of the atline property in the javascript environment.
... utils.methodjit obsolete since gecko 24.0 provides access to the
value of the methodjit property in the javascript environment.
... utils.methodjit_always obsolete since gecko 24.0 provides access to the
value of the methodjit_always property in the javascript environment.
...And 4 more matches
amIInstallTrigger
constant
value description skin 1 locale 2 content 4 package 7 methods enabled() tests if installation is enabled.
... return
value install() starts a new installation of a set of add-ons.
...the
value of the property should either be a string url, or an object with the following properties: url for the add-on's url iconurl for an icon for the add-on hash for a hash of the add-on.
...And 4 more matches
jsdIStackFrame
attempting to alter this bit will result in an ns_error_illegal_
value.
... opt_*
values above, or'd together.
...method overview boolean eval(in astring bytes, in autf8string filename, in unsigned long line, out jsdi
value result); attributes attribute type description callee jsdi
value function object running in this stack frame.
...And 4 more matches
nsICachingChannel
the
value of this attribute is usually only settable during the processing of a channel's onstartrequest.
... the default
value of this attribute depends on the particular implementation of nsicachingchannel.
...the
value of this attribute should be set before opening the channel.
...And 4 more matches
nsIContentSecurityPolicy
calls to this may trigger violation reports when queried, so this
value should not be cached.
...calls to this may trigger violation reports when queried, so this
value should not be cached.
...calls to this may trigger violation reports when queried, so this
value should not be cached.
...And 4 more matches
nsICookieManager2
to create an object implementing this interface: components.utils.import("resource://gre/modules/services.jsm"); var cookieservice = services.cookies; method overview void add(in autf8string ahost, in autf8string apath, in acstring aname, in acstring a
value, in boolean aissecure, in boolean aishttponly, in boolean aissession, in print64 aexpiry); boolean cookieexists(in nsicookie2 acookie); unsigned long countcookiesfromhost(in autf8string ahost); boolean findmatchingcookie(in nsicookie2 acookie, out unsigned long acountfromhost); obsolete since gecko 1.9 nsisimpleenumerator getcookiesfromhost(in autf8string aho...
... void add( in autf8string ahost, in autf8string apath, in acstring aname, in acstring a
value, in boolean aissecure, in boolean aishttponly, in boolean aissession, in print64 aexpiry ); parameters ahost the host or domain for which the cookie is set.
... a
value the cookie data.
...And 4 more matches
nsICookieService
depending on the data
value, either an nsicookie2 interface pointer representing the cookie object that changed, or an nsiarray of nsicookie2 objects.
...this parameter may be null, but it is strongly recommended that a non-null
value be provided to ensure that the cookie privacy preferences are honored.
... return
value returns the resulting cookie string.
...And 4 more matches
nsICryptoHMAC
these
values are to be used by the init() method to indicate which hashing function to use.
... these
values map onto the
values defined in mozilla/security/nss/lib/softoken/pkcs11t.h and are switched to ckm_*_hmac constant.
... constant
value description md2 1 message digest algorithm 2 md5 2 message-digest algorithm 5 sha1 3 secure hash algorithm 1 sha256 4 secure hash algorithm 256 sha384 5 secure hash algorithm 384 sha512 6 secure hash algorithm 512 methods finish() completes this hmac object and produces the actual hmac diegest data.
...And 4 more matches
getFile
see symbolic names below for a list of accepted
values.
... c constant string
value notes ns_os_home_dir "home" ns_os_temp_dir "tmpd" ns_os_current_working_dir "curworkd" ns_os_desktop_dir "desk" otherwise same as home ns_os_current_process_dir "curprocd" ns_xpcom_current_process_dir "xcurprocd" can be overriden by passing a "bin directory" to ns_initxpcom2().
... c constant string
value notes ns_os_system_dir "sysd" available on mac os x only these locations are supported only on mac os x versions of gecko.
...And 4 more matches
nsIHttpServer
* * @throws ns_error_invalid_arg * if the given type is not a valid header field
value, i.e.
... if it doesn't * match the field-
value production in rfc 2616 * @note * no syntax checking is done of the given type, beyond ensuring that it is * a valid header field
value.
... */ void setstate(in astring path, in astring key, in astring
value); /** * retrieves the string associated with the given key in this, in * entire-server saved state.
...And 4 more matches
nsILocaleService
return
value the user's os setting for preferred locale.
...return
value the user's os setting for preferred locale in the format described in nsilocale.
... return
value the most preferred locale according to the acceptlanguage parameter.
...And 4 more matches
nsIPrefService
using a set method on this object will always create or set a user preference
value.
... when using a get method a user set
value will be returned if one exists, otherwise a default
value will be returned.
... return
value nsiprefbranch - the object representing the requested branch.
...And 4 more matches
nsIPrincipal
hash
value unsigned long returns a hash
value for the principal.
... constants principal capability constants these
values indicate the capabilities of a principal.
... constant
value description enable_denied 1 enable_unknown 2 enable_with_user_permission 3 enable_granted 4 methods native code only!canenablecapability short canenablecapability( in string capability ); parameters capability missing description return
value missing description exceptions thrown missing exception missing description checkmayload() checks whether this principal is allowed to load the network resource located at the given uri under the same-origin policy.
...And 4 more matches
nsIRequest
constant
value description load_normal 0 no special load flags.
... constant
value description inhibit_caching 1 << 7 this flag prevents caching of any kind.
... constant
value description load_bypass_cache 1 << 9 force an end-to-end download of content data from the origin server.
...And 4 more matches
nsIScreen
rotation unsigned long the screen's current rotation; you may set this to any of the
values listed in screen rotation constants.
... constants screen brightness constants constant
value description brightness_dim 0 the screen is fully dimmed (that is, off).
... screen rotation constants requires gecko 13.0(firefox 13.0 / thunderbird 13.0 / seamonkey 2.10) constant
value description rotation_0_deg 0 0° of rotation (that is, no rotation, or default orientation).
...And 4 more matches
nsITransferable
constants kflavorhasdataprovider (that title needs to be better) constant
value description kflavorhasdataprovider 0 a description is needed here.
... constant
value description ktextmime text/plain plain text.
... return
value missing description flavorstransferablecanimport() computes a list of flavors (mime types as nsisupportscstring) that the transferable can accept into it, either through intrinsic knowledge or input data converters.
...And 4 more matches
nsIWebBrowser
note: the implementation should not refcount the supplied chrome object; it should assume that a non nsnull
value is always valid.
... the embedder must explicitly set this
value back to nsnull if the chrome object is destroyed before the browser object.
...the embedder may walk the entire dom starting from this
value.
...And 4 more matches
nsMsgSearchAttrib
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl typedef long nsmsgsearchattrib
value; /** * definitions of search attribute types.
... */ [scriptable, uuid(a83ca7e8-4591-4111-8fb8-fd76ac73c866)] interface nsmsgsearchattrib { const nsmsgsearchattrib
value custom = -2; /* a custom term, see nsimsgsearchcustomterm */ const nsmsgsearchattrib
value default = -1; const nsmsgsearchattrib
value subject = 0; /* mail and news */ const nsmsgsearchattrib
value sender = 1; const nsmsgsearchattrib
value body = 2; const nsmsgsearchattrib
value date = 3; const nsmsgsearchattrib
value priority = 4; /* mail only */ const nsmsgsearchattrib
value msgstatus = 5; const nsmsgsearchattrib
value to = 6; const nsmsgsearchattrib
value cc = 7; const nsmsgsearchattrib
value toorcc = 8; ...
... const nsmsgsearchattrib
value alladdresses = 9; const nsmsgsearchattrib
value location = 10; /* result list only */ const nsmsgsearchattrib
value messagekey = 11; /* message result elems */ const nsmsgsearchattrib
value ageindays = 12; const nsmsgsearchattrib
value folderinfo = 13; /* for "view thread context" from result */ const nsmsgsearchattrib
value size = 14; const nsmsgsearchattrib
value anytext = 15; const nsmsgsearchattrib
value keywords = 16; // keywords are the internal representation of tags.
...And 4 more matches
Xray vision
for example: the detail property of a customevent fired by content could be a javascript object or date as well as a string or a primitive the return
value of evalinsandbox() and any properties attached to the sandbox object may be pure javascript objects also, the webidl specifications are starting to use javascript types such as date and promise: since webidl definition is the basis of dom xrays, not having xrays for these javascript types starts to seem arbitrary.
... any
value properties of the object are visible in the xray.
... if the object has properties which are themselves objects, and these objects are same-origin with the content, then their
value properties are visible as well.
...And 4 more matches
AnimationEffect.getComputedTiming() - Web APIs
although many of the attributes of the returned object are common to the effecttiming contained in the object returned by the animationeffect.gettiming() method, the
values returned by this object differ in the following ways: duration returns the calculated
value of the iteration duration.
... fill the auto
value is replaced with the appropriate effecttiming.fill
value.
... these
values are comparable to the computed styles of an element returned using window.getcomputedstyle(elem).
...And 4 more matches
AudioBufferSourceNode.loopStart - Web APIs
the loopstart property of the audiobuffersourcenode interface is a floating-point
value indicating, in seconds, where in the audiobuffer the restart of the play must happen.
... the loopstart property's default
value is 0.
... syntax audiobuffersourcenode.loopstart = startoffsetinseconds; startoffsetinseconds = audiobuffersourcenode.loopstart;
value a floating-point number indicating the offset, in seconds, into the audio buffer at which each loop should begin during playback.
...And 4 more matches
AudioContextOptions.latencyHint - Web APIs
the
value is specified either as a member of the string enum audiocontextlatencycategory or a double-precision
value.
... syntax audiocontextoptions.latencyhint = "interactive"; audiocontextoptions.latencyhint = 0.2; var latencyhint = audiocontextoptions.latencyhint;
value the preferred maximum latency for the audiocontext.
... there are two ways this
value can be specified.
...And 4 more matches
AudioListener.positionX - Web APIs
syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.positionx.
value = 1;
value an audioparam.
... its default
value is 0, and it can range between positive and negative infinity.
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
...And 4 more matches
AudioListener.positionY - Web APIs
syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.positiony.
value = 1;
value an audioparam.
... its default
value is 0, and it can range between positive and negative infinity.
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
...And 4 more matches
AudioListener.positionZ - Web APIs
syntax var audioctx = new audiocontext(); var mylistener = audioctx.listener; mylistener.positionz.
value = 1;
value an audioparam.
... its default
value is 0, and it can range between positive and negative infinity.
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
...And 4 more matches
AudioParamDescriptor - Web APIs
under this name the audioparam will be available in the parameters property of the node, and under this name the audioworkletprocessor.process method will acquire the calculated
values of this audioparam.
... min
value optional a float which represents minimum
value of the audioparam.
... max
value optional a float which represents maximum
value of the audioparam.
...And 4 more matches
BaseAudioContext.createScriptProcessor() - Web APIs
if specified, the buffersize must be one of the following
values: 256, 512, 1024, 2048, 4096, 8192, 16384.
... if it's not passed in, or if the
value is 0, then the implementation will choose the best buffer size for the given environment, which will be a constant power of 2 throughout the lifetime of the node.
... this
value controls how frequently the audioprocess event is dispatched and how many sample-frames need to be processed each call.
...And 4 more matches
BluetoothCharacteristicProperties - Web APIs
properties authenticatedsignedwritesread only returns a boolean that is true if signed writing to the characteristic
value is permitted.
... broadcastread only returns a boolean that is true if the broadcast of the characteristic
value is permitted using the server characteristic configuration descriptor.
... indicateread only returns a boolean that is true if indications of the characteristic
value with acknowledgement is permitted.
...And 4 more matches
CSS.registerProperty() - Web APIs
the css.registerproperty() method registers custom properties, allowing for property type checking, default
values, and properties that do or do not inherit their
value.
... registering a custom property allows you to tell the browser how the custom property should behave; what are allowed types, whether the custom property inherits its
value, and what the default
value of the custom property is.
... inherits a boolean
value defining whether the defined property should be inherited (true), or not (false).
...And 4 more matches
CSSMathSum - Web APIs
the cssmathsum interface of the css typed object model api represents the result obtained by calling add(), sub(), or tosum() on cssnumeric
value.
... a cssmathsum is the object type returned when the stylepropertymapreadonly.get() method is used on a css property whose
value is created with a calc() function.
... properties cssmathsum.
values returns a cssnumericarray object which contains one or more cssnumeric
value objects.
...And 4 more matches
CSSStyleDeclaration.setProperty() - Web APIs
the cssstyledeclaration.setproperty() method interface sets a new
value for a property on a css style declaration object.
... syntax style.setproperty(propertyname,
value, priority); parameters propertyname is a domstring representing the css property name (hyphen case) to be modified.
...
value optional is a domstring containing the new property
value.
...And 4 more matches
CanvasRenderingContext2D.createImageData() - Web APIs
a negative
value flips the rectangle around the vertical axis.
...a negative
value flips the rectangle around the horizontal axis.
... return
value a new imagedata object with the specified width and height.
...And 4 more matches
CanvasRenderingContext2D - Web APIs
possible
values: butt (default), round, square.
...possible
values: round, bevel, miter (default).
...default
value 10px sans-serif.
...And 4 more matches
Pixel manipulation with canvas - Web APIs
data a uint8clampedarray representing a one-dimensional array containing the data in the rgba order, with integer
values between 0 and 255 (included).
... the data property returns a uint8clampedarray which can be accessed to look at the raw pixel data; each pixel is represented by four one-byte
values (red, green, blue, and alpha, in that order; that is, "rgba" format).
... the uint8clampedarray contains height × width × 4 bytes of data, with index
values ranging from 0 to (height×width×4)-1.
...And 4 more matches
DOMHighResTimeStamp - Web APIs
the domhighrestimestamp type is a double and is used to store a time
value in milliseconds.
...however, if the browser is unable to provide a time
value accurate to 5 µs (due, for example, to hardware or software constraints), the browser can represent the
value as a time in milliseconds accurate to a millisecond.
... in firefox, you can also enable privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
...And 4 more matches
DOMPointInit.z - Web APIs
typically, a z
value of 0 represents the plane of the screen.
... as the
value increases, the point moves outward from the screen toward the user.
... as the
value decreases, the point moves farther from the user, with negative
values being behind the screen, receding into the distance.
...And 4 more matches
DataTransfer.dropEffect - Web APIs
when the datatransfer object is created, dropeffect is set to a string
value.
... on getting, it returns its current
value.
... on setting, if the new
value is one of the
values listed below, then the property's current
value will be set to the new
value and other
values will be ignored.
...And 4 more matches
DataTransfer.effectAllowed - Web APIs
within the dragenter and dragover event handlers, this property will be set to whatever
value was assigned during the dragstart event, thus effectallowed may be used to determine which effect is permitted.
... assigning a
value to effectallowed in events other than dragstart has no effect.
... syntax datatransfer.effectallowed;
values a domstring representing the drag operation that is allowed.
...And 4 more matches
Detecting device orientation - Web APIs
the orientation event contains four
values: deviceorientationevent.absolute deviceorientationevent.alpha deviceorientationevent.beta deviceorientationevent.gamma the event handler function can look something like this: function handleorientation(event) { var absolute = event.absolute; var alpha = event.alpha; var beta = event.beta; var gamma = event.gamma; // do stuff with the new orientation data } orient...
...ation
values explained the
value reported for each axis indicates the amount of rotation around a given axis in reference to a standard coordinate frame.
... the deviceorientationevent.alpha
value represents the motion of the device around the z axis, represented in degrees with
values ranging from 0 to 360.
...And 4 more matches
DisplayMediaStreamConstraints.video - Web APIs
this
value may simply be a boolean, where true specifies that a default selection of input source be made (typically the entire display area of the device in use, spanning every screen in a multiple screen configuration).
... since a video track must always be included, a
value of false results in a typeerror exception being thrown.
... syntax displaymediastreamconstraints.video = allowvideoflag; displaymediastreamconstraints.video = mediatrackconstraints; displaymediastreamconstraints = { video: allowvideoflag | mediatrackconstraints; }
value the
value may be either a boolean or a mediatrackconstraints object.
...And 4 more matches
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
example: creating an html table dynamically (sample1.html) html <input type="button"
value="generate a table." onclick="generate_table()"> javascript function generate_table() { // get the reference for the body var body = document.getelementsbytagname("body")[0]; // creates a <table> element and a <tbody> element var tbl = document.createelement("table"); var tblbody = document.createelement("tbody"); // creating all cells for (var i = 0; i < 2; i++) { // create...
... example: setting the background color of a paragraph getelementsbytagname(tagname
value) is a method available in any dom element or the root document element.
... html <body> <input type="button"
value="set paragraph background color" onclick="set_background()"> <p>hi</p> <p>hello</p> </body> javascript function set_background() { // get a list of all the body elements (there will only be one), // and then select the zeroth (or first) such element mybody = document.getelementsbytagname("body")[0]; // now, get all the p elements that are descendants of the body mybodyelements = mybody.getelementsbytagname("p"); // get the second item of the list of p elements myp = mybodyelements[1]; myp.style.background = "rgb(255,0,0)"; } in this example, we set the myp variab...
...And 4 more matches
EffectTiming.easing - Web APIs
the
value of easing corresponds directly to animationeffecttimingreadonly.easing in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
... syntax var timingproperties = { easing: single-transition-timing-function } timingproperties.easing = single-transition-timing-function
value a string defining the timing function to use for easing transitions during the animation process.
... accepts several pre-defined domstring
values, a steps() timing function like steps(5, end), or a custom cubic-bezier
value like cubic-bezier(0.42, 0, 0.58, 1).
...And 4 more matches
EffectTiming.iterations - Web APIs
the default
value is 1, indicating that it should only play once, but you can set it to any floating-point
value (including positive infinity defaults to 1, and can also take a
value of infinity to make it loop infinitely.
...the
value of iterations corresponds directly to animationeffecttimingreadonly.iterations in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
... syntax var timingproperties = { iterations: numberofiterations }; timingproperties.iterations = numberofiterations;
value a floating-point
value specifying the number of times the animation sequence will play through.
...And 4 more matches
Element: DOMMouseScroll event - Web APIs
detail the detail property describes the scroll more precisely, with positive
values indicating scrolling downward and negative
values indicating scrolling upward.
... if the event represents scrolling up by a page, the
value of detail is -32768.
... if the event indictes scrolling down by a page, the
value is +32768.
...And 4 more matches
Element.getAttribute() - Web APIs
the getattribute() method of the element interface returns the
value of a specified attribute on the element.
... if the given attribute does not exist, the
value returned will either be null or "" (the empty string); see non-existing attributes for details.
... syntax let attribute = element.getattribute(attributename); where attribute is a string containing the
value of attributename.
...And 4 more matches
Element.innerHTML - Web APIs
syntax const content = element.innerhtml; element.innerhtml = htmlstring;
value a domstring containing the html serialization of the element's descendants.
... setting the
value of innerhtml removes all of the element's descendants and replaces them with nodes constructed by parsing the html given in the string htmlstring.
... exceptions syntaxerror an attempt was made to set the
value of innerhtml using a string which is not properly-formed html.
...And 4 more matches
ElementCSSInlineStyle.style - Web APIs
when getting, it returns a cssstyledeclaration object that contains a list of all styles properties for that element with
values assigned for the attributes that are defined in the element's inline style attribute.
...instead, styles can be set by assigning
values to the properties of style.
... for adding specific styles to an element without altering other style
values, it is preferred to use the individual properties of style (as in elt.style.color = '...') as using elt.style.csstext = '...' or elt.setattribute('style', '...') sets the complete inline style for the element by overriding the existing inline styles.
...And 4 more matches
FormData.append() - Web APIs
the append() method of the formdata interface appends a new
value onto an existing key inside a formdata object, or adds the key if it does not already exist.
... the difference between formdata.set and append() is that if the specified key already exists, formdata.set will overwrite all existing
values with the new one, whereas append() will append the new
value onto the end of the existing set of
values.
... syntax there are two versions of this method: a two and a three parameter version: formdata.append(name,
value); formdata.append(name,
value, filename); parameters name the name of the field whose data is contained in
value.
...And 4 more matches
GamepadButton - Web APIs
a gamepadbutton object is returned by querying any
value of the array returned by the buttons property of the gamepad interface.
... note: this is the case in firefox gecko 28 and later; chrome and earlier firefox versions still return an array of double
values when this property is accessed.
... properties gamepadbutton.
value read only a double
value used to represent the current state of analog buttons, such as the triggers on many modern gamepads.
...And 4 more matches
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.
... in other words: it has either of those
values set explicitly on it, or it has inherited it from a containing element, or by being located within a column described by either <col> or <colgroup>.
... syntax let imagex = htmlimageelement.x;
value an integer
value indicating the distance in pixels from the left edge of the element's nearest root element and the left edge of the <img> element's border box.
...And 4 more matches
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.
... in other words: it has either of those
values set explicitly on it, or it has inherited it from a containing element, or by being located within a column described by either <col> or <colgroup>.
... syntax let imagey = htmlimageelement.y;
value an integer
value indicating the distance in pixels from the top edge of the element's nearest root element to the top edge of the <img> element's border box.
...And 4 more matches
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.
... htmlparamelement.
value is a domstring representing the
value associated to the parameter.
... it reflects the
value attribute.
...And 4 more matches
HTMLSelectElement - Web APIs
htmlselectelement.required a boolean reflecting the required html attribute, which indicates whether the user is required to select a
value before submitting the form.
...the
value -1 indicates no element is selected.
... htmlselectelement.
value a domstring reflecting the
value of the form control.
...And 4 more matches
IDBCursor.direction - Web APIs
see the
values section below for possible
values.
... syntax var direction = cursor.direction;
value a string (defined by the idbcursordirection enum) indicating the direction in which the cursor is traversing the data.
... possible
values are:
value description next this direction causes the cursor to be opened at the start of the source.
...And 4 more matches
IDBIndex - Web APIs
an index lets you look up records in an object store using properties of the
values in the object stores records other than the primary key the index is a persistent key-
value storage where the
value part of its records is the key part of a record in the referenced object store.
... properties idbindex.isautolocale read only returns a boolean indicating whether the index had a locale
value of auto specified upon its creation (see createindex()'s optionalparameters.) idbindex.locale read only returns the locale of the index (for example en-us, or pl) if it had a locale
value specified upon its creation (see createindex()'s optionalparameters.) idbindex.name the name of this index.
... idbindex.unique read only if true, this index does not allow duplicate
values for a key.
...And 4 more matches
IDBKeyRange.lowerOpen - Web APIs
the loweropen read-only property of the idbkeyrange interface returns a boolean indicating whether the lower-bound
value is included in the key range.
... syntax var loweropen = mykeyrange.loweropen
value a boolean:
value indication true the lower-bound
value is not included in the key range.
... false the lower-bound
value is included in the key range.
...And 4 more matches
IDBKeyRange.upperOpen - Web APIs
the upperopen read-only property of the idbkeyrange interface returns a boolean indicating whether the upper-bound
value is included in the key range.
... syntax var upperopen = mykeyrange.upperopen
value a boolean:
value indication true the upper-bound
value is not included in the key range.
... false the upper-bound
value is included in the key range.
...And 4 more matches
MediaKeyStatusMap - Web APIs
properties mediakeystatusmap.size read only returns the number of key/
value pars in the status map.
... methods mediakeystatusmap.entries() read only returns a new iterator object containing an array of [key,
value] for each element in the status map, in insertion order.
... mediakeystatusmap.foreach(callback[, argument]) read only calls callback once for each key-
value pair in the status map, in insertion order.
...And 4 more matches
MediaSessionActionDetails - Web APIs
see media action types below for possible
values.
... fastseek optional an seekto action may optionally include this property, which is a boolean
value indicating whether or not to perform a "fast" seek.
... seekoffset optional if the action is either seekforward or seekbackward and this property is present, it is a floating point
value which indicates the number of seconds to move the play position forward or backward.
...And 4 more matches
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.
...And 4 more matches
PannerNode.PannerNode() - Web APIs
the default is 1, and negative
values are not allowed.
...the default is 10000, and non-positive
values are not allowed.
...the default is 1, and negative
values are not allowed.
...And 4 more matches
PannerNode.coneInnerAngle - Web APIs
the coneinnerangle property of the pannernode interface is a double
value describing the angle, in degrees, of a cone inside of which there will be no volume reduction.
... the coneinnerangle property's default
value is 360, suitable for a non-directional source.
... syntax var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.coneinnerangle = 360;
value a double.
...And 4 more matches
PannerNode.coneOuterAngle - Web APIs
the coneouterangle property of the pannernode interface is a double
value describing the angle, in degrees, of a cone outside of which the volume will be reduced by a constant
value, defined by the coneoutergain property.
... the coneouterangle property's default
value is 0.
... syntax var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.coneouterangle = 0;
value a double.
...And 4 more matches
performance.now() - Web APIs
the returned
value represents the time elapsed since the time origin.
... bear in mind the following points: in dedicated workers created from a window context, the
value in the worker will be lower than performance.now() in the window who spawned that worker.
... in shared or service workers, the
value in the worker might be higher than that of the main context because that window can be created after those workers.
...And 4 more matches
RTCIceCandidatePairStats.availableIncomingBitrate - Web APIs
the rtcicecandidatepairstats property availableincomingbitrate returns a
value indicative of the available inbound capacity of the network connection represented by the candidate pair.
... the higher the
value, the more bandwidth you can assume is available for incoming data.
... syntax availableincomingbitrate = rtcicecandidatepairstats.availableincomingbitrate;
value a floating-point
value which approximates the amount of available bandwidth for incoming data on the network connection described by the rtcicecandidatepair.
...And 4 more matches
ReadableStream.ReadableStream() - Web APIs
the controller parameter passed to this method is a readablestreamdefaultcontroller or a readablebytestreamcontroller, depending on the
value of the type property.
...the controller parameter passed to this method is a readablestreamdefaultcontroller or a readablebytestreamcontroller, depending on the
value of the type property.
...if it is included with a
value set to "bytes", the passed controller object will be a readablebytestreamcontroller capable of handling a byob (bring your own buffer)/byte stream.
...And 4 more matches
ReadableStream.getReader() - Web APIs
syntax var reader = readablestream.getreader({mode}); parameters {mode} optional an object containing a property mode, which takes as its
value a domstring specifying the type of reader to create.
...
values can be: "byob", which results in a readablestreambyobreader being created that can read readable byte streams (i.e.
... return
value a readablestreamdefaultreader or readablestreambyobreader object instance, depending on the mode
value.
...And 4 more matches
SVGFEBlendElement - Web APIs
" target="_top"><rect x="311" y="65" width="170" 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">svgfeblendelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_feblend_mode_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_feblend_mode_normal 1 corresponds to the
value normal.
...And 4 more matches
SVGFEColorMatrixElement - Web APIs
et="_top"><rect x="251" y="65" width="230" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="366" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfecolormatrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_fecolormatrix_type_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_fecolormatrix_type_matrix 1 corresponds to the matrix
value.
...And 4 more matches
ServiceWorkerRegistration.showNotification() - Web APIs
it may contain the following
values: action: a domstring identifying a user action to be displayed on the notification.
... renotify: a boolean that indicates whether to suppress vibrations and audible alerts when reusing a tag
value.
...if this
value is absent or false, the desktop version of chrome will auto-minimize notifications after approximately twenty seconds.
...And 4 more matches
StereoPannerNode.pan - Web APIs
the
value can range between -1 (full left pan) and 1 (full right pan).
... syntax var audioctx = new audiocontext(); var pannode = audioctx.createstereopanner(); pannode.pan.
value = -0.5; returned
value an a-rate audioparam containing the panning to apply.
... note: though the audioparam returned is read-only, the
value it represents is not.
...And 4 more matches
StylePropertyMapReadOnly - Web APIs
methods stylepropertymapreadonly.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).
... stylepropertymapreadonly.get() returns the
value of the specified property.
... stylepropertymapreadonly.getall() returns an array of cssstyle
value objects containing the
values for the provided property.
...And 4 more matches
Touch - Web APIs
these
values are set to describe an ellipse that as closely as possible matches the entire area of contact (such as the user's fingertip).
... 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.
... this may also be the case for radiusx and radiusy; if the hardware reports only a single point, these
values will be 1.
...And 4 more matches
WebGLRenderingContext.clear() - Web APIs
the webglrenderingcontext.clear() method of the webgl api clears buffers to preset
values.
... the preset
values can be set by clearcolor(), cleardepth() or clearstencil().
...possible
values are: gl.color_buffer_bit gl.depth_buffer_bit gl.stencil_buffer_bit return
value none.
...And 4 more matches
WebGLRenderingContext.framebufferTexture2D() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
... when using a webgl 2 context, the following
values are available additionally: gl.draw_framebuffer: equivalent to gl.framebuffer.
...possible
values: gl.color_attachment0: attaches the texture to the framebuffer's color buffer.
...And 4 more matches
WebGLRenderingContext.getActiveUniform() - Web APIs
this
value is an index 0 to n - 1 as returned by gl.getprogramparameter(program, gl.active_uniforms).
... return
value a webglactiveinfo object describing the uniform.
... the type attribute of the return
value will be one of the following: gl.float gl.float_vec2 gl.float_vec3 gl.float_vec4 gl.int gl.int_vec2 gl.int_vec3 gl.int_vec4 gl.bool gl.bool_vec2 gl.bool_vec3 gl.bool_vec4 gl.float_mat2 gl.float_mat3 gl.float_mat4 gl.sampler_2d gl.sampler_cube when using a webgl 2 context, the following
values are possible additionally: gl.unsigned_int gl.unsigned_int_vec2 gl.unsigned_int_vec3 gl.unsigned_int_vec4 gl.float_mat2x3 gl.float_mat2x4 gl.float_mat3x2 gl.float_mat3x4 gl.float_mat4x2 gl.float_mat4x3 gl.sampler_2d gl.sampler_3d gl.sampler_cube gl.sampler_2d_shadow gl.sampler_2d_array gl.sampler_2d_array_shadow gl.sampler_cube_shadow gl.int_sampler_2d gl.int_sampler_3d gl.int_sampler...
...And 4 more matches
WebGLRenderingContext.uniform[1234][fi][v]() - Web APIs
the webglrenderingcontext.uniform[1234][fi][v]() methods of the webgl api specify
values of uniform variables.
...they retain the
values assigned to them by a call to this method until the next successful link operation occurs on the program object, when they are once again initialized to 0.
... syntax void gl.uniform1f(location, v0); void gl.uniform1fv(location,
value); void gl.uniform1i(location, v0); void gl.uniform1iv(location,
value); void gl.uniform2f(location, v0, v1); void gl.uniform2fv(location,
value); void gl.uniform2i(location, v0, v1); void gl.uniform2iv(location,
value); void gl.uniform3f(location, v0, v1, v2); void gl.uniform3fv(location,
value); void gl.uniform3i(location, v0, v1, v2); void gl.uniform3iv(location,
value); void gl.uniform4f(location, v0, v1, v2, v3); void gl.uniform4fv(location,
value); void gl.uniform4i(location, v0, v1, v2, v3); void gl.uniform4iv(location,
value); parameters location a webglunif...
...And 4 more matches
Web Video Text Tracks Format (WebVTT) - Web APIs
a setting's name and
value are separated by a colon.
... table 1 - vertical
values vertical:rl writing direction is right to left vertical:lr writing direction is left to right line specifies where text appears vertically.
...
value can be a line number.
...And 4 more matches
window.postMessage() - Web APIs
methods for obtaining such a reference include: window.open (to spawn a new window and then reference it), window.opener (to reference the window that spawned this one), htmliframeelement.contentwindow (to reference an embedded <iframe> from its parent window), window.parent (to reference the parent window from within an embedded <iframe>), or window.frames + an index
value (named or numeric).
...shared memory is gated behind two http headers: cross-origin-opener-policy with same-origin as
value (protects your origin from attackers) cross-origin-embedder-policy with require-corp as
value (protects victims from your origin) cross-origin-opener-policy: same-origin cross-origin-embedder-policy: require-corp to check if cross origin isolation has been successful, you can test against the crossoriginisolated property available to window and worker contexts: if (crossoriginisolated) { ...
... the
value of the origin property of the dispatched event is not affected by the current
value of document.domain in the calling window.
...And 4 more matches
Window - Web APIs
this
value is reported in css pixels.
...this
value is reported in css pixels.
... window.return
value the return
value to be returned to the function that called window.showmodaldialog() to display the window as a modal dialog.
...And 4 more matches
XMLHttpRequest.getResponseHeader() - Web APIs
the xmlhttprequest method getresponseheader() returns the string containing the text of a particular header's
value.
... if there are multiple response headers with the same name, then their
values are returned as a single concatenated string, where each
value is separated from the previous one by a pair of comma and space.
... the getresponseheader() method returns the
value as a utf byte sequence.
...And 4 more matches
XPathResult - Web APIs
since xpath expressions can result in a variety of result types, this interface makes it possible to determine and handle the type and
value of the result.
... properties xpathresult.boolean
valueread only a boolean representing the
value of the result if resulttype is boolean_type.
... xpathresult.number
valueread only a number representing the
value of the result if resulttype is number_type.
...And 4 more matches
XRRenderStateInit - Web APIs
all distances are specified as floating-point
values in meters; you can specify a
value of 50 centimeters using a
value of 0.5, for example.
... depthfar optional a floating-point
value specifying the distance in meters from the viewer to the far clip plane, which is a plane parallel to the display surface beyond which no further rendering will occur.
... depthnear optional a floating-point
value indicating the distance in meters from the viewer to a plane parallel to the display surface to be the near clip plane.
...And 4 more matches
ARIA live regions - Accessibility
html <fieldset> <legend>planet information</legend> <label for="planetsselect">planet:</label> <select id="planetsselect" aria-controls="planetinfo"> <option
value="">select a planet…</option> <option
value="mercury">mercury</option> <option
value="venus">venus</option> <option
value="earth">earth</option> <option
value="mars">mars</option> </select> <button id="renderplanetinfobutton">go</button> </fieldset> <div role="region" id="planetinfo" aria-live="polite"> <h2 id="planettitle">no planet selected</h2> <p id="planetdescr...
...tent = 'no planet selected'; planetdescription.textcontent = 'select a planet to view its description'; } } const renderplanetinfobutton = document.queryselector('#renderplanetinfobutton'); renderplanetinfobutton.addeventlistener('click', event => { const planetsselect = document.queryselector('#planetsselect'); const selectedplanet = planetsselect.options[planetsselect.selectedindex].
value; renderplanetinfo(selectedplanet); }); as the user selects a new planet, the information in the live region will be announced.
...use this with aria-
valuemin, aria-
valuenow and aria-
valuemax.
...And 4 more matches
Using the aria-invalid attribute - Accessibility
the aria-invalid attribute is used to indicate that the
value entered into an input field does not conform to the format expected by the application.this may include formats such as email addresses or telephone numbers.
...
values vocabulary: false (default) no errors detected grammar a grammatical error has been detected.
... true the
value has failed validation.
...And 4 more matches
Web applications and ARIA FAQ - Accessibility
here's the markup for a progress bar widget: <div id="percent-loaded" role="progressbar" aria-
valuenow="75" aria-
valuemin="0" aria-
valuemax="100" /> this progress bar is built using a <div>, which is not very descriptive.
...the aria-
valuemin and aria-
valuemax attributes specify the minimum and maximum
values for the progress bar, and the aria-
valuenow describes the current state of it.
...progressbar.setattribute("role", "progressbar"); progressbar.setattribute("aria-
valuemin", 0); progressbar.setattribute("aria-
valuemax", 100); // create a function that can be called at any time to update the
value of the progress bar.
...And 4 more matches
-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.
... one, two, three or four <outline-radius>
values, represents one of: <length> see <length> for possible
values.
... if a single
value is set, it applies to all 4 corners.
...And 4 more matches
:-moz-ui-invalid - CSS: Cascading Style Sheets
the :-moz-ui-invalid css pseudo-class represents any validated form element whose
value isn't valid based on their validation constraints, in certain circumstances.
... this pseudo-class is applied according to the following rules: if the control does not have focus, and the
value is invalid, apply this pseudo-class.
... if the control has focus, and the
value was valid (including empty) when it gained focus, do not apply the pseudo-class.
...And 4 more matches
:-moz-ui-valid - CSS: Cascading Style Sheets
the :-moz-ui-valid css pseudo-class represents any validated form element whose
value validates correctly based on its validation constraints.
... this pseudo-class is applied according to the following rules: if the control does not have focus, and the
value is valid, apply this pseudo-class.
... if the control has focus, and the
value was valid (including empty) when it gained focus, apply this pseudo-class.
...And 4 more matches
height - CSS: Cascading Style Sheets
by providing one viewport length
value will set both, the minimum height and the maximum height, to the
value provided.
... if two viewport
values are provided, the first
value will set the minimum height and the second
value will set the maximum height.
... syntax /* one
value */ height: auto; height: 320px; height: 15em; /* two
values */ height: 320px 200px;
values auto the used
value is calculated from the other css descriptors'
values.
...And 4 more matches
Coordinate systems - CSS: Cascading Style Sheets
dimensions in the coordinate systems used by web technologies, convention dictates that the horizontal offset is called the x-coordinate, where a negative
value indicates a position to the left of the origin and a positive
value is to the right of the origin.
... the y-coordinate specifies the vertical offset, with a negative
value being above the origin and a positive
value being below the origin.
... on the web, the default origin is the top-left corner of a given context (with positive y-coordinate
values being below the origin).
...And 4 more matches
Styling Columns - CSS: Cascading Style Sheets
the initial
value of column-gap in multicol is 1em.
...in other layout methods the initial
value for column-gap is 0.
... if you use the keyword
value “normal” the gap will be set to 1em.
...And 4 more matches
OpenType font features guide - CSS: Cascading Style Sheets
this property can activate an entire set of alternates or just a specific one, depending on the
values supplied.the example below is showing several different aspects of working with alternate characters.
...in this example you can see two different typefaces, and the introduction of the @font-feature-
values at-rule.
...setting a
value of normal resets all properties to their initial
value.
...And 4 more matches
Line-based placement with CSS Grid - CSS: Cascading Style Sheets
row: 1 / 4; } .box2 { grid-column: 3 / 4; grid-row: 1 / 3; } .box3 { grid-column: 2 / 3; grid-row: 1 / 2; } .box4 { grid-column: 2 / 4; grid-row: 3 / 4; } default spans in the above examples i specified every end row and column line, in order to demonstrate the properties, however in practice if an item only spans one track you can omit the grid-column-end or grid-row-end
value.
...>four</div> </div> .box1 { grid-column-start: 1; grid-row-start: 1; grid-row-end: 4; } .box2 { grid-column-start: 3; grid-row-start: 1; grid-row-end: 3; } .box3 { grid-column-start: 2; grid-row-start: 1; } .box4 { grid-column-start: 2; grid-column-end: 4; grid-row-start: 3; } our shorthand would look like the following code, with no forward slash and second
value for the items spanning one track only.
...the order of the
values for grid-area are as follows.
...And 4 more matches
Subgrid - CSS: Cascading Style Sheets
level 2 of the css grid layout specification includes a subgrid
value for grid-template-columns and grid-template-rows.
... if you set the
value subgrid on grid-template-columns, grid-template-rows or both, instead of creating a new track listing the nested grid uses the tracks defined on the parent.
...gaps are inherited but can also be overridden with a different gap
value.
...And 4 more matches
Cubic Bezier Generator - CSS: Cascading Style Sheets
<html> <canvas id="bezier" width="336" height="336"> </canvas> <form> <label for="x1">x1 = </label><input onchange="updatecanvas();" type="text" maxlength=6 id="x1"
value="0.79" class='field'> <label for="y1">y1 = </label><input onchange="updatecanvas();return true;" type="text" maxlength=6 id="y1"
value="0.33" class='field'> <label for="x2">x2 = </label><input onchange="updatecanvas();return true;" type="text" maxlength=6 id="x2"
value="0.14" class='field'> <label for="y2">y2 = </label><input onchange="updatecanvas();return true;" type="text" maxlength=6 id="y2"
value="0.53" class='field'> <br> <output id="output">log</output> </form> </html> .field { width: 40px; } function updatecanvas() { var x1 = ...
...document.getelementbyid('x1').
value; var y1 = document.getelementbyid('y1').
value; var x2 = document.getelementbyid('x2').
value; var y2 = document.getelementbyid('y2').
value; drawbeziercurve(x1, y1, x2, y2); } const radius = 4; // place needed to draw the rulers const rulers = 30.5; const margin = 10.5; const basic_scale_size = 5; // size of 0.1 tick on the rulers var scaling; //limitation: scaling is computed once: if canvas.height/canvas.width change it won't be recalculated var dragsm = 0; // drag state machine: 0 = nodrag, others = object being dragged function initcanvas() { // get the canvas element using the dom var canvas = document.getelementbyid('bezier'); // make sure we don't execute when canvas isn't supported if (canvas.getcontext) { // ...
... * basic_scale_size + cx(0), cy(i) + 4); // limitation the constant 4 should be font size dependant } ctx.lineto(cx(0), ly(i)); } ctx.stroke(); ctx.closepath(); ctx.beginpath(); // draw the y axis label ctx.save(); ctx.rotate(-math.pi / 2); ctx.textalign = "left"; ctx.filltext("output (
value ratio)", -cy(0), -3 * basic_scale_size + cx(0)); ctx.restore(); // draw the x axis ctx.moveto(cx(0), cy(0)); ctx.lineto(cx(0), cy(1)); ctx.textalign = "center"; for (i = 0.1; i <= 1; i = i + 0.1) { ctx.moveto(lx(i), basic_scale_size + cy(0)); if ((i == 0.5) || (i > 0.9)) { ctx.moveto(lx(i), 2 * basic_scale_si...
...And 4 more matches
animation-duration - CSS: Cascading Style Sheets
syntax /* single animation */ animation-duration: 6s; animation-duration: 120ms; /* multiple animations */ animation-duration: 1.64s, 15.22s; animation-duration: 10s, 35s, 230ms;
values <time> the time that an animation takes to complete one cycle.
...the
value must be positive or zero and the unit is required.
... a
value of 0s, which is the default
value, indicates that no animation should occur.
...And 4 more matches
border-image-repeat - CSS: Cascading Style Sheets
syntax /* keyword
value */ border-image-repeat: stretch; border-image-repeat: repeat; border-image-repeat: round; border-image-repeat: space; /* vertical | horizontal */ border-image-repeat: round stretch; /* global
values */ border-image-repeat: inherit; border-image-repeat: initial; border-image-repeat: unset; the border-image-repeat property may be specified using one or two
values chosen from the list of
values bel...
... when one
value is specified, it applies the same behavior on all four sides.
... when two
values are specified, the first applies to the top and bottom, the second to the left and right.
...And 4 more matches
box-flex - CSS: Cascading Style Sheets
/* <number>
values */ -moz-box-flex: 0; -moz-box-flex: 2; -moz-box-flex: 3.5; -webkit-box-flex: 0; -webkit-box-flex: 2; -webkit-box-flex: 3.5; /* global
values */ -moz-box-flex: inherit; -moz-box-flex: initial; -moz-box-flex: unset; -webkit-box-flex: inherit; -webkit-box-flex: initial; -webkit-box-flex: unset; syntax the box-flex property is specified as a <number>.
... if the
value is 0, the box does not grow.
... notes the containing box allocates the available extra space in proportion to the flex
value of each of the content elements.
...And 4 more matches
counter-reset - CSS: Cascading Style Sheets
the counter-reset css property resets a css counter to a given
value.
... note: the counter's
value can be increased or decreased using the counter-increment css property.
... syntax /* set "my-counter" to 0 */ counter-reset: my-counter; /* set "my-counter" to -1 */ counter-reset: my-counter -1; /* set "counter1" to 1, and "counter2" to 4 */ counter-reset: counter1 1 counter2 4; /* cancel any reset that could have been set in less specific rules */ counter-reset: none; /* global
values */ counter-reset: inherit; counter-reset: initial; counter-reset: unset; the counter-reset property is specified as either one of the following: a <custom-ident> naming the counter, followed optionally by an <integer>.
...And 4 more matches
drop-shadow() - CSS: Cascading Style Sheets
parameters offset-x offset-y (required) two <length>
values that determine the shadow offset.
... offset-x specifies the horizontal distance, where negative
values place the shadow to the left of the element.
... offset-y specifies the vertical distance, where negative
values place the shadow above the element.
...And 4 more matches
float - CSS: Cascading Style Sheets
a floating element is one where the computed
value of float is not none.
... as float implies the use of the block layout, it modifies the computed
value of the display
values, in some cases: specified
value computed
value inline block inline-block block inline-table table table-row block table-row-group block table-column block table-column-group block table-cell block table-caption block table-header-group block table-footer-group block inline-flex flex inline-grid grid other unchanged note: if you're referring to this property from javascript as a member of the htmlelement.style object, modern browsers support float, but in older browsers you have to spell it as cssfloat, with...
... syntax /* keyword
values */ float: left; float: right; float: none; float: inline-start; float: inline-end; /* global
values */ float: inherit; float: initial; float: unset; the float property is specified as a single keyword, chosen from the list of
values below.
...And 4 more matches
<frequency-percentage> - CSS: Cascading Style Sheets
the <frequency-percentage> css data type represents a
value that can be either a <frequency> or a <percentage>.
... frequency
values, e.g.
... syntax the
value of a <frequency-percentage> is either a <frequency> or a <percentage>; see their individual reference pages for details about their syntaxes.
...And 4 more matches
grid-column-start - CSS: Cascading Style Sheets
syntax /* keyword
value */ grid-column-start: auto; /* <custom-ident>
value */ grid-column-start: somegridarea; /* <integer> + <custom-ident>
values */ grid-column-start: 2; grid-column-start: somegridarea 4; /* span + <integer> + <custom-ident>
values */ grid-column-start: span 3; grid-column-start: span somegridarea; grid-column-start: span somegridarea 5; /* global
values */ grid-column-start: inherit; grid-colum...
...n-start: initial; grid-column-start: unset; this property is specified as a single <grid-line>
value.
... a <grid-line>
value can be specified as: either the auto keyword or a <custom-ident>
value or an <integer>
value or both <custom-ident> and <integer>, separated by a space or the keyword span together with either a <custom-ident> or an <integer> or both.
...And 4 more matches
grid-column - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: grid-column-end grid-column-start syntax this property is specified as one or two <grid-line>
values.
... if two <grid-line>
values are given they are separated by "/".
... the grid-column-start longhand is set to the
value before the slash, and the grid-column-end longhand is set to the
value after the slash.
...And 4 more matches
grid-row-start - CSS: Cascading Style Sheets
syntax /* keyword
value */ grid-row-start: auto; /* <custom-ident>
values */ grid-row-start: somegridarea; /* <integer> + <custom-ident>
values */ grid-row-start: 2; grid-row-start: somegridarea 4; /* span + <integer> + <custom-ident>
values */ grid-row-start: span 3; grid-row-start: span somegridarea; grid-row-start: 5 somegridarea span; /* global
values */ grid-row-start: inherit; grid-row-start: initial; grid-row...
...-start: unset; this property is specified as a single <grid-line>
value.
... a <grid-line>
value can be specified as: either the auto keyword or a <custom-ident>
value or an <integer>
value or both <custom-ident> and <integer>, separated by a space or the keyword span together with either a <custom-ident> or an <integer> or both.
...And 4 more matches
grid-template-columns - CSS: Cascading Style Sheets
syntax /* keyword
value */ grid-template-columns: none; /* <track-list>
values */ grid-template-columns: 100px 1fr; grid-template-columns: [linename] 100px; grid-template-columns: [linename1] 100px [linename2 linename3]; grid-template-columns: minmax(100px, 1fr); grid-template-columns: fit-content(40%); grid-template-columns: repeat(3, 200px); grid-template-columns: subgrid; /* <auto-track-list>
values */ grid-template-columns: 200px repeat(auto-fill, ...
...px) 300px; grid-template-columns: minmax(100px, max-content) repeat(auto-fill, 200px) 20%; grid-template-columns: [linename1] 100px [linename2] repeat(auto-fit, [linename3 linename4] 300px) 100px; grid-template-columns: [linename1 linename2] 100px repeat(auto-fit, [linename1] 300px) [linename3]; /* global
values */ grid-template-columns: inherit; grid-template-columns: initial; grid-template-columns: unset;
values none indicates that there is no explicit grid.
... <percentage> is a non-negative <percentage>
value relative to the inline size of the grid container.
...And 4 more matches
grid - CSS: Cascading Style Sheets
the sub-properties you don’t specify are set to their initial
value, as normal for shorthands.
... constituent properties this property is a shorthand for the following css properties: grid-auto-columns grid-auto-flow grid-auto-rows grid-template-areas grid-template-columns grid-template-rows syntax /* <'grid-template'>
values */ grid: none; grid: "a" 100px "b" 1fr; grid: [linename1] "a" 100px [linename2]; grid: "a" 200px "b" min-content; grid: "a" minmax(100px, max-content) "b" 20%; grid: 100px / 200px; grid: minmax(400px, min-content) / repeat(auto-fill, 50px); /* <'grid-template-rows'> / [ auto-flow && dense?
...
values */ grid: 200px / auto-flow; grid: 30% / auto-flow dense; grid: repeat(3, [line1 line2 line3] 200px) / auto-flow 300px; grid: [line1] minmax(20em, max-content) / auto-flow dense 40%; /* [ auto-flow && dense?
...And 4 more matches
image-orientation - CSS: Cascading Style Sheets
the flip and <angle>
values were made obsolete in firefox 63.
... /* keyword
values */ image-orientation: none; image-orientation: from-image; /* use exif data from the image */ /* global
values */ image-orientation: inherit; image-orientation: initial; image-orientation: unset; /* obsolete
values.
... obsolete since gecko 63 */ image-orientation: 90deg; /* rotate 90deg */ image-orientation: 90deg flip; /* rotate 90deg, and flip it horizontally */ image-orientation: flip; /* no rotation, only applies a horizontal flip */ syntax
values none default initial
value.
...And 4 more matches
<integer> - CSS: Cascading Style Sheets
note: there is no official range of valid <integer>
values.
... opera 12.1 supports
values up to 215-1, ie up to 220-1, and other browsers even higher.
... during the css3
values cycle there was a lot of discussion about setting a minimum range to support: the latest decision, in april 2012 during the lc phase, was [-227-1; 227-1], but other
values like 224-1 and 230-1 were also proposed.
...And 4 more matches
linear-gradient() - CSS: Cascading Style Sheets
or 10% of the way across the length of the gradient, taking the rest of the 90% of the length to change to blue */ linear-gradient(.25turn, red, 10%, blue); /* multi-position color stop: a gradient tilted 45 degrees, with a red bottom-left half and a blue top-right half, with a hard line where the gradient changes from red to blue */ linear-gradient(45deg, red 0 50%, blue 50% 100%);
values <side-or-corner> the position of the gradient line's starting point.
... the
values to top, to bottom, to left, and to right are equivalent to the angles 0deg, 180deg, 270deg, and 90deg, respectively.
... the other
values are translated into an angle.
...And 4 more matches
list-style-type - CSS: Cascading Style Sheets
only a few elements (<li> and <summary>) have a default
value of display: list-item.
... however, the list-style-type property may be applied to any element whose display
value is set to list-item.
... syntax /* partial list of types */ list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: decimal; list-style-type: georgian; list-style-type: trad-chinese-informal; list-style-type: kannada; /* <string>
value */ list-style-type: '-'; /* identifier matching an @counter-style rule */ list-style-type: custom-counter-style; /* keyword
value */ list-style-type: none; /* global
values */ list-style-type: inherit; list-style-type: initial; list-style-type: unset; the list-style-type property may be defined as any one of: a <custom-ident>
value a symbols()
value a <string>
value the keyword none.
...And 4 more matches
margin-bottom - CSS: Cascading Style Sheets
a positive
value places it farther from its neighbors, while a negative
value places it closer.
... syntax /* <length>
values */ margin-bottom: 10px; /* an absolute length */ margin-bottom: 1em; /* relative to the text size */ margin-bottom: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-bottom: auto; /* global
values */ margin-bottom: inherit; margin-bottom: initial; margin-bottom: unset; the margin-bottom property is specified as the keyword auto, or a <length>, or a <percentage>.
... its
value can be positive, zero, or negative.
...And 4 more matches
margin-top - CSS: Cascading Style Sheets
a positive
value places it farther from its neighbors, while a negative
value places it closer.
... syntax /* <length>
values */ margin-top: 10px; /* an absolute length */ margin-top: 1em; /* relative to the text size */ margin-top: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-top: auto; /* global
values */ margin-top: inherit; margin-top: initial; margin-top: unset; the margin-top property is specified as the keyword auto, or a <length>, or a <percentage>.
... its
value can be positive, zero, or negative.
...And 4 more matches
mask-border-slice - CSS: Cascading Style Sheets
syntax /* all sides */ mask-border-slice: 30%; /* vertical | horizontal */ mask-border-slice: 10% 30%; /* top | horizontal | bottom */ mask-border-slice: 30 30% 45; /* top | right | bottom | left */ mask-border-slice: 7 12 14 5; /* using the `fill` keyword */ mask-border-slice: 10% fill 7 12; /* global
values */ mask-border-slice: inherit; mask-border-slice: initial; mask-border-slice: unset; the mask-border-slice property may be specified using one to four <number-percentage>
values to represent the position of each image slice.
... negative
values are invalid;
values greater than their corresponding dimension are clamped to 100%.
... when two positions are specified, the first
value creates slices measured from the top and bottom, the second creates slices measured from the left and right.
...And 4 more matches
mask-mode - CSS: Cascading Style Sheets
/* keyword
values */ mask-mode: alpha; mask-mode: luminance; mask-mode: match-source; /* multiple
values */ mask-mode: alpha, match-source; /* global
values */ mask-mode: inherit; mask-mode: initial; mask-mode: unset; syntax the mask-mode property is specified as one or more of the keyword
values listed below, separated by commas.
...
values alpha this keyword indicates that the transparency (alpha channel)
values of the mask layer image should be used as the mask
values.
... luminance this keyword indicates that the luminance
values of the mask layer image should be used as the mask
values.
...And 4 more matches
offset-anchor - CSS: Cascading Style Sheets
syntax /* keyword
values */ offset-anchor: top; offset-anchor: bottom; offset-anchor: left; offset-anchor: right; offset-anchor: center; offset-anchor: auto; /* <percentage>
values */ offset-anchor: 25% 75%; /* <length>
values */ offset-anchor: 0 0; offset-anchor: 1cm 2cm; offset-anchor: 10ch 8em; /* edge offsets
values */ offset-anchor: bottom 10px right 20px; offset-anchor: right 3em bottom 10px; /* global
values */ offset-anchor: inherit; offset-anchor: initial; offset-anchor: unset;
values auto offset-anchor is given the same
value as the element's transform-origin, unless offset-path is none, in which case it takes its
value f...
...it can be defined using one to four
values.
...note that the 3-
value position syntax does not work for any usage of <position>, except for in background(-position).
...And 4 more matches
offset-position - CSS: Cascading Style Sheets
syntax /* keyword
values */ offset-position: auto; offset-position: top; offset-position: bottom; offset-position: left; offset-position: right; offset-position: center; /* <percentage>
values */ offset-position: 25% 75%; /* <length>
values */ offset-position: 0 0; offset-position: 1cm 2cm; offset-position: 10ch 8em; /* edge offsets
values */ offset-position: bottom 10px right 20px; offset-position: right 3em bottom 10px; offset-position: bottom 10px right; offset-position: top right 10px; /* global
values */ offset-position: inherit; offset-position: initial; offset-position: unset;
values auto the initial position is the position of the box specified by the position property.
...it can be defined using one to four
values.
... if two non-keyword
values are used, the first
value represents the horizontal position and the second represents the vertical position.
...And 4 more matches
overflow - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: overflow-x overflow-y syntax /* keyword
values */ overflow: visible; overflow: hidden; overflow: clip; overflow: scroll; overflow: auto; overflow: hidden visible; /* global
values */ overflow: inherit; overflow: initial; overflow: unset; the overflow property is specified as one or two keywords chosen from the list of
values below.
...otherwise, both overflow-x and overflow-y are set to the same
value.
...
values visible content is not clipped and may be rendered outside the padding box.
...And 4 more matches
overscroll-behavior - CSS: Cascading Style Sheets
/* keyword
values */ overscroll-behavior: auto; /* default */ overscroll-behavior: contain; overscroll-behavior: none; /* two
values */ overscroll-behavior: auto contain; /* global
values */ overscroll-behavior: inherit; overscroll-behavior: initial; overscroll-behavior: unset; by default, mobile browsers tend to provide a "bounce" effect or even a page refresh when the top or bottom of a page (or other scroll area) is reached.
... syntax the overscroll-behavior property is specified as one or two keywords chosen from the list of
values below.
... two keywords specifies the overscroll-behavior
value on the x and y axes respectively.
...And 4 more matches
page-break-after - CSS: Cascading Style Sheets
/* keyword
values */ page-break-after: auto; page-break-after: always; page-break-after: avoid; page-break-after: left; page-break-after: right; page-break-after: recto; page-break-after: verso; /* global
values */ page-break-after: inherit; page-break-after: initial; page-break-after: unset; this property applies to block elements that generate a box.
... syntax
values auto initial
value.
...a subset of
values should be aliased as follows: page-break-after break-after auto auto left left right right avoid avoid always page formal definition initial
valueautoapplies toblock-level elements in the normal flow of the root element.
...And 4 more matches
<percentage> - CSS: Cascading Style Sheets
the <percentage> css data type represents a percentage
value.
... note: only calculated
values can be inherited.
... thus, even if a percentage
value is used on the parent property, a real
value (such as a width in pixels for a <length>
value) will be accessible on the inherited property, not the percentage
value.
...And 4 more matches
radial-gradient() - CSS: Cascading Style Sheets
syntax /* a gradient at the center of its container, starting red, changing to blue, and finishing green */ radial-gradient(circle at center, red 0, blue, green 100%)
values <position> the position of the gradient, interpreted in the same way as background-position or transform-origin.
...the
value can be circle (meaning that the gradient's shape is a circle with constant radius) or ellipse (meaning that the shape is an axis-aligned ellipse).
...the possible
values are: keyword description closest-side the gradient's ending shape meets the side of the box closest to its center (for circles) or meets both the vertical and horizontal sides closest to the center (for ellipses).
...And 4 more matches
repeating-linear-gradient() - CSS: Cascading Style Sheets
thus, the position of each ending color stop coincides with a starting color stop; if the color
values are different, this will result in a sharp visual transition.
...this gradient doesn't repeat because the last color stop defaults to 100% */ repeating-linear-gradient(0deg, blue, green 40%, red); /* a gradient repeating five times, going from the left to right, starting red, turning green, and back to red */ repeating-linear-gradient(to right, red 0%, green 10%, red 20%);
values <side-or-corner> the position of the gradient line's starting point.
... the
values to top, to bottom, to left, and to right are equivalent to the angles 0deg, 180deg, 270deg, and 90deg respectively.
...And 4 more matches
repeating-radial-gradient() - CSS: Cascading Style Sheets
thus, the position of each ending color stop coincides with a starting color stop; if the color
values are different, this will result in a sharp visual transition, which can be mitigated by repeating the first color as the last color.
... repeating-radial-gradient(circle at center, red 0, blue, green 30px); /* an elliptical gradient near the top left of its container, starting red, changing to green and back again, repeating five times between the center and the bottom right corner, and only once between the center and the top left corner */ repeating-radial-gradient(farthest-corner at 20% 20%, red 0, green, red 20%);
values <position> the position of the gradient, interpreted in the same way as background-position or transform-origin.
...the
value can be circle (meaning that the gradient's shape is a circle with constant radius) or ellipse (meaning that the shape is an axis-aligned ellipse).
...And 4 more matches
resize - CSS: Cascading Style Sheets
syntax /* keyword
values */ resize: none; resize: both; resize: horizontal; resize: vertical; resize: block; resize: inline; /* global
values */ resize: inherit; resize: initial; resize: unset; the resize property is specified as a single keyword
value from the list below.
...
values none the element offers no user-controllable method for resizing it.
... block the element displays a mechanism for allowing the user to resize it in the block direction (either horizontally or vertically, depending on the writing-mode and direction
value).
...And 4 more matches
scale - CSS: Cascading Style Sheets
this maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
value.
... syntax /* keyword
values */ scale: none; /* single
values */ /*
values of more than 1 make the element grow */ scale: 2; /*
values of less than 1 make the element shrink */ scale: 0.5; /* two
values */ scale: 2 0.5; /* three
values */ scale: 2 0.5 2;
values single number
value a <number> specifying a scale factor to make the affected element scale by the same factor along both the x and y axes.
... equivalent to a scale() (2d scaling) function with a single
value specified.
...And 4 more matches
text-underline-position - CSS: Cascading Style Sheets
the text-underline-position css property specifies the position of the underline which is set using the text-decoration property's underline
value.
... syntax /* single keyword */ text-underline-position: auto; text-underline-position: under; text-underline-position: left; text-underline-position: right; /* multiple keywords */ text-underline-position: under left; text-underline-position: right under; /* global
values */ text-underline-position: inherit; text-underline-position: initial; text-underline-position: unset; syntax
values auto the user agent uses its own algorithm to place the line at or under the alphabetic baseline.
... from-font if the font file includes information about a preferred position, use that
value.
...And 4 more matches
touch-action - CSS: Cascading Style Sheets
/* keyword
values */ touch-action: auto; touch-action: none; touch-action: pan-x; touch-action: pan-left; touch-action: pan-right; touch-action: pan-y; touch-action: pan-up; touch-action: pan-down; touch-action: pinch-zoom; touch-action: manipulation; /* global
values */ touch-action: inherit; touch-action: initial; touch-action: unset; by default, panning (scrolling) and pinching gestures are handled exclusively by the browser.
... when a gesture is started, the browser intersects the touch-action
values of the touched element and its ancestors, up to the one that implements the gesture (in other words, the first containing scrolling element).
...
values auto enable browser handling of all panning and zooming gestures.
...And 4 more matches
will-change - CSS: Cascading Style Sheets
/* keyword
values */ will-change: auto; will-change: scroll-position; will-change: contents; will-change: transform; /* example of <custom-ident> */ will-change: opacity; /* example of <custom-ident> */ will-change: left, top; /* example of two <animateable-feature> */ /* global
values */ will-change: inherit; will-change: initial; will-change: unset; proper usage of this property can be...
... be aware, that will-change may actually influence the visual appearance of elements, when used with property
values, that create a stacking context (e.g.
... syntax
values auto this keyword expresses no particular intent; the user agent should apply whatever heuristics and optimizations it normally does.
...And 4 more matches
DOM onevent handlers - Developer guides
when the element is built from the html, the
value of its onevent attributes are copied to the dom object that represents the element, so that accessing the attributes'
values using javascript will get the
value set in the html.
... further changes to the html attribute
value can be done via the setattribute method; making changes to the javascript property will have no effect.
...</p> <div></div> javascript then this javascript demonstrates that the
value of the html attribute is unaffected by changes to the javascript object's property.
...And 4 more matches
HTML attribute: readonly - HTML: Hypertext Markup Language
the attribute is not supported or relevant to <select> or input types that are already not mutable, such as checkbox and radio or cannot, by definition, start with a
value, such as the file input type.
... range and color, as both have default
values.
... because a read-only field cannot have it's
value changed by a user interaction, required does not have any effect on inputs with the readonly attribute also specified.
...And 4 more matches
<col> - HTML: Hypertext Markup Language
if not present, its default
value is 1.
...possible
values are: left, aligning the content to the left of the cell center, centering the content in the cell right, aligning the content to the right of the cell justify, inserting spaces into the textual content so that the content is justified in the cell if this attribute is not set, its
value is inherited from the align of the <colgroup> element this <col> element belongs too.
... if there are none, the left
value is assumed.
...And 4 more matches
<colgroup> - HTML: Hypertext Markup Language
if not present, its default
value is 1.
...possible
values are: left, aligning the content to the left of the cell center, centering the content in the cell right, aligning the content to the right of the cell justify, inserting spaces into the textual content so that the content is justified in the cell char, aligning the textual content on a special character with a minimal offset, defined by the char and charoff attributes.
... if this attribute is not set, the left
value is assumed.
...And 4 more matches
<meta>: The Document-level Metadata element - HTML: Hypertext Markup Language
if the attribute is present, its
value must be an ascii case-insensitive match for the string "utf-8".
... content this attribute contains the
value for the http-equiv or name attribute, depending on which is used.
...the attribute is named http-equiv(alent) because all the allowed
values are names of particular http headers: content-security-policy allows page authors to define a content policy for the current page.
...And 4 more matches
<table>: The Table element - HTML: Hypertext Markup Language
it may have the following
values: left: the table is displayed on the left side of the document; center: the table is displayed in the center of the document; right: the table is displayed on the right side of the document.
...if the length is defined using a percentage
value, the content will be centered and the total vertical space (top and bottom) will represent this
value.
... to achieve a similar effect, apply the border-collapse property to the <table> element, with its
value set to collapse, and the padding property to the <td> elements.
...And 4 more matches
<tfoot>: The Table Foot element - HTML: Hypertext Markup Language
possible
values are: left, aligning the content to the left of the cell center, centering the content in the cell right, aligning the content to the right of the cell justify, inserting spaces into the textual content so that the content is justified in the cell char, aligning the textual content on a special character with a minimal offset, defined by the char and charoff attributes unimplemented (...
... if this attribute is not set, the left
value is assumed.
... to achieve the same effect as the left, center, right or justify
values, use the css text-align property on it.
...And 4 more matches
<thead>: The Table Head element - HTML: Hypertext Markup Language
possible
values are: left, aligning the content to the left of the cell center, centering the content in the cell right, aligning the content to the right of the cell justify, inserting spaces into the textual content so that the content is justified in the cell char, aligning the textual content on a special character with a minimal offset, defined by the char and charoff attributes unimplemented (...
... if this attribute is not set, the left
value is assumed.
... to achieve the same effect as the left, center, right or justify
values, use the css text-align property on it.
...And 4 more matches
<tr>: The Table Row element - HTML: Hypertext Markup Language
possible
values are: left align the content of each cell at its left edge.
... if no
value is expressly set for align, the parent node's
value is inherited.
...this can be either an hexadecimal #rrggbb or #rgb
value or a color keyword.
...And 4 more matches
MIME types (IANA media types) - HTTP
an optional parameter can be added to provide additional details: type/subtype;parameter=
value for example, for any mime type whose main type is text, the optional charset parameter can be used to specify the character set used for the characters in the data.
... mime types are case-insensitive but are traditionally written in lowercase, with the exception of parameter
values, whose case may or may not have specific meaning.
... text list at iana text-only data including any human-readable content, source code, or textual data such as comma-separated
value (csv) formatted data.
...And 4 more matches
HTTP conditional requests - HTTP
http has a concept of conditional requests, where the result, and even the success of a request, can be changed by comparing the affected resources with the
value of a validator.
... principles http conditional requests are requests that are executed differently, depending on the
value of specific headers.
...as comparing the whole resource byte to byte is impracticable, and not always what is wanted, the request transmits a
value describing the version.
...And 4 more matches
ETag - HTTP
if the resource at a given url changes, a new etag
value must be generated.
... header type response header forbidden header name no syntax etag: w/"<etag_
value>" etag: "<etag_
value>" directives w/ optional 'w/' (case-sensitive) indicates that a weak validator is used.
...weak etag
values of two representations of the same resources might be semantically equivalent, but not byte-for-byte identical.
...And 4 more matches
Unicode property escapes - JavaScript
// non-binary
values \p{unicodeproperty
value} \p{unicodepropertyname=unicodeproperty
value} // binary and non-binary
values \p{unicodebinarypropertyname} // negation: \p is negated \p \p{unicodeproperty
value} \p{unicodebinarypropertyname} general_category (gc) script (sc) script_extensions (scx) see also property
valuealiases.txt unicodebinarypropertyname the name of a binary property.
... unicodepropertyname the name of a non-binary property: unicodeproperty
value one of the tokens listed in the
values section, below.
... many
values have aliases or shorthand (e.g.
...And 4 more matches
Text formatting - JavaScript
it is a set of "elements" of 16-bit unsigned integer
values (utf-16 code units).
... const foo = new string('foo'); // creates a string object console.log(foo); // displays: [string: 'foo'] typeof foo; // returns 'object' you can call any of the methods of the string object on a string literal
value—javascript automatically converts the string literal to a temporary string object, calls the method, then discards the temporary string object.
...for example: const firststring = '2 + 2'; // creates a string literal
value const secondstring = new string('2 + 2'); // creates a string object eval(firststring); // returns the number 4 eval(secondstring); // returns the string "2 + 2" a string object has one property, length, that indicates the number of utf-16 code units in the string.
...And 4 more matches
The arguments object - JavaScript
arguments is an array-like object accessible inside functions that contains the
values of the arguments passed to that function.
... for example, if a function is passed 3 arguments, you can access them as follows: arguments[0] // first argument arguments[1] // second argument arguments[2] // third argument each argument can also be set or reassigned: arguments[1] = 'new
value'; the arguments object is not an array.
... arguments[@@iterator] returns a new array iterator object that contains the
values for each index in arguments.
...And 4 more matches
Atomics.add() - JavaScript
the static atomics.add() method adds a given
value at a given position in the array and returns the old
value at that position.
... this atomic operation guarantees that no other write happens until the modified
value is written back.
... syntax atomics.add(typedarray, index,
value) parameters typedarray an integer typed array.
...And 4 more matches
Atomics.exchange() - JavaScript
the static atomics.exchange() method stores a given
value at a given position in the array and returns the old
value at that position.
... this atomic operation guarantees that no other write happens between the read of the old
value and the write of the new
value.
... syntax atomics.exchange(typedarray, index,
value) parameters typedarray an integer typed array.
...And 4 more matches
Atomics.sub() - JavaScript
the static atomics.sub() method substracts a given
value at a given position in the array and returns the old
value at that position.
... this atomic operation guarantees that no other write happens until the modified
value is written back.
... syntax atomics.sub(typedarray, index,
value) parameters typedarray an integer typed array.
...And 4 more matches
Date.prototype[@@toPrimitive] - JavaScript
the [@@toprimitive]() method converts a date object to a primitive
value.
... syntax date()[symbol.toprimitive](hint); return
value the primitive
value of the given date object.
... description the [@@toprimitive]() method of the date object returns a primitive
value, that is either of type number or of type string.
...And 4 more matches
Date.prototype.setFullYear() - JavaScript
syntax dateobj.setfullyear(year
value[, month
value[, date
value]]) parameters year
value an integer specifying the numeric
value of the year, for example, 1995.
... month
value optional.
... date
value optional.
...And 4 more matches
Date.prototype.setUTCFullYear() - JavaScript
syntax dateobj.setutcfullyear(year
value[, month
value[, day
value]]) parameters year
value an integer specifying the numeric
value of the year, for example, 1995.
... month
value optional.
... day
value optional.
...And 4 more matches
Function.prototype.apply() - JavaScript
the apply() method calls a function with a given this
value, and arguments provided as an array (or an array-like object).
... syntax func.apply(thisarg, [ argsarray]) parameters thisarg the
value of this provided for the call to func.
... note that this may not be the actual
value seen by the method: if the method is a function in non-strict mode code, null and undefined will be replaced with the global object, and primitive
values will be boxed.
...And 4 more matches
Generator.prototype.return() - JavaScript
the return() method returns the given
value and finishes the generator.
... syntax gen.return(
value) parameters
value the
value to return.
... return
value the
value that is given as an argument.
...And 4 more matches
Intl.DateTimeFormat.prototype.resolvedOptions() - JavaScript
syntax datetimeformat.resolvedoptions() return
value a new object with properties reflecting the locale and date and time formatting options computed during the initialization of the given datetimeformat object.
...if any unicode extension
values were requested in the input bcp 47 language tag that led to this locale, the key-
value pairs that were requested and are supported for this locale are included in locale.
..."gregory" numberingsystem the
values requested using the unicode extension keys "ca" and "nu" or filled in as default
values.
...And 4 more matches
Intl.ListFormat.prototype.formatToParts() - JavaScript
the intl.listformat.prototype.formattoparts() method returns an array of objects representing the different components that can be used to format a list of
values in a locale-aware fashion.
... syntax intl.listformat.prototype.formattoparts(list) parameters list an array of
values to be formatted according to a locale.
... return
value an array of components which contains the formatted parts from the list.
...And 4 more matches
Intl.ListFormat.prototype.resolvedOptions() - JavaScript
syntax listformat.resolvedoptions() return
value an object with properties reflecting the locale and formatting options computed during the construction of the given listformat object.
...if any unicode extension
values were requested in the input bcp 47 language tag that led to this locale, the key-
value pairs that were requested and are supported for this locale are included in locale.
... style the
value provided for this property in the options argument of the constructor or the default
value ("long").
...And 4 more matches
Intl.Locale.prototype.numberingSystem - JavaScript
value description adlm adlam digits ahom ahom digits arab arabic-indic digits arabext extended arabic-indic digits armn armenian upper case numerals — algorithmic armnlow armenian lower case numerals — algorithmic bali balinese digits beng bengali digits bhks bhaiksuki digits brah...
...merals — algorithmic tamldec modern tamil decimal digits telu telugu digits thai thai digits tirh tirhuta digits tibt tibetan digits traditio traditional numerals — may be algorithmic vaii vai digits wara warang citi digits wcho wancho digits examples setting the numberingsystem
value via the locale string in the unicode locale string spec, the
values that numberingsystem represents correspond to the key nu.
...to set the numberingsystem
value via the string argument to the locale constructor, first add the -u extension key.
...And 4 more matches
Math.random() - JavaScript
use the web crypto api instead, and more precisely the window.crypto.getrandom
values() method.
... syntax math.random() return
value a floating-point, pseudo-random number between 0 (inclusive) and 1 (exclusive).
... getting a random number between 0 (inclusive) and 1 (exclusive) function getrandom() { return math.random(); } getting a random number between two
values this example returns a random number between the specified
values.
...And 4 more matches
Math.random() - JavaScript
use the web crypto api instead, and more precisely the window.crypto.getrandom
values() method.
... syntax math.random() return
value a floating-point, pseudo-random number between 0 (inclusive) and 1 (exclusive).
... getting a random number between 0 (inclusive) and 1 (exclusive) function getrandom() { return math.random(); } getting a random number between two
values this example returns a random number between the specified
values.
...And 4 more matches
Number.isNaN() - JavaScript
the number.isnan() method determines whether the passed
value is nan and its type is number.
... syntax number.isnan(
value) parameters
value the
value to be tested for nan.
... return
value true if the given
value is nan and its type is number; otherwise, false.
...And 4 more matches
Promise.resolve() - JavaScript
the promise.resolve() method returns a promise object that is resolved with a given
value.
... if the
value is a promise, that promise is returned; if the
value is a thenable (i.e.
... has a "then" method), the returned promise will "follow" that thenable, adopting its eventual state; otherwise the returned promise will be fulfilled with the
value.
...And 4 more matches
handler.get() - JavaScript
the handler.get() method is a trap for getting a property
value.
... return
value the get() method can return any
value.
... description the handler.get() method is a trap for getting a property
value.
...And 4 more matches
Reflect.set() - JavaScript
syntax reflect.set(target, propertykey,
value[, receiver]) parameters target the target object on which to set the property.
...
value the
value to set.
... receiver optional the
value of this provided for the call to target if a setter is encountered.
...And 4 more matches
Planned changes to shared memory - JavaScript
for top-level documents, two headers will need to be set: cross-origin-opener-policy with same-origin as
value (protects your origin from attackers) cross-origin-embedder-policy with require-corp as
value (protects victims from your origin) with these two headers set, postmessage() will no longer throw for sharedarraybuffer objects and shared memory across threads is therefore available.
... nested documents and dedicated workers will need to set the cross-origin-embedder-policy header as well with the same
value.
...same-site (but cross-origin) nested documents and subresources will need to set the cross-origin-resource-policy header with same-site as
value.
...And 4 more matches
String.prototype.lastIndexOf() - JavaScript
the lastindexof() method returns the index within the calling string object of the last occurrence of the specified
value, searching backwards from fromindex.
... returns -1 if the
value is not found.
... syntax str.lastindexof(search
value[, fromindex]) parameters search
value a string representing the
value to search for.
...And 4 more matches
String.prototype.localeCompare() - JavaScript
return
value a negative number if referencestr occurs before comparestring; positive if the referencestr occurs after comparestring; 0 if they are equivalent.
... negative when the referencestr occurs before comparestring positive when the referencestr occurs after comparestring returns 0 if they are equivalent do not rely on exact return
values of -1 or 1!
... negative and positive integer results vary between browsers (as well as between browser versions) because the w3c specification only mandates negative and positive
values.
...And 4 more matches
TypedArray.prototype.findIndex() - JavaScript
see also the find() method, which returns the
value of a found element in the typed array instead of its index.
... syntax typedarray.findindex(callback[, thisarg]) parameters callback function to execute on each
value in the typed array, taking three arguments: element the current element being processed in the typed array.
... return
value an index in the array if an element passes the test; otherwise, -1.
...And 4 more matches
Conditional (ternary) operator - JavaScript
expriftrue : expriffalse parameters condition an expression whose
value is used as a condition.
... expriftrue an expression which is evaluated if the condition evaluates to a truthy
value (one which equals or can be converted to true).
... expriffalse an expression which is executed if the condition is falsy (that is, has a
value which can be converted to false).
...And 4 more matches
Optional chaining (?.) - JavaScript
the optional chaining operator (?.) permits reading the
value of a property located deep within a chain of connected objects without having to expressly validate that each reference in the chain is valid.
...chaining operator, except that instead of causing an error if a reference is nullish (null or undefined), the expression short-circuits with a return
value of undefined.
... syntax obj?.prop obj?.[expr] arr?.[index] func?.(args) description the optional chaining operator provides a way to simplify accessing
values through connected objects when it's possible that a reference or function may be undefined or null.
...And 4 more matches
delete operator - JavaScript
return
value true for all cases except when the property is an own non-configurable property, in which case, false is returned in non-strict mode.
... var employee = {}; object.defineproperty(employee, 'name', {configurable: false}); console.log(delete employee.name); // returns false var, let, and const create non-configurable properties that cannot be deleted with the delete operator: var nameother = 'xyz'; // we can access this global property using: object.getownpropertydescriptor(window, 'nameother'); // output: object {
value: "xyz", // writable: true, // enumerable: true, // configurable: false} // since "nameother" is added using with the // var keyword, it is marked as "non-configurable" delete nameother; // return false in strict mode, this would have raised an exception.
... object.defineproperty(globalthis, 'variable1', {
value: 10, configurable: true, }); object.defineproperty(globalthis, 'variable2', {
value: 10, configurable: false, }); // syntaxerror in strict mode.
...And 4 more matches
let - JavaScript
the let statement declares a block-scoped local variable, optionally initializing it to a
value.
... syntax let var1 [=
value1] [, var2 [=
value2]] [, ..., varn [=
valuen]; parameters var1, var2, …, varn the names of the variable or variables to declare.
...
value1,
value2, …,
valuen optional for each variable declared, you may optionally specify its initial
value to any legal javascript expression.
...And 4 more matches
Statements and declarations - JavaScript
switch evaluates an expression, matching the expression's
value to a case clause, and executes statements associated with that case.
... declarations var declares a variable, optionally initializing it to a
value.
... let declares a block scope local variable, optionally initializing it to a
value.
...And 4 more matches
JavaScript typed arrays - JavaScript
as you may already know, array objects grow and shrink dynamically and can have any javascript
value.
...each entry in a javascript typed array is a raw binary
value in one of a number of supported formats, from 8-bit integers to 64-bit floating-point numbers.
...it clamps the
values between 0 and 255.
...And 4 more matches
<mstyle> - MathML
possible
values are either ltr (left to right) or rtl (right to left).
... decimalpoint this attribute is specifying the character for the alignment point within <mstack> and <mtable> columns, if the decimalpoint
value is used to specify the alignment.
... displaystyle a boolean
value specifying whether more vertical space is used for displayed equations or, if set to false, a more compact layout is used to display formulas.
...And 4 more matches
Autoplay guide for media and Web Audio APIs - Web media technologies
all you can really do is examine a few
values and make an educated guess as to whether or not autoplay worked.
...we check for this because in earlier versions of the html specification, play() didn't return a
value.
... when using the allow attribute on an <iframe> to specify a feature policy for that frame and its nested frames, you can also specify the
value 'src' to allow autoplay of media only from the same domain as that specified by the frame's src attribute.
...And 4 more matches
enable-background - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eleven elements: <a>, <defs>, <glyph>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, and <symbol> context notes
value accumulate | new [ <x> <y> <width> <height> ]?
... default
value accumulate animatable no accumulate if an ancestor container element has a property
value of enable-background: new, then all graphics elements within the current container element are rendered both onto the parent container elementʼs background image canvas and onto the target device.
... this
value enables the ability of children of the current container element to access the background image.
...And 4 more matches
gradientUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default
value objectboundingbox animatable yes userspaceonuse this
value indicates that the attributes represent
values in the coordinate system that results from taking the current user coordinate system in place at the time when the gradient element is referenced (i.e., the user coordinate system for the element referencing the gradient element via a fill or stroke property) and then applying...
... percentages represent
values relative to the current svg viewport.
... objectboundingbox this
value indicates that the user coordinate system for the attributes is established using the bounding box of the element to which the gradient is applied and then applying the transform specified by attribute gradienttransform.
...And 4 more matches
rendering-intent - SVG: Scalable Vector Graphics
only one element is using this attribute: <color-profile> usage notes
value auto | perceptual | relative-colorimetric | saturation | absolute-colorimetric default
value auto animatable yes auto this
value allows the user agent to determine the best intent based on the content type.
... perceptual this
value preserves the relationship between colors.
... it attempts to maintain relative color
values among the pixels as they are mapped to the target device gamut.
...And 4 more matches
to - SVG: Scalable Vector Graphics
the to attribute indicates the final
value of the attribute that will be modified during the animation.
... the
value of the attribute will change between the from attribute
value and this
value.
...0%; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="100" height="100"> <animate attributetype="xml" attributename="width" fill="freeze" from="100" to="150" dur="3s"/> </rect> </svg> animate, animatecolor, animatemotion, animatetransform for <animate>, <animatecolor>, <animatemotion>, and <animatetransform>, to specifies the ending
value of the animation.
...And 4 more matches
vector-effect - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following ten elements: <circle>, <ellipse>, <foreignobject>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath> <tspan>, and <use> usage notes
value none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position default
value none animatable yes none this
value specifies that no vector effect shall be applied, i.e.
... non-scaling-stroke this
value modifies the way an object is stroked.
...the resulting visual effect of this
value is that the stroke width is not dependant on the transformations of the element (including non-uniform scaling and shear transformations) and zoom level.
...And 4 more matches
<ellipse> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default
value: 0; animatable: yes cy the y position of the ellipse.
...
value type: <length>|<percentage> ; default
value: 0; animatable: yes rx the radius of the ellipse on the x axis.
...
value type: auto|<length>|<percentage> ; default
value: auto; animatable: yes ry the radius of the ellipse on the y axis.
...And 4 more matches
<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
syntax <xsl:number count=expression level="single" | "multiple" | "any" from=expression
value=expression format=format-string lang=xml:lang-code letter-
value="alphabetic" | "traditional" grouping-separator=character grouping-size=number /> required attributes none.
...it has three valid
values: single, multiple, and any.
... the default
value is single: single numbers sibling nodes sequentially, as in the items in a list.
...And 4 more matches
Interacting with page scripts - Archive of obsolete content
t.js unsafewindow.contentscriptobject = {"greeting" : "hello from add-on"}; // page-script.js var button = document.getelementbyid("show-content-script-var"); button.addeventlistener("click", function() { // access object defined by content script console.log(window.contentscriptobject.greeting); // "hello from add-on" }, false); after firefox 30, you can still do this for primitive
values, but can no longer do it for objects.
...entscriptobject = cloneinto(contentscriptobject, unsafewindow); unsafewindow.assignedcontentscriptobject = contentscriptobject; the "page.html" file adds two buttons and assigns an event listener to each: one listener displays a property of the cloned object, and the other listener displays a property of the assigned object: <html> <head> </head> <body> <input id="works" type="button"
value="i will work"/> <input id="fails" type="button"
value="i will not work"/> <script> var works = document.getelementbyid("works"); works.addeventlistener("click", function() { alert(clonedcontentscriptobject.greeting); }, false); var fails = document.getelementbyid("fails"); fails.addeventlistener("click", function() { alert(assignedcontentscr...
...iptobject.greeting); }, false); </script> </body> </html> if you run the example, clicking "i will work" displays the
value of "greeting" in an alert.
...And 3 more matches
request - Archive of obsolete content
headers object an unordered collection of name/
value pairs representing headers to send with the request.
...if content is an object, it should be a collection of name/
value pairs.
...the default
value is application/x-www-form-urlencoded.
...And 3 more matches
tabs - Archive of obsolete content
ion 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).
... contentscriptoptions object you can use this option to define read-only
values for your content scripts.
... the option consists of an object literal listing name:
value pairs for the
values you want to provide to the content script.
...And 3 more matches
/loader - Archive of obsolete content
if the function assigned to resolve does not return a string
value, an exception will still be thrown as the loader will be unable to resolve the required module's location.
...when created with this option, loader will transparently mark all new global objects with the provided
value.
... 'toolkit/': 'resource://gre/modules/commonjs/toolkit/' }, // please note: both `globals` and `modules` are just for illustration // purposes we don't suggest populating them with these
values.
...And 3 more matches
content/symbiont - Archive of obsolete content
this may take one of the following
values: "start": load content scripts immediately after the document element for the page is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the t...
... contentscriptoptions object read-only
value exposed to content scripts under self.options property.
... any kind of jsonable
value (object, array, string, etc.) can be used here.
...And 3 more matches
platform/xpcom - Archive of obsolete content
either way, it will be accessible as the
value of the factory's id property.
...users of xpcom can use this
value to retrieve the factory from components.classes: var factory = components.classes['@me.org/request'] var component = factory.createinstance(ci.nsirequest); this parameter is formally optional, but if you don't specify it, users won't be able to retrieve your factory using a contract id.
... if specified, the contract id is accessible as the
value of the factory's contract property.
...And 3 more matches
Enhanced Extension Installation - Archive of obsolete content
}; tracking install locations since there are only two locations, the installed location of an extension is expressed throughout the code using a boolean
value, often referred to as isprofile - true if the item is installed in the profile directory's extensions folder.
... app-registry a registry-key based install location for items living at locations specified by a guid-to-path
value set within the registry at a predefined location.
...the format here is similar to firefox 1.0 except there is no longer a count
value that needs to be kept in sync with the number of lines...
...And 3 more matches
How to convert an overlay extension to restartless - Archive of obsolete content
switch (branch.getpreftype(prefname)) { default: case 0: return undefined; // pref_invalid case 32: return getucharpref(prefname,branch); // pref_string case 64: return branch.getintpref(prefname); // pref_int case 128: return branch.getboolpref(prefname); // pref_bool } } function setgenericpref(branch,prefname,pref
value) { switch (typeof pref
value) { case "string": setucharpref(prefname,pref
value,branch); return; case "number": branch.setintpref(prefname,pref
value); return; case "boolean": branch.setboolpref(prefname,pref
value); return; } } function setdefaultpref(prefname,pref
value) { var defaultbranch = services.prefs...
....getdefaultbranch(null); setgenericpref(defaultbranch,prefname,pref
value); } function getucharpref(prefname,branch) // unicode getcharpref { branch = branch ?
... branch : services.prefs; return branch.getcomplex
value(prefname, components.interfaces.nsisupportsstring).data; } function setucharpref(prefname,text,branch) // unicode setcharpref { var string = components.classes["@mozilla.org/supports-string;1"] .createinstance(components.interfaces.nsisupportsstring); string.data = text; branch = branch ?
...And 3 more matches
Session store API - Archive of obsolete content
in order to properly restore your extension's state when a tab is restored, it needs to use the session store api's settab
value() method to save any data it will need in order to restore its state, and then call gettab
value() to retrieve the previous setting when the tab is restored.
... saving a
value with a tab the following code will attach a key/
value pair to a tab, so that when the tab is restored, that pair is still associated with it.
... var ss = components.classes["@mozilla.org/browser/sessionstore;1"] .getservice(components.interfaces.nsisessionstore); var currenttab = gbrowser.selectedtab; var datatoattach = "i want to attach this"; ss.settab
value(currenttab, "key-name-here", datatoattach); this code sets the
value of the key "key-name-here" to datatoattach.
...And 3 more matches
Creating a dynamic status bar extension - Archive of obsolete content
l work: <?xml version="1.0" encoding="utf-8"?> <!doctype overlay> <overlay id="stockwatcher-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/javascript" src="chrome://stockwatcher/content/stockwatcher.js"/> <!-- firefox --> <statusbar id="status-bar"> <statusbarpanel id="stockwatcher" label="loading..." tooltiptext="current
value" onclick="stockwatcher.refreshinformation()" /> </statusbar> </overlay> also, notice that the definition of the status bar panel now includes a new property, onclick, which references the javascript function that will be executed whenever the user clicks on the status bar panel.
...in this case, we're using yahoo's comma-separated
values return to fetch easily-parsed stock quote data for google (ticker symbol goog).
...the true boolean
value in the third parameter indicates that we want to process the request asynchronously.
...And 3 more matches
Drag and Drop JavaScript Wrapper - Archive of obsolete content
if we wanted to handle the other cases also, we can call the other functions, as in the following example: <description
value="click and drag this text." ondraggesture="nsdraganddrop.startdrag(event,textobserver)" ondragover="nsdraganddrop.dragover(event,textobserver)" ondragexit="nsdraganddrop.dragexit(event,textobserver)" ondragdrop="nsdraganddrop.drop(event,textobserver)" /> as mentioned earlier, there is nothing special that happens during a dragenter event, so yo...
...(in javascript, properties can be declared with the syntax name :
value).
...of course, you would want to calculate this
value from the element that was clicked on.
...And 3 more matches
Using microformats - Archive of obsolete content
return
value an integer
value indicating the number of microformats that match the specified criteria.
... return
value a string that describes the contents of the specified microformat object.
... return
value a new array of microformat objects matching the search criteria, or the array specified by microformats with the newly found microformat objects added.
...And 3 more matches
JavaScript Client API - Archive of obsolete content
put into it all
values that you want to have encrypted, stored on the server, decrypted, and synced up.
... the skeleton of a sample record implementation: function foorecord(collection, id) { cryptowrapper.call(this, collection, id); } foorecord.prototype = { __proto__: cryptowrapper.prototype, _logname: "record.foo", ttl: foo_ttl, // optional get bar() this.cleartext.bar, set bar(
value) { this.cleartext.bar =
value; }, get baz() this.cleartext.baz, set baz(
value) { this.cleartext.baz =
value; } }; to save all that typing for declaring the getters and setters, you can also use utils.defergetset: function foorecord(collection, id) { cryptowrapper.call(this, collection, id); } foorecord.prototype = { __proto__: cryptowrapper.prototype, _logname: "record.fo...
...this can be a dictionary-type object where the keys are the guids and the
values are whatever; or it can simply be a list of guids.
...And 3 more matches
Using Breakpoints in Venkman - Archive of obsolete content
one of the most important aspects of debugging a script or software program is the ability to examine variables—function return
values, errors, counters, variable scopes—as they change over the course of the script execution.
...stopped there, venkman displays the
value of the newsign variable as "1" in the local variables view.
... using breakpoints and the interactive view, you can change the
values of the variables that venkman displays (only in the context of the debugging environment itself) and see how these changes affect the execution of the code.
...And 3 more matches
Anonymous Content - Archive of obsolete content
for example, on the html file upload control, the anonymous textfield can be set up to automatically inherit the
value attribute from the bound element.
... <xbl:binding id="fileuploadcontrol"> <xbl:content> <html:input type="text" xbl:inherits="
value"/> <html:input type="button"
value="browse..."/> </xbl:content> </xbl:binding> each entry in the inherits list can either simply list an attribute (such as
value in the example above), or it can specify an = separated pair consisting of the attribute on the anonymous content that should be tied to the attribute on the bound element.
... the special
value xbl:text can be used in an = separated pair, where the prefix defined is the xbl namespace.
...And 3 more matches
confirm - Archive of obsolete content
the
value is calculated by multiplying the corresponding button position constant with a button title constant for each button, then adding the results and any additional options (see other constants).
... firefox on linux mozilla application suite on win32 it is therefore recommended to only use two buttons wherever possible, and to keep in mind that button 1 has the same return
value as "window closed" (see below).
... acheckstate an object with a boolean
value property representing the state of the checkbox: when the dialog box is shown, its checkbox will be checked when this object's
value is true.
...And 3 more matches
writeString - Archive of obsolete content
summary changes a
value in a .ini file.
... method of winprofile object syntax boolean writestring ( string section, string key, string
value); parameters the method has the following parameters: section section in the file, such as "boot" or "drivers".
... key the key in that section whose
value to change.
...And 3 more matches
popup.position - Archive of obsolete content
this
value can be specified either as a single word offering pre-defined alignment positions, or as 2 words specifying exactly which part of the anchor and popup should be aligned.
... if specified as 2 words, the
value indicates which corner or edge of the anchor (the first word) is aligned which which corner of the popup (the second word).
... the anchor
value (ie, the first word) can be one of topleft, topright, bottomleft, bottomright, leftcenter, rightcenter, topcenter or bottomcenter.
...And 3 more matches
How to implement a custom XUL query processor component - Archive of obsolete content
> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <grid> <columns> <column flex="1"/> <column flex="3"/> <column flex="2"/> <column flex="1"/> </columns> <rows datasources="dummy" ref="." querytype="simpledata"> <template> <row uri="?"> <label
value="?name"/> <label
value="?age"/> <label
value="?hair"/> <label
value="?eye"/> </row> </template> </rows> </grid> </window> a few things to note.
... we are not really using the datasources in our sample component, so we set it to a dummy
value.
...emplateresult.prototype = { queryinterface: xpcomutils.generateqi([components.interfaces.nsixultemplateresult]), // private storage _data: null, // right now our results are flat lists, so no containing/recursion take place iscontainer: false, isempty: true, mayprocesschildren: false, resource: null, type: "simple-item", get id() { return this._id; }, // return the
value of that bound variable such as ?name getbindingfor: function(avar) { // strip off the ?
...And 3 more matches
ContextMenus - Archive of obsolete content
<hbox id="container" align="center" oncontextmenu="..."> <label
value="name:"/> <textbox id="name"/> </hbox> in this example, an attempt to open a context menu anywhere inside the hbox will call the event listener attached using the oncontextmenu attribute.
...the
value of the context attribute should be the id of a context menu within the same document.
... <window id="main-window"> <popupset> <menupopup id="ins-del-menu"> <menuitem label="insert"/> <menuitem label="delete"/> </menupopup> </popupset> </window> <grid context="ins-del-menu"> <columns> <column/> <column flex="1"/> </columns> <rows id="rows"> <row align="center"> <label
value="name:"/> <textbox/> </row> </rows> </grid> the same context menu can be attached to multiple elements.
...And 3 more matches
Panels - Archive of obsolete content
<?xml-stylesheet href="chrome://global/skin" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <button label="details" type="panel"> <panel id="search-panel"> <label control="name"
value="name:"/> <textbox id="name"/> </panel> </button> </window> many panels will be associated with a button, as in this example.
...you also need to set the type attribute on the button to the
value panel, or the button will look and behave like a regular button.
... <label
value="search" popup="search-panel"/> <panel id="search-panel"> <label control="search"
value="terms:"/> <textbox id="search"/> </panel> to attach a panel to an non-button element, for instance to have a panel open when a label is clicked, use the popup attribute.
...And 3 more matches
Special Condition Tests - Archive of obsolete content
here is a previous example, rewritten to use the parent matching syntax: <vbox datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="*"/> <rule parent="vbox"> <action> <groupbox uri="?"> <caption label="?name"/> </groupbox> </action> </rule> <rule> <action> <label uri="?"
value="?name"/> </action> </rule> </template> </vbox> previously, an assign element was used to assign the tagname of the result to a variable, which was then compared in a rule condition.
...note the parent attribute on the rule element, set to the
value vbox.
...for instance, we might use the following: <vbox datasources="template-guide-streets.rdf" ref="http://www.xulplanet.com/rdf/myneighbourhood"> <template> <rule parent="vbox"> <groupbox uri="rdf:*"> <caption label="rdf:http://purl.org/dc/elements/1.1/title"/> </groupbox> </rule> <rule> <label uri="rdf:*"
value="rdf:http://www.xulplanet.com/rdf/address"/> </rule> </template> </vbox> on the first pass, the container where generated content would be inserted is a <vbox>, so the first rule will match and a captioned <groupbox> will be created.
...And 3 more matches
Accesskey display rules - Archive of obsolete content
xul elements check "intl.menuitems.alwaysappendaccesskeys" pref
value whether they should append accesskey text always.
... if the
value is "true" (string), the accesskey text will be appended always.
... don't change the pref
value from your xul applications.
...And 3 more matches
Adding Event Handlers to XBL-defined Elements - Archive of obsolete content
this should be set to one of the
values set below: alt the user must press the alt key.
...> handlers example the following example adds some key handlers to create a very primitive local clipboard: example 1 : source <binding id="clipbox"> <content> <xul:textbox/> </content> <implementation> <field name="clipboard"/> </implementation> <handlers> <handler event="keypress" key="x" modifiers="control" action="this.clipboard=document.getanonymousnodes(this)[0].
value; document.getanonymousnodes(this)[0].
value='';"/> <handler event="keypress" key="c" modifiers="control" action="this.clipboard=document.getanonymousnodes(this)[0].
value;"/> <handler event="keypress" key="v" modifiers="control" action="document.getanonymousnodes(this)[0].
value=this.clipboard ?
...the code works as follows: this.clipboard=document.getanonymousnodes(this)[0].
value; the first element of the anonymous content array is retrieved which gives a reference to the textbox element, which happens to be the first (and only) element within the content element.
...And 3 more matches
Keyboard Shortcuts - Archive of obsolete content
if this
value is used, typically the key combination conflicts with system wide shortcut keys.
... so, you shouldn't use this
value as far as possible.
...usually, this would be the
value you would use.
...And 3 more matches
Popup Menus - Archive of obsolete content
the
value of the attribute must be set to the id of the menupopup that you want to have appear.
...the sample below shows how we might do this: example 1 : source view <popupset> <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </popupset> <box context="clipmenu"> <label
value="context click for menu"/> </box> here, the menupopup has been associated with a box.
... example 2 : source view <button label="save" tooltiptext="click here to save your stuff"/> <popupset> <tooltip id="moretip" orient="vertical" style="background-color: #33dd00;"> <description
value="click here to see more information"/> <description
value="really!" style="color: red;"/> </tooltip> </popupset> <button label="more" tooltip="moretip"/> these two buttons each have a tooltip.
...And 3 more matches
Splitters - Archive of obsolete content
the default
value is closest.
...the default
value is closest.
...the collapse has been set to a
value of before, meaning that if the splitter grippy is clicked on, the first frame would disappear and the splitter and the remaining frames would shuffle to the left.
...And 3 more matches
colorpicker - Archive of obsolete content
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.
...a change event is fired in different ways for different xul input elements as listed below: onchange type: script code textbox when enter key is pressed radio/check box when the state is changed select list when the selected item is changed what is accessible the script context at this point can only access the following things: global
values/functions i.e.
... properties accessibletype type: integer a
value indicating the type of accessibility object for the element.
...And 3 more matches
iframe - Archive of obsolete content
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="http://sf.net" /> <menuitem label="freshmeat"
value="http://freshmeat.net"/> </menupopup> </menulist> <iframe id="myframe" flex="1"/> <script> function donav(obj) { var url = obj.selecteditem.
value; // note the firstchild is the menupopup element document.ge...
... type type: one of the
values below.
...subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute
values (the common ones are content, content-targetable and content-primary) indicating that the subdocument is of content type.
...And 3 more matches
<statusbarpanel> - Archive of obsolete content
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 big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
... for example, for a menuitem in a menu you can add the following css rule when you want to use the
value none: menupopup > menuitem, menupopup > menu { max-width: none; } image type: uri the uri of the image to appear on the element.
...And 3 more matches
toolbar - Archive of obsolete content
the
value of this attribute should be a comma-separated list of item ids from the toolbarpalette or, additionally, any of the following strings: "separator", "spring", "spacer".
... customindex not in seamonkey 1.x type: integer this
value is the index of the toolbar in the list of the custom toolbars.
... the
value is updated automatically by the toolbar customization dialog.
...And 3 more matches
NPN_GetProperty - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary gets the
value of a property on the specified npobject.
...<tt>npobj</tt> the object from which a
value is to be retrieved.
... <tt>propertyname</tt> a string identifier indicating the name of the property whose
value is to be retrieved.
...And 3 more matches
NPN_SetProperty - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary sets the
value of a property on the specified npobject.
... syntax #include <npruntime.h> bool npn_setproperty(npp npp, npobject *npobj, npidentifier propertyname, const npvariant *
value); parameters the function has the following parameters: <tt>npp</tt> the npp indicating which plugin instance's is making the request.
... <tt>npobj</tt> the object on which a
value is to be set.
...And 3 more matches
-ms-hyphenate-limit-chars - Archive of obsolete content
the -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.
... initial
valueautoapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values auto corresponds to a
value of 5 2 2, indicating a 5-character word limit, 2 characters required before a hyphenation break, and 2 characters required following a hyphenation break.
... <integer>{1,3} one to three integer
values, corresponding to the word limit, the minimum number of characters required before a hyphenation break, and the minimum number of characters required following a hyphenation break, respectively.
...And 3 more matches
-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.
...
values -ms-scroll-limit-x-min the
value of the -ms-scroll-limit-x-min property.
...And 3 more matches
Canonical order - MDN Web Docs Glossary: Definitions of Web-related terms
in css, canonical order is used to refer to the order in which separate
values need to be specified (or parsed) or are to be serialized as part of a css property
value.
... it is defined by the formal syntax of the property and normally refers to the order in which longhand
values should be specified as part of a single shorthand
value.
... for example, background shorthand property
values are made up of several background-* longhand properties.
...And 3 more matches
Type - MDN Web Docs Glossary: Definitions of Web-related terms
type is a characteristic of a
value affecting what kind of data it can store, and the structure that the data will adhere to.
... for example, a boolean data type can hold only a true or false
value at any given time, whereas a string has the ability to hold a string or a sequence of characters, a number can hold numerical
values of any kind, and so on.
... a
value's data type also affects the operations that are valid on that
value.
...And 3 more matches
HTML: A good basis for accessibility - Learn web development
there are two other options for tabindex: tabindex="0" — as indicated above, this
value allows elements that are not normally tabbable to become tabbable.
... this is the most useful
value of tabindex.
...if they are decorational, it is better to write an empty text as a
value for alt attribute (see empty alt attributes) or to just include them in the page as css background images.
...And 3 more matches
HTML: A good basis for accessibility - Learn web development
there are two other options for tabindex: tabindex="0" — as indicated above, this
value allows elements that are not normally tabbable to become tabbable.
... this is the most useful
value of tabindex.
...if they are decorational, it is better to write an empty text as a
value for alt attribute (see empty alt attributes) or to just include them in the page as css background images.
...And 3 more matches
Getting started with CSS - Learn web development
to link styles.css to index.html add the following line somewhere inside the <head> of the html document: <link rel="stylesheet" href="styles.css"> this <link> element tells the browser that we have a stylesheet, using the rel attribute, and the location of that stylesheet as the
value of the href attribute.
... the list-style-type property is a good property to look at on mdn to see which
values are supported.
... take a look at the page for list-style-type and you will find an interactive example at the top of the page to try some different
values in, then all allowable
values are detailed further down the page.
...And 3 more matches
Styling links - Learn web development
the border-bottom
value has been set as 1px solid, with no color specified.
...css input</h2> <textarea id="code" class="css-input" style="width: 90%;height: 10em;padding: 10px;border: 1px solid #0095dd;">a { } a:link { } a:visited { } a:focus { } a:hover { } a:active { }</textarea> <h2>output</h2> <div class="output" style="width: 90%;height: 10em;padding: 10px;border: 1px solid #0095dd;"></div> <div class="controls"> <input id="reset" type="button"
value="reset" style="margin: 10px 10px 0 0;"> <input id="solution" type="button"
value="show solution" style="margin: 10px 0 0 10px;"> </div> </div> var htmlinput = document.queryselector(".html-input"); var cssinput = document.queryselector(".css-input"); var reset = document.getelementbyid("reset"); var htmlcode = htmlinput.
value; var csscode = cssinput.
value; var output = document.queryselec...
...tor(".output"); var solution = document.getelementbyid("solution"); var styleelem = document.createelement('style'); var headelem = document.queryselector('head'); headelem.appendchild(styleelem); function drawoutput() { output.innerhtml = htmlinput.
value; styleelem.textcontent = cssinput.
value; } reset.addeventlistener("click", function() { htmlinput.
value = htmlcode; cssinput.
value = csscode; drawoutput(); }); solution.addeventlistener("click", function() { htmlinput.
value = htmlcode; cssinput.
value = 'p {\n font-size: 1.2rem;\n font-family: sans-serif;\n line-height: 1.4;\n}\n\na {\n outline: none;\n text-decoration: none;\n padding: 2px 1px 0;\n}\n\na:link {\n color: #265301;\n}\n\na:visited {\n color: #437a16;\n}\n\na:focus {\n border-bottom: 1px solid;\n backgr...
...And 3 more matches
What are browser developer tools? - Learn web development
click a property name or
value to bring up a text box, where you can key in a new
value to get a live preview of a style change.
... you'll notice a number of clickable tabs at the top of the css viewer: computed: this shows the computed styles for the currently selected element (the final, normalized
values that the browser applies).
... find out more find more out about the inspector in different browsers: firefox page inspector ie dom explorer chrome dom inspector (opera's inspector works the same as this) safari dom inspector and style explorer the javascript debugger the javascript debugger allows you to watch the
value of variables and set breakpoints, places in your code that you want to pause execution and identify the problems that prevent your code from executing properly.
...And 3 more matches
Example 1 - Learn web development
basic state html <div class="select"> <span class="
value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> css /* --------------- */ /* required styles */ /* --------------- */ .select { position: relative; display : inline-block; } .select.active, .select:focus { box-shadow: 0 0 3px 1px #227755; outline: none; } .select .optlist { position: absolute; top : 100%; left : 0; } .select .optlist.hidden { max-height: 0; visibility: hidden; } /* ------------ */ /* fancy styles */ /* --------...
... -moz-box-sizing : border-box; box-sizing : border-box; padding : 0.1em 2.5em 0.2em 0.5em; /* 1px 25px 2px 5px */ width : 10em; /* 100px */ border : 0.2em solid #000; /* 2px */ border-radius : 0.4em; /* 4px */ box-shadow : 0 0.1em 0.2em rgba(0,0,0,.45); /* 0 1px 2px */ background : #f0f0f0; background : linear-gradient(0deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); } .select .
value { display : inline-block; width : 100%; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; vertical-align: top; } .select:after { content : "▼"; position: absolute; z-index : 1; height : 100%; width : 2em; /* 20px */ top : 0; right : 0; padding-top : .1em; -moz-box-sizing : border-box; box-sizing : border-box; text-align : ce...
...em; border-radius: 0 0 .4em .4em; box-shadow: 0 .2em .4em rgba(0,0,0,.4); box-sizing : border-box; min-width : 100%; max-height: 10em; /* 100px */ overflow-y: auto; overflow-x: hidden; } .select .option { padding: .2em .3em; } .select .highlight { background: #000; color: #ffffff; } result for basic state active state html <div class="select active"> <span class="
value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> css /* --------------- */ /* required styles */ /* --------------- */ .select { position: relative; display : inline-block; } .select.active, .select:focu...
...And 3 more matches
From object to iframe — other embedding technologies - Learn web development
playable code <h2>live output</h2> <div class="output" style="min-height: 250px;"> </div> <h2>editable code</h2> <p class="a11y-label">press esc to move focus away from the code area (tab inserts a tab character).</p> <textarea id="code" class="input" style="width: 95%;min-height: 100px;"> </textarea> <div class="playable-buttons"> <input id="reset" type="button"
value="reset"> <input id="solution" type="button"
value="show solution"> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; background: #f5f9fa; } const textarea = document.getelementbyid('code'); const reset = document.getelementbyid('reset'); const solution = document...
....getelementbyid('solution'); const output = document.queryselector('.output'); let code = textarea.
value; let userentry = textarea.
value; function updatecode() { output.innerhtml = textarea.
value; } reset.addeventlistener('click', function() { textarea.
value = code; userentry = textarea.
value; solutionentry = htmlsolution; solution.
value = 'show solution'; updatecode(); }); solution.addeventlistener('click', function() { if(solution.
value === 'show solution') { textarea.
value = solutionentry; solution.
value = 'hide solution'; } else { textarea.
value = userentry; solution.
value = 'show solution'; } updatecode(); }); const htmlsolution = '<iframe width="420" height="315" src="https://www.youtube.com/embed/qh2-tgulwu4" frameborder="0" allowfullscreen>\n</ifr...
...tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
value).substring(0, caretpos); const back = (textarea.
value).substring(textarea.selectionend, textarea.
value.length); textarea.
value = front + text + back; caretpos = caretpos + text.length; textarea.selectionstart = caretpos; textarea.selectionend = caretpos; textarea.focus(); textarea.scrolltop = scrollpos; } // update the saved usercode every time the user updates the text area code ...
...And 3 more matches
Making asynchronous programming easier with async and await - Learn web development
this is one of the traits of async functions — their return
values are guaranteed to be converted to promises.
... to actually consume the
value returned when the promise fulfills, since it is returning a promise, we could use a .then() block: hello().then((
value) => console.log(
value)) or even just shorthand such as hello().then(console.log) like we saw in the last article.
... so the async keyword is added to functions to tell them to return a promise rather than directly returning the
value.
...And 3 more matches
Image gallery - Learn web development
looping through the images we've already provided you with lines that store a reference to the thumb-bar <div> inside a constant called thumbbar, create a new <img> element, set its src attribute to a placeholder
value xxx, and append this new <img> element inside thumbbar.
... in each loop iteration, replace the xxx placeholder
value with a string that will equal the path to the image in each case.
... we are setting the
value of the src attribute to this
value in each case.
...And 3 more matches
Silly story generator - Learn web development
in addition you've got a function called random
valuefromarray() that takes an array, and returns one of the items stored inside the array at random.
... completing the result() function: create a new variable called newstory, and set its
value to equal storytext.
... create three new variables called xitem, yitem, and zitem, and make them equal to the result of calling random
valuefromarray() on your three arrays (the result in each case will be a random item out of each array it is called on).
...And 3 more matches
Framework main features - Learn web development
the curly braces around subject on line 4 tell the application to read the
value of the subject constant and insert it into our <h1>.
... like jsx, handlebars uses curly braces to inject the
value of a variable.
...this component should be responsible for tracking its own count state, and could be written like this: function counterbutton() { const [count] = usestate(0); return ( <button>clicked {count} times</button> ); } usestate() is a react hook which, given an initial data
value, will keep track of that
value as it is updated.
...And 3 more matches
Componentizing our React app - Learn web development
remember: when you're in the middle of a jsx expression, you use curly braces to inject the
value of a variable.
...the first (eat) should have a
value of true; the rest should be false: <todo name="eat" completed={true} /> <todo name="sleep" completed={false} /> <todo name="repeat" completed={false} /> as before, we must go back to todo.js to actually use these props.
... change the defaultchecked attribute on the <input /> so that its
value is equal to the completed prop.
...And 3 more matches
Implementing feature detection - Learn web development
} method on element return
value create an element in memory using document.createelement() and then check if a method exists on it.
... if it does, check what
value it returns.
... property on element retains
value create an element in memory using document.createelement(), set a property to a certain
value, then check to see if the
value is retained.
...And 3 more matches
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.
... after the packages have finished installing, try loading up an html file and a css file: you'll see any issues highlighted with green (for warnings) and red (for errors) circles next to the line numbers, and a separate panel at the bottom provides line numbers, error messages, and sometimes suggested
values or other fixes.
... unrecognised html elements are treated by the browser as anonymous inline elements (effectively inline elements with no semantic
value, similar to <span> elements).
...And 3 more matches
Creating Sandboxed HTTP Connections
getrequestheader(aheader) - returns the request header
value for the requested header.
... setrequestheader(aheader, a
value, amerge) - sets the request header's
value.
... if amerge is true, the new
value is appened, otherwise the old
value is overwritten.
...And 3 more matches
Displaying Places information using views
places provides the following built-in views: tree menu toolbar instantiating the three built-in views are simply standard xul elements with a special type attribute whose
value is "places".
...its
value is the uri of a query, and the data shown in the view are the results of this query.
...it does so by recognizing certain magic
values of the id attribute on your treecol elements.
...And 3 more matches
FileUtils.jsm
openfileoutputstream(nsifile file, int modeflags); nsifileoutputstream openatomicfileoutputstream(nsifile file, int modeflags); nsifileoutputstream opensafefileoutputstream(nsifile file, int modeflags); void closeatomicfileoutputstream(nsifileoutputstream stream); void closesafefileoutputstream(nsifileoutputstream stream); constants constant
value description mode_rdonly 0x01 corresponds to the pr_rdonly parameter to pr_open mode_wronly 0x02 corresponds to the pr_wronly parameter to pr_open mode_create 0x08 corresponds to the pr_create_file parameter to pr_open mode_append 0x10 corresponds to the pr_append parameter to pr_open mode_truncate 0x20 corresponds to th...
... return
value returns a nsifile object for the file specified.
... return
value returns a nsifile object for the location specified.
...And 3 more matches
OS.File for the main thread
this example also shows the resolve
value of open (an instance of os.file, this is a file, so you can do any of the methods on it found here), write (a number indicating bytes written), and close (undefined, meaning there is no resolve
value).
...you can build these flags from
values os.constants.libc.o_*.
...you can build this mode from
values os.constants.libc.s_i*.
...And 3 more matches
PLHashEntry
an entry has a key and a
value, represented by the following fields in the plhashentry structure.
... const void *key; void *
value; the key field is a pointer to an opaque key.
... the
value field is a pointer to an opaque
value.
...And 3 more matches
PL_NewHashTable
syntax #include <plhash.h> plhashtable *pl_newhashtable( pruint32 numbuckets, plhashfunction keyhash, plhashcomparator keycompare, plhashcomparator
valuecompare, const plhashallocops *allocops, void *allocpriv ); parameters the function has the following parameters: numbuckets the number of buckets in the hash table.
...
valuecompare function used to compare keys of entries.
...you can pass a
value of 0 as numbuckets to create the default number of buckets in the new table.
...And 3 more matches
PR_AtomicSet
atomically sets a 32-bit
value and return its previous contents.
... syntax #include <pratom.h> print32 pr_atomicset( print32 *val, print32 newval); parameters the function has the following parameter: val a pointer to the
value to be set.
... newval the new
value to assign to the val parameter.
...And 3 more matches
NSS tools : crlutil
for example: 20050204153000z * add an extension to a crl or a crl certificate entry: addext extension-name critical/non-critical [arg1[arg2 ...]] where: extension-name: string
value of a name of known extensions.
... * add certificate entries(s) to crl: addcert range date range: two integer
values separated by dash: range of certificates that will be added by this command.
... * remove certificate entry(s) from crl rmcert range where: range: two integer
values separated by dash: range of certificates that will be added by this command.
...And 3 more matches
NSS Tools crlutil
for example: 20050204153000z add an extension to a crl or a crl certificate entry: addext extension-name critical/non-critical [arg1[arg2 ...]] where: extension-name: string
value of a name of known extensions.
... add certificate entries(s) to crl: addcert range date where: range: two integer
values separated by dash: range of certificates that will be added by this command.
... remove certificate entry(s) from crl rmcert range where: range: two integer
values separated by dash: range of certificates that will be added by this command.
...And 3 more matches
NSS tools : crlutil
for example: 20050204153000z * add an extension to a crl or a crl certificate entry: addext extension-name critical/non-critical [arg1[arg2 ...]] where: extension-name: string
value of a name of known extensions.
... * add certificate entries(s) to crl: addcert range date range: two integer
values separated by dash: range of certificates that will be added by this command.
... * remove certificate entry(s) from crl rmcert range where: range: two integer
values separated by dash: range of certificates that will be added by this command.
...And 3 more matches
Tutorial: Embedding Rhino
result could be a string, javascript object, or other
values.
... the tostring method converts any javascript
value to a string.
...ject wrappedout = context.javatojs(system.out, scope); scriptableobject.putproperty(scope, "out", wrappedout); these lines add a global variable out that is a javascript reflection of the system.out variable: $ java runscript2 "out.println(42)" 42.0 undefined using javascript objects from java after evaluating a script it's possible to query the scope for variables and functions, extracting
values and calling javascript functions.
...And 3 more matches
The JavaScript Runtime
types and
values there are six fundamental types in javascript.
... these types are implemented with the following java types and
values: javascript fundamental type java type undefined a singleton object defined by context.getundefinedtype() null null boolean java.lang.boolean number java.lang.number, that is, any of java.lang.byte, java.lang.short, java.lang.integer, java.lang.float, or java.lang.double.
... since javascript is a dynamically typed language, the static java type of a javascript
value is java.lang.object.
...And 3 more matches
Exact Stack Rooting
}; rootedobject obj(cx, newobject(cx, &fooclass, nullptr(), nullptr(), &obj)); rooted
value v(cx, object_to_
value(othergcthing)); jsobject::setreservedslot(obj, 0, v); storing a gcpointer on the cheap todo: tracing and heapptr storing a gcpointer on the cstack gcpointers stored on the cstack are special.
...instead, spidermonkey has a convenient suite of c++ raii classes to do this for you, called js::rootedt: rootedstring str1(cx, js_
valuetostring(cx, val)); rootedstring str2(rt, js_
valuetostring(cx, val)); note 1: c++ insists that an initializing assignment (e.g., the default constructor followed by operator=) must have a copy constructor available, even if it is not used.
...if we have a method taking handle<
value>*, then out->setobject(foo) will not work as expected.
...And 3 more matches
JS::Add*Root
syntax bool js::add
valueroot(jscontext *cx, js::heap<js::
value> *vp); bool js::addstringroot(jscontext *cx, js::heap<jsstring *> *rp); bool js::addobjectroot(jscontext *cx, js::heap<jsobject *> *rp); bool js::addnamed
valueroot(jscontext *cx, js::heap<js::
value> *vp, const char *name); bool js::addnamed
valuerootrt(jsruntime *rt, js::heap<js::
value> *vp, const char *name); ...
... vp js::heap<js::
value> the address of the js::
value variable to root.
... vp/rp is the address of a c/c++ variable (or field, or array element) of type js::
value, jsstring *, jsobject *, or jsscript *.
...And 3 more matches
JS::Construct
syntax bool js::construct(jscontext *cx, js::handle
value fun, const js::handle
valuearray& args, js::mutablehandle
value rval); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... fun js::handle
value pointer to the function to call.
... args js::handle
valuearray & arguments you are passing to the function.
...And 3 more matches
JSVAL_LOCK
locks a js
value to prevent garbage collection on it.
...to lock a
value, use local roots with js_addroot.
... jsval_lock locks a js
value, v, to prevent the
value from being garbage collected.
...And 3 more matches
JSVAL_UNLOCK
unlocks a js
value, enabling garbage collection on it.
...to unlock a
value, use local roots with js_removeroot.
... jsval_unlock unlocks a previously locked js
value, v, so it can be garbage collected.
...And 3 more matches
JS_CheckAccess
on success, *vp receives the property's stored
value.
...it is one of the following
values:
value description jsacc_proto check for permission to read to obj's prototype.
... jsacc_read check for permission to get the property's
value.
...And 3 more matches
JS_DefinePropertyWithTinyId
syntax jsbool js_definepropertywithtinyid( jscontext *cx, jsobject *obj, const char *name, int8 tinyid, jsval
value, jspropertyop getter, jspropertyop setter, unsigned int attrs); jsbool js_defineucpropertywithtinyid( jscontext *cx, jsobject *obj, const jschar *name, size_t namelen, int8 tinyid, jsval
value, jspropertyop getter, jspropertyop setter, unsigned int attrs); name type description cx jscontext * the context in which to define the property.
...
value jsval initial stored
value for the new property.
... getter jspropertyop getproperty method for retrieving the current property
value.
...And 3 more matches
JS_EvaluateScript
on success, if rval is not null, *rval receives the result
value.
...if it is non-null, then on success, the result
value is stored in *rval.
... this
value is determined the same way as for the standard eval function.
...And 3 more matches
JS_ExecuteRegExp
syntax bool js_executeregexp(jscontext *cx, js::handleobject obj, js::handleobject reobj, char16_t *chars, size_t length, size_t *indexp, bool test, js::mutablehandle
value rval); bool js_executeregexpnostatics(jscontext *cx, js::handleobject reobj, char16_t *chars, size_t length, size_t *indexp, bool test, js::mutablehandle
value rval); name type description cx jscontext * the context.
... test bool pass true to avoid creating match result array and store boolean
value to rval.
... rval js::mutablehandle
value out parameter.
...And 3 more matches
JS_ExecuteScript
syntax bool js_executescript(jscontext *cx, js::handlescript script, js::mutablehandle
value rval); // added in spidermonkey 45 bool js_executescript(jscontext *cx, js::handlescript script); // added in spidermonkey 45 bool js_executescript(jscontext *cx, js::autoobjectvector &scopechain, js::handlescript script, js::mutablehandle
value rval); // added in spidermonkey 36 bool js_executescript(jscontext *cx, js::autoobjectvector &scopechain, js::handlescript script); // added in spidermonkey 36 bool js_executescript(jscontext *cx, js::handleobject obj, js::handlescript script, js::mutablehandle
value rval); // obsolete since jsapi 39 bool js_executescript(jscontext *cx, js::handleobject obj, js:...
... the this
value is obj.
... rval js::mutablehandle
value out parameter.
...And 3 more matches
JS_ForwardGetPropertyTo
this article covers features introduced in spidermonkey 17 find a specified property and retrieve its
value.
... syntax bool js_forwardgetpropertyto(jscontext *cx, js::handleobject obj, js::handleid id, js::handleobject onbehalfof, js::mutablehandle
value vp); bool js_forwardgetelementto(jscontext *cx, js::handleobject obj, uint32_t index, js::handleobject onbehalfof, js::mutablehandle
value vp); name type description cx jscontext * a context.
... vp js::mutablehandle
value out parameter.
...And 3 more matches
JS_GetElement
find a specified numeric property of an object and return its current
value.
... syntax bool js_getelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mutablehandle
value vp); name type description cx jscontext * the context in which to perform the property lookup.
... vp js::mutablehandle
value out parameter.
...And 3 more matches
JS_LookupElement
syntax bool js_lookupelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mutablehandle
value vp); name type description cx jscontext * the context in which to look up the property.
... vp js::mutablehandle
value out parameter.
... on success, *vp receives the stored
value of obj[index], or undefined if the element does not exist.
...And 3 more matches
extISessionStorage
return type method boolean has(in astring aname) void set(in astring aname, in nsivariant a
value) nsivariant get(in astring aname, in nsivariant adefault
value) attributes attribute type description events readonly attribute extievents the events object for the storage supports: "change" methods has() determines if a storage item exists with the given name.
... boolean has(in astring aname) parameters aname the name of an item return
value true if an item exists with the given name, false otherwise.
... set() sets the
value of a storage item with the given name.
...And 3 more matches
IAccessibleRelation
[propget] hresult localizedrelationtype( [out] bstr localizedrelationtype ); parameters localizedrelationtype return
value s_ok.
...[propget] hresult ntargets( [out] long ntargets ); parameters ntargets return
value s_ok.
... return
value s_ok.
...And 3 more matches
mozIStorageRow
last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) inherits from: mozistorage
valuearray method overview nsivariant getresultbyindex(in unsigned long aindex); nsivariant getresultbyname(in autf8string aname); methods getresultbyindex() returns the
value from a specific column in the row, using a zero-based index to identify the column.
... nsivariant getresultbyindex( in unsigned long aindex ); parameters aindex the zero-based index of the column number whose
value is to be returned.
... return
value an nsivariant object containing the
value of the specified column.
...And 3 more matches
mozIStorageService
return
value an nsifile object representing the newly-created backup file.
...if this
value is false, it is strongly recommended that the database be backed up with mozistorageconnection.backupdb() so user data is not lost.
... return
value a mozistorageconnection representing the connection to the opened database file.
...And 3 more matches
nsIAccessibleHyperLink
the returned
value is related to the nsiaccessiblehyperlink interface of the object that owns this hyperlink.
...the returned
value is related to the nsiaccessiblehyperlink interface of the object that owns this hyperlink.
... return
value the nsiaccessible object at the desired index.
...And 3 more matches
nsIBrowserSearchService
this
value may be overridden by an icon specified in the engine description file.
... confirm a boolean
value indicating whether the user should be asked for confirmation before this engine is added to the list.
... if this
value is false, the engine will be added to the list upon successful load, but it will not be selected as the current engine.
...And 3 more matches
nsIClipboardCommands
return
value true if an image is selected, false otherwise.
...return
value true if an image is selected, false otherwise.
...return
value true if a link is selected, false otherwise.
...And 3 more matches
nsIControllers
return
value the controller at the given position.
... return
value the controller element that was inserted with that id.
...return
value the number of controllers currently in the list of controllers.
...And 3 more matches
nsICookiePermission
(firefox 3) inherits from: nsisupports method overview nscookieaccess canaccess(in nsiuri auri, in nsichannel achannel); boolean cansetcookie(in nsiuri auri, in nsichannel achannel, in nsicookie2 acookie, inout boolean aissession, inout print64 aexpiry); nsiuri getoriginatinguri(in nsichannel achannel); void setaccess(in nsiuri auri, in nscookieaccess aaccess); constants constant
value description access_default 0 nscookieaccess's access default
value access_allow 1 nscookieaccess's access allow
value access_deny 2 nscookieaccess's access deny
value access_session 8 additional
values for nscookieaccess, which are not directly used by any methods on this interface, but are nevertheless convenient to define here.
... return
value one of the nscookieaccess
values: access_default, access_allow, or access_deny.
...cansetcookie may leave this
value unchanged to preserve this attribute of the cookie.
...And 3 more matches
nsIDOMStorage2
methods clear() clears the contents of this storage context; this removes all
values bound to the domain or origin.
... return
value a string containing the data corresponding to the specified key, or null if no data exists for the given key.
... return
value a string containing the requested key.
...And 3 more matches
nsIDispatchSupport
val the jsval to receive the converted
value.
...unsigned long gethostingflags( in string acontext ); parameters acontext return
value isclassmarkedsafeforscripting() test if the specified class is marked safe for scripting.
... return
value isclasssafetohost() test if the class is safe to host.
...And 3 more matches
nsIEffectiveTLDService
return
value an acstring containing the base domain (public suffix plus the requested number of additional parts).
... ns_error_insufficient_domain_levels this exception is thrown if there were insufficient subdomain levels in the hostname to satisfy the requested aadditionalparts
value.
... return
value an acstring containing the base domain (public suffix plus the requested number of additional parts).
...And 3 more matches
nsIExternalProtocolService
return
value true if we have a handler and false otherwise.
... return
value this code makes little sense and needs to be cleaned up.
... return
value the handler, if any; otherwise a default handler.
...And 3 more matches
nsIFaviconService
return
value a data url containing the data for the favicon.
... return
value returns the uri of the favicon associated with that page.
... return
value returns a uri that will give you the icon image.
...And 3 more matches
nsIFileProtocolHandler
return
value a reference to a new nsifile object.
... return
value corresponding url string.
... return
value corresponding url string.
...And 3 more matches
nsIJumpListBuilder
constants constant
value description jumplist_category_tasks 0 tasks are common actions performed by users within the application.
... return
value true if the operation completed successfully.
...ns_error_illegal_
value if an item is added that was removed since the last commit.
...And 3 more matches
nsILivemarkService
return
value the id of the folder for the livemark.
... return
value returns the id of the folder for the livemark.
... return
value a nsiuri representing the uri of the feed; if the livemark container doesn't have a valid feed uri, null will be returned or the nsiuri object returned will be the empty string.
...And 3 more matches
nsIMIMEInputStream
to create an instance, use: var mimeinputstream = components.classes["@mozilla.org/network/mime-input-stream;1"] .createinstance(components.interfaces.nsimimeinputstream); method overview void addheader(in string name, in string
value); void setdata(in nsiinputstream stream); attributes attribute type description addcontentlength boolean when true a "content-length" header is automatically added to the stream.
... the
value of the content-length is automatically calculated using the available() method on the data stream.
... the
value is recalculated every time the stream is rewound to the start.
...And 3 more matches
nsIMemory
return
value if the memory cannot be allocated (because of an out-of-memory condition), null is returned.
... return
value true if we are in a low-memory situation.
... return
value null if the memory allocation fails.
...And 3 more matches
nsIMemoryMultiReporterCallback
void callback( in acstring process, in autf8string path, in print32 kind, in print32 units, in print64 amount, in autf8string description, in nsisupports closure ); parameters process the
value of the process attribute for the memory reporter.
... path the
value of the path attribute.
... kind the
value of the kind attribute.
...And 3 more matches
nsIMimeConverter
return
value the
value of the property.
... decodemimeheadertocharptr() void setstringproperty(in string propertyname, in string property
value); parameters propertyname the name of the property to set.
... property
value the
value of the property.
...And 3 more matches
nsIMsgMessageService
amsgwindow nsimsgwindow for progress and status feedback return
values aurl the new nsiuri of the message.
... aurllistener an nsiurllistener amsgwindow nsimsgwindow for progress and status feedback return
values aurl the new nsiuri of the message.
... return
values aurl the new nsiuri of the message.
...And 3 more matches
nsINavHistoryContainerResultNode
this
value is intended to be used to see if the "+" should be drawn next to a tree item, indicating that the item can be opened.
...if there is no such api, this
value is an empty string.
... constants state constants constant
value description state_closed 0 the container is closed.
...And 3 more matches
nsIParserUtils
iparserutils); method overview astring converttoplaintext(in astring src, in unsigned long flags, in unsigned long wrapcol); nsidomdocumentfragment parsefragment(in astring fragment, in unsigned long flags, in boolean isxml, in nsiuri baseuri, in nsidomelement element); astring sanitize(in astring src, in unsigned long flags); constants constant
value description sanitizerallowcomments (1 << 0) flag for sanitizer: allow comment nodes.
... astring converttoplaintext( in astring src, in unsigned long flags, in unsigned long wrapcol ); parameters src the html source to parse (c++ callers are allowed but not required to use the same string for the return
value.) flags conversion option flags defined in nsidocumentencoder.
... return
value the plain text conversion of the html specified in src.
...And 3 more matches
nsIPermissionManager
constants permission type constants constant
value description unknown_action 0 default permission when no entry is found for a host.
... permission expiration constants constant
value description expire_never 0 permission never expires.
... return
value a pruint32 representing the permission, or unknown_action if no permission exists.
...And 3 more matches
nsIPluginHost
nsifile createtempfiletopost( in string apostdataurl ); parameters apostdataurl return
value native code only!createtmpfiletopost obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1)this feature is obsolete.
... void findproxyforurl( in string aurl, out string aresult ); parameters aurl aresult native code only!getplugin nsiplugin getplugin( in string amimetype ); parameters amimetype return
value getplugincount() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) void getplugincount( out unsigned long aplugincount ); parameters aplugincount native code only!getpluginfactory obsolete since gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0)this feature is obsolete.
... nsiplugin getpluginfactory( in string amimetype ); parameters amimetype return
value native code only!getpluginname get the plugin name for the plugin instance.
...And 3 more matches
nsISecurityCheckedComponent
for example, this capability allows code to set the
value of <input type="file"> and access an arbitrary file on disk.
... the two special return
values of '"allaccess" or "noaccess" unconditionally allow or deny access to the operation.
... return
value the capability required to call this method.
...And 3 more matches
nsISupportsArray
t); violates the xpcom interface guidelines boolean replaceelementat(in nsisupports aelement, in unsigned long aindex); violates the xpcom interface guidelines boolean sizeto(in long asize); violates the xpcom interface guidelines methods violates the xpcom interface guidelines appendelements() boolean appendelements( in nsisupportsarray aelements ); parameters aelements return
value clone() nsisupportsarray clone(); parameters none.
... return
value compact() void compact(); parameters none.
... deleteelementat() void deleteelementat( in unsigned long aindex ); parameters aindex deletelastelement() void deletelastelement( in nsisupports aelement ); parameters aelement violates the xpcom interface guidelines elementat() nsisupports elementat( in unsigned long aindex ); parameters aindex return
value enumeratebackwards() [notxpcom, noscript] boolean enumeratebackwards( in nsisupportsarrayenumfunc afunc, in voidptr adata ); parameters afunc adata return
value enumerateforwards() [notxpcom, noscript] boolean enumerateforwards( in nsisupportsarrayenumfunc afunc, in voidptr adata ); parameters afunc adata return
value violates the xpcom interface guidelines equals() boolean equals( [const] in nsisupportsarray other ); parameters other ...
...And 3 more matches
nsISupportsPriority
xpcom/threads/nsisupportspriority.idlscriptable this interface exposes the general notion of a scheduled object with an integral priority
value.
... following unix conventions, smaller (and possibly negative)
values have higher priority.
...typical priority
values are defined in the idl file as priority_highest ...
...And 3 more matches
nsITransactionListener
return
value willdo() called before a nsitransactionmanager calls a transaction's nsitransaction.dotransaction() method.
... return
value willendbatch() called before a nsitransactionmanager ends a batch.
... return
value willmerge() called before a nsitransactionmanager tries to merge a transaction, that was just executed, with the transaction at the top of the undo stack.
...And 3 more matches
nsITreeBoxObject
it is dynamically settable, either using a view attribute on the tree tag or by setting this attribute to a new
value.
...positive
values move down in the tree.
...positive
values move down in the tree.
...And 3 more matches
nsIWindowWatcher
return
value an nsiwebbrowserchrome object for the corresponding chrome window getnewauthprompter() return a newly created nsiauthprompt implementation.
... return
value a new nsiauthprompt object.
... return
value a new nsiprompt object.
...And 3 more matches
XPCOM reference
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.nsicookie2 mozilla 1 8 branchnsimsgsearch
valuedefined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearch
value.idl nsmsgmessageflagsthe nsmsgmessageflags interface describes possible flags for messages.
...for example to move forward a message, you would call:nsmsgsearchop
valuedefined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl nsmsgviewcommandcheckstatethe nsmsgviewcommandcheckstate interface contains constants used for command status in thunderbird.
...for example to sort by date you would pass a function the
value:nsmsgviewsorttypethe nsmsgviewsorttype interface contains constants used for sorting the thunderbird threadpane.
...And 3 more matches
Using Objective-C from js-ctypes
objc_msgsend function, receives the instance which receives the message, the selector, and variable argument list for the message, returning the returned
value from the method.
... objc_msgsend_fpret / objc_msgsend_fp2ret for the method which returns floating-point
values on the stack.
... objc_msgsend for the method which returns the
value in a register, or returns nothing.
...And 3 more matches
FunctionType
returntype a ctype indicating the type of the
value returned by the function.
... return
value a ctype describing the function type.
...this is the same
value as the c sizeof.
...And 3 more matches
PKCS #11 Netscape Trust Objects - Network Security Services
certificates used as a root of trust are referred to by the complete hash of the der
value of the certificate.
... certificates in a trust chain whose issuer is trusted are referred to by the der
value of the issuer field, and the serial number.
... ck_trust is a ck_ulong which can contain one several
values.
...And 3 more matches
Gecko Plugin API Reference - Plugins
npp_destroy npp_destroystream npp_get
value np_get
value npp_handleevent np_initialize npp_new npp_newstream npp_print npp_set
value npp_setwindow np_shutdown npp_streamasfile npp_urlnotify npp_write npp_writeready browser side plug-in api this chapter describes methods in the plug-in api that are available from the browser.
... npn_get
value allows the plug-in to query the browser for information.
... npn_get
valueforurl provides information to a plug-in which is associated with a given url, for example the cookies or preferred proxy.
...And 3 more matches
Accessibility Inspector - Firefox Developer Tools
value — the
value of the item.
... this can mean different things depending on the type of the item; for example, a form input (role: entry) would have a
value of whatever is entered in the input, whereas a link's
value would be the url in the corresponding <a> element's href.
... indexinparent — an index
value indicating what number child the item is, inside its parent.
...And 3 more matches
Index - Firefox Developer Tools
underneath the magnifying glass it shows the color
value for the current pixel using whichever scheme you've selected in settings > inspector > default color unit: 34 index tools found 158 pages: 35 json viewer firefox includes a json viewer.
...ls, filters, page inspector, tools css filter properties in the rules view have a circular gray and white swatch next to them: 59 edit shape paths in css css, devtools, page inspector, rules view, tools, highlighter, shapes the shape path editor is a tool that helps you see and edit shapes created using clip-path and also the css shape-outside property and <basic-shape>
values.
...this tool contains several useful features for viewing and manipulating fonts applied to any document loaded in the browser including inspection of all fonts applied to the page, and precise adjustment of variable font axis
values.
...And 3 more matches
Migrating from Firebug - Firefox Developer Tools
auto-completion of css as in firebug, the rules view provides an auto-completion for the css property names and their
values.
... a few property
values are not auto-completed yet, which is tracked in bug 1337918.
...also, both tools allow you to edit the different
values inline via a click on them.
...And 3 more matches
ANGLE_instanced_arrays.drawElementsInstancedANGLE() - Web APIs
possible
values are: gl.points: draws a single dot.
... type a glenum specifying the type of the
values in the element array buffer.
... possible
values are: gl.unsigned_byte gl.unsigned_short when using the oes_element_index_uint extension: gl.unsigned_int offset a glintptr specifying an offset in the element array buffer.
...And 3 more matches
AnalyserNode - Web APIs
analysernode.fftsize is an unsigned long
value representing the size of the fft (fast fourier transform) to be used to determine the frequency domain.
... analysernode.frequencybincount read only is an unsigned long
value half that of the fft size.
... this generally equates to the number of data
values you will have to play with for the visualization.
...And 3 more matches
Animation.startTime - Web APIs
the animation.starttime property of the animation interface is a double-precision floating-point
value which indicates the scheduled time when an animation's playback should begin.
... an animation’s start time is the time
value of its documenttimeline when its target keyframeeffect is scheduled to begin playback.
... an animation’s start time is initially unresolved (meaning that it's null because it has no
value).
...And 3 more matches
AudioContext() - Web APIs
available properties are as follows: latencyhint optional the type of playback that the context will be used for, as a
value from the audiocontextlatencycategory enum or a double-precision floating-point
value indicating the preferred maximum latency of the context in seconds.
... the user agent may or may not choose to meet this request; check the
value of audiocontext.baselatency to determine the true latency after creating the context.
...the
value may be any
value supported by audiobuffer.
...And 3 more matches
AudioListener.setPosition() - Web APIs
the default
value of the position vector is (0, 0, 0).
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
... note how we have used some feature detection to either give the browser the newer property
values (like audiolistener.forwardx) for setting position, etc.
...And 3 more matches
AudioWorkletProcessor() - Web APIs
available properties are as follows: numberofinputs optional the
value to initialize the numberofinputs property to.
... numberofoutputs optional the
value to initialize the numberofoutputs property to.
... parameterdata optional an object containing the initial
values of custom audioparam objects on this node (in its parameters property), with key being the name of a custom parameter and
value being its initial
value.
...And 3 more matches
BlobBuilder - Web APIs
if the
value you specify isn't a blob, arraybuffer, or string, the
value is coerced to a string before being appended to the blob.
...the default
value is "transparent".
...this will be the
value of the blob object's type property.
...And 3 more matches
ConstrainBoolean - Web APIs
the constrainboolean dictionary is used to specify a constraint for a property whose
value is a boolean
value.
... you can specify an exact
value which must be matched, an ideal
value that should be matched if at all possible, and a fallback
value to attempt to match once all more specific constraints have been applied.
... properties exact a boolean which indicates a
value the property must have.
...And 3 more matches
ConstrainDOMString - Web APIs
the constraindomstring dictionary is used to specify a constraint for a property whose
value is a string.
... it allows you to specify one or more exact string
values from which one must be the parameter's
value, or a set of ideal
values which should be used if possible.
... properties the
value of a constraindomstring can be any of the following: a single domstring an array of domstring objects an object with one or both of the following properties: exact either a single domstring which must be the
value of the property, or an array of domstring objects one of which must be the property's
value.
...And 3 more matches
ConstrainDouble - Web APIs
the constraindouble type is used to specify a constraint for a property whose
value is a double-precision floating-point number.
... it extends the doublerange dictionary (which provides the ability to specify a permitted range of property
values) to also support an exact
value and/or an ideal
value the property should take on.
... additionally, you can specify the property's
value as a simple floating-point
value, in which case the user agent does its best to match the
value once all other more stringent constraints are met.
...And 3 more matches
ConstrainULong - Web APIs
the constrainulong type is used to specify a constraint for a property whose
value is an integral number.
... it extends the ulongrange dictionary (which provides the ability to specify a permitted range of property
values) to also support an exact
value and/or an ideal
value the property should take on.
... in addition, you can specify the
value as a simple long integer
value, in which case the user agent does its best to match the
value once all other more stringent constraints are met.
...And 3 more matches
CustomEvent - Web APIs
setting its
value to true before returning from an event handler prevents propagation of the event.
...(mozilla-specific.) event.return
value a historical property introduced by internet explorer and eventually adopted into the dom specification in order to ensure existing sites continue to work.
... ideally, you should try to use event.preventdefault() and event.defaultprevented instead, but you can use return
value if you choose to do so.
...And 3 more matches
DOMPoint - Web APIs
a dompoint object represents a 2d or 3d point in a coordinate system; it includes
values for the coordinates in up to three dimensions, as well as an optional perspective
value.
... dompoint is based on dompointreadonly but allows its properties'
values to be changed.
... constructor dompoint() creates and returns a new dompoint object given the
values of zero or more of its coordinate components and optionally the w perspective
value.
...And 3 more matches
DOMTokenList.forEach() - Web APIs
the foreach() method of the domtokenlist interface calls the callback given in parameter once for each
value pair in the list, in insertion order.
... syntax tokenlist.foreach(callback [, thisarg]); parameters callback function to execute for each element, eventually taking three arguments: current
value the current element being processed in the array.
... thisarg optional
value to use as this when executing callback.
...And 3 more matches
Document.createElementNS() - Web APIs
the namespaceuri property of the created element is initialized with the
value of namespaceuri.
...the nodename property of the created element is initialized with the
value of qualifiedname.
... optionsoptional an optional elementcreationoptions object containing a single property named is, whose
value is the tag name for a custom element previously defined using customelements.define().
...And 3 more matches
Document - Web APIs
document.hiddenread only returns a boolean
value indicating if the page is considered hidden or not.
...has the
value null until the style sheet is changed by setting the
value of selectedstylesheetset.
...possible
values are visible, hidden, prerender, and unloaded.
...And 3 more matches
EffectTiming.iterationStart - Web APIs
the
value of iterationstart corresponds directly to animationeffecttimingreadonly.iterationstart in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
... syntax var timingproperties = { iterationstart = iterationnumber }; timingproperties.iterationstart = iterationnumber;
value a floating-point
value whose
value is at least 0 and is not +infinity, indicating the offset into the number of iterations the animation sequence is to run at which to start animating.
... usually you'll use a
value between 0.0 and 1.0 to indicate an offset into the first run of the animation at which to begin the animation performance, but any positive, non-infinite
value is allowed.
...And 3 more matches
Element.computedStyleMap() - Web APIs
return
value a stylepropertymapreadonly interface.
... examples we start with some simple html: a paragraph with a link, and a definition list to which we will add all the css property /
value pairs.
... <p> <a href="https://example.com">link</a> </p> <dl id="regurgitation"></dl> we add a little bit of css a { --colour: red; color: var(--colour); } we add javascript to grab our link and return back a definition list of all the css property
values using computedstylemap().
...And 3 more matches
Element.scrollTop - Web APIs
an element's scrolltop
value is a measurement of the distance from the element's top to its topmost visible content.
... when an element's content does not generate a vertical scrollbar, then its scrolltop
value is 0.
... on systems using display scaling, scrolltop may give you a decimal
value.
...And 3 more matches
Element - Web APIs
element.getattribute() retrieves the
value of the named attribute from the current node and returns it as an object.
... element.getattributens() retrieves the
value of the attribute with the specified name and namespace, from the current node and returns it as an object.
... element.setattribute() sets the
value of a named attribute of the current node.
...And 3 more matches
Event - Web APIs
setting its
value to true before returning from an event handler prevents propagation of the event.
...(mozilla-specific.) event.return
value a historical property introduced by internet explorer and eventually adopted into the dom specification in order to ensure existing sites continue to work.
... ideally, you should try to use event.preventdefault() and event.defaultprevented instead, but you can use return
value if you choose to do so.
...And 3 more matches
EventTarget.removeEventListener() - Web APIs
if this parameter is absent, a default
value of false is assumed.
... return
value undefined matching event listeners for removal given an event listener previously added by calling addeventlistener(), you may eventually come to a point at which you need to remove it.
...its
value must match for removeeventlistener() to match, but the other
values don't.
...And 3 more matches
FormData.set() - Web APIs
the set() method of the formdata interface sets a new
value for an existing key inside a formdata object, or adds the key/
value if it does not already exist.
... the difference between set() and formdata.append is that if the specified key does already exist, set() will overwrite all existing
values with the new one, whereas formdata.append will append the new
value onto the end of the existing set of
values.
... syntax there are two versions of this method: a two and a three parameter version: formdata.set(name,
value); formdata.set(name,
value, filename); parameters name the name of the field whose data is contained in
value.
...And 3 more matches
Gamepad.buttons - Web APIs
each gamepadbutton object has two properties: pressed and
value: the pressed property is a boolean indicating whether the button is currently pressed (true) or unpressed (false).
... the
value property is a floating point
value used to enable representing analog buttons, such as the triggers on many modern gamepads.
... the
values are normalized to the range 0.0 – 1.0, with 0.0 representing a button that is not pressed, and 1.0 representing a button that is fully pressed.
...And 3 more matches
GestureEvent - Web APIs
positive
values indicate clockwise rotation; negative
values indicate anticlockwise rotation.
... initial
value: 0.0 gestureevent.scale read only distance between two digits since the event's beginning.
...
values below 1.0 indicate an inward pinch (zoom out).
...And 3 more matches
HTMLButtonElement - Web APIs
if the button is not a descendant of a form element, then the attribute can be the id of any form element in the same document it is related to, or the null
value if none matches.
...this is an enumerated attribute with the following possible
values: submit: the button submits the form.
... this is the default
value if the attribute is not specified, html5 or if it is dynamically changed to an empty or invalid
value.
...And 3 more matches
HTMLCanvasElement - Web APIs
htmlcanvaselement.height the height html attribute of the <canvas> element is a positive integer reflecting the number of logical pixels (or rgba
values) going down one column of the canvas.
... when the attribute is not specified, or if it is set to an invalid
value, like a negative, the default
value of 150 is used.
... if no [separate] css height is assigned to the <canvas>, then this
value will also be used as the height of the canvas in the length-unit css pixel.
...And 3 more matches
HTMLInputElement.setSelectionRange() - Web APIs
syntax element.setselectionrange(selectionstart, selectionend [, selectiondirection]); parameters if selectionend is less than selectionstart, then both are treated as the
value of selectionend.
...an index greater than the length of the element's
value is treated as pointing to the end of the
value.
...an index greater than the length of the element's
value is treated as pointing to the end of the
value.
...And 3 more matches
HTMLTableElement - Web APIs
htmltableelement.align is a domstring containing an enumerated
value reflecting the align attribute.
...the possible
values are "left", "right", and "center".
...it reflects the obsolete frame attribute and can take one of the following
values: "void", "above", "below", "hsides", "vsides", "lhs", "rhs", "box", or "border".
...And 3 more matches
HTMLTableSectionElement - Web APIs
htmltablesectionelement.align is a domstring containing an enumerated
value reflecting the align attribute.
...the possible
values are "left", "right", and "center".
... htmltablesectionelement.valign is a domstring representing an enumerated
value indicating how the content of the cell must be vertically aligned.
...And 3 more matches
Headers.append() - Web APIs
the append() method of the headers interface appends a new
value onto an existing header inside a headers object, or adds the header if it does not already exist.
... the difference between set() and append() is that if the specified header already exists and accepts multiple
values, set() will overwrite the existing
value with the new one, whereas append() will append the new
value onto the end of the set of
values.
... syntax myheaders.append(name,
value); parameters name the name of the http header you want to add to the headers object.
...And 3 more matches
Headers.set() - Web APIs
the set() method of the headers interface sets a new
value for an existing header inside a headers object, or adds the header if it does not already exist.
... the difference between set() and headers.append is that if the specified header already exists and accepts multiple
values, set() overwrites the existing
value with the new one, whereas headers.append appends the new
value to the end of the set of
values.
... syntax myheaders.set(name,
value); parameters name the name of the http header you want to set to a new
value.
...And 3 more matches
History.state - Web APIs
the history.state property returns a
value representing the state at the top of the history stack.
... syntax const currentstate = history.state
value the state at the top of the history stack.
... the
value is null until the pushstate() or replacestate() method is used.
...And 3 more matches
IDBCursor - Web APIs
note: not to be confused with idbcursorwith
value which is just an idbcursor interface with an additional
value property.
... properties note: idbcursorwith
value is an idbcursor interface with an additional
value property.
...see constants for possible
values.
...And 3 more matches
IDBIndex.get() - Web APIs
the get() method of the idbindex interface returns an idbrequest object, and, in a separate thread, finds either the
value in the referenced object store that corresponds to the given key or the first corresponding
value, if key is set to an idbkeyrange.
... if a
value is found, then a structured clone of it is created and set as the result of the request object: this returns the record the key is associated with.
...if this
value is null or missing, the browser will use an unbound key range.
...And 3 more matches
IDBIndex.openCursor() - Web APIs
if at least one record matches the key range, then the result property of the event is set to the new idbcursorwith
value object; the
value of the cursor object is set to a structured clone of the referenced
value.
...see idbcursor constants for possible
values.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
...And 3 more matches
KeyframeEffect.KeyframeEffect() - Web APIs
although this is technically optional, keep in mind that your animation will not run if this
value is 0.
...accepts the pre-defined
values "linear", "ease", "ease-in", "ease-out", and "ease-in-out", or a custom "cubic-bezier"
value like "cubic-bezier(0.42, 0, 0.58, 1)".
...0.5 would indicate starting halfway through the first iteration for example, and with this
value set, an animation with 2 iterations would end halfway through a third iteration.
...And 3 more matches
MediaPositionState.playbackRate - Web APIs
syntax let positionstate = { playbackrate: rate }; let playbackrate = positionstate.playbackrate;
value a floating-point
value specifying a multiplier corresponding to the current relative rate at which the media being performed is playing.
... a
value of 1.0 indicates the media is playing forward at normal speed, while higher
values indicate that the media is being played faster than normal.
... lower
values indicate the media is being played more slowly.
...And 3 more matches
MediaPositionState - Web APIs
properties duration a floating-point
value giving the total duration of the current media in seconds.
... playbackrate a floating-point
value indicating the rate at which the media is being played, as a ratio relative to its normal playback speed.
... thus, a
value of 1 is playing at normal speed, 2 is playing at double speed, and so forth.
...And 3 more matches
MediaTrackConstraints.aspectRatio - Web APIs
the mediatrackconstraints dictionary's aspectratio property is a constraindouble describing the requested or mandatory constraints placed upon the
value of the aspectratio constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.aspectratio as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { aspectratio: constraint }; constraintsobject.aspectratio = constraint;
value a constraindouble describing the acceptable or required
value(s) for a video track's aspect ratio.
...And 3 more matches
MediaTrackConstraints.deviceId - Web APIs
the mediatrackconstraints dictionary's deviceid property is a constraindomstring describing the requested or mandatory constraints placed upon the
value of the deviceid constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.deviceid as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { deviceid: constraint }; constraintsobject.deviceid = constraint;
value an object based on constraindomstring specifying one or more acceptable, ideal, and/or exact (mandatory) device ids which are acceptable as the source of media content.
...And 3 more matches
MediaTrackConstraints.groupId - Web APIs
the mediatrackconstraints dictionary's groupid property is a constraindomstring describing the requested or mandatory constraints placed upon the
value of the groupid constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.groupid as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { groupid: constraint }; constraintsobject.groupid = constraint;
value an object based on constraindomstring specifying one or more acceptable, ideal, and/or exact (mandatory) group ids which are acceptable as the source of media content.
...And 3 more matches
MediaTrackControls.volume - Web APIs
the mediatrackconstraints dictionary's volume property is a constraindouble describing the requested or mandatory constraints placed upon the
value of the volume constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.volume as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { volume: constraint }; constraintsobject.volume = constraint;
value a constraindouble describing the acceptable or required
value(s) for an audio track's volume, on a linear scale where 0.0 means silence and 1.0 is the highest supported volume.
...And 3 more matches
MouseEvent.buttons - Web APIs
if more than one button is pressed, the button
values are added together to produce a new number.
... for example, if the secondary (2) and auxilary (4) buttons are pressed simultaneously, the
value is 6 (i.e., 2 + 4).
...the mouseevent.buttons property indicates the state of buttons pressed during any kind of mouse event, while the mouseevent.button property only guarantees the correct
value for mouse events caused by pressing or releasing one or multiple buttons.
...And 3 more matches
NodeList.prototype.forEach() - Web APIs
the foreach() method of the nodelist interface calls the callback given in parameter once for each
value pair in the list, in insertion order.
...it accepts 3 parameters: current
value the current element being processed in somenodelist.
... currentindex optional the index of the current
value being processed in somenodelist.
...And 3 more matches
PannerNode.orientationX - Web APIs
the audioparam contained by this property is read only; however, you can still change the
value of the parameter by assigning a new
value to its audioparam.
value property.
... syntax var orientationx = pannernode.orientationx; pannernode.orientationx.
value = neworientationx;
value an audioparam whose
value is the x component of the direction in which the audio source is facing, in 3d cartesian coordinate space.
...rotation in the 'horizontal plane') to an orientation vector const yrotationtovector = degrees => { // convert degrees to radians and offset the angle so 0 points towards the listener const radians = (degrees - 90) * (math.pi / 180); // using cosine and sine here ensures the output
values are always normalised // i.e.
...And 3 more matches
PannerNode.orientationY - Web APIs
the audioparam contained by this property is read only; however, you can still change the
value of the parameter by assigning a new
value to its audioparam.
value property.
... syntax var orientationy = pannernode.orientationy; pannernode.orientationy.
value = neworientationy;
value an audioparam whose
value is the y component of the direction the audio source is facing, in 3d cartesian coordinate space.
...rotation in the 'horizontal plane') to an orientation vector const yrotationtovector = degrees => { // convert degrees to radians and offset the angle so 0 points towards the listener const radians = (degrees - 90) * (math.pi / 180); // using cosine and sine here ensures the output
values are always normalised // i.e.
...And 3 more matches
PannerNode.orientationZ - Web APIs
the audioparam contained by this property is read only; however, you can still change the
value of the parameter by assigning a new
value to its audioparam.
value property.
... syntax var orientationz = pannernode.orientationz; pannernode.orientationz.
value = neworientationz;
value an audioparam whose
value is the z component of the direction the audio source is facing, in 3d cartesian coordinate space.
...rotation in the 'horizontal plane') to an orientation vector const yrotationtovector = degrees => { // convert degrees to radians and offset the angle so 0 points towards the listener const radians = (degrees - 90) * (math.pi / 180); // using cosine and sine here ensures the output
values are always normalised // i.e.
...And 3 more matches
PannerNode.rolloffFactor - Web APIs
the rollofffactor property of the pannernode interface is a double
value describing how quickly the volume is reduced as the source moves away from the listener.
... this
value is used by all distance models.the rollofffactor property's default
value is 1.
... syntax var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.rollofffactor = 1;
value a number whose range depends on the distancemodel of the panner as follows (negative
values are not allowed): "linear" the range is 0 to 1.
...And 3 more matches
PannerNode.setPosition() - Web APIs
the setposition() method's default
value of the position is (0, 0, 0).
...in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
... note how we have used some feature detection to either give the browser the newer property
values (like audiolistener.forwardx) for setting position, etc.
...And 3 more matches
PaymentCurrencyAmount.currency - Web APIs
the paymentcurrencyamount property currency is a string which specifies the currency in which the
value is specified.
... the
value is always specified using the 3-letter codes defined by the iso 4127 standard.
... syntax currency = paymentcurrencyamount.currency;
value a domstring specifying the canonical, three-character currency identification code defined by the iso 4217 standard.
...And 3 more matches
PaymentRequest.PaymentRequest() - Web APIs
if a
value is not supplied, the browser will construct one.
... total a total amount for the payment request that overrides
value in details.total.
...valid
values are "shipping", "delivery", and "pickup".
...And 3 more matches
PaymentRequest.show() - Web APIs
return
value a promise that eventually resolves with a paymentresponse.
... the validateresponse() method, below, is called once show() returns, in order to look at the returned response and either submit the payment or reject the payment as failed: async function validateresponse(response) { try { if (await checkall
values(response)) { await response.complete("success"); } else { await response.complete("fail"); } } catch(err) { await response.complete("fail"); } } here, a custom function called checkall
values() looks at each
value in the response and ensures that they're valid, returning true if every field is valid or false if any are not.
... if any fields have unacceptable
values, or if an exception is thrown by the previous code, complete() is called with the string "fail", which indicates that the payment process is complete and failed.
...And 3 more matches
PeriodicWave - Web APIs
constructor periodicwave.periodicwave() creates a new periodicwave object instance using the default
values for all properties.
... if you wish to establish custom property
values at the outset, use the audiocontext.createperiodicwave() factory method instead.
...audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag, {disablenormalization: true}); osc.setperiodicwave(wave); osc.connect(ac.destination); osc.start(); osc.stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave here, we create a periodicwave with two
values.
...And 3 more matches
RTCIceCandidate - Web APIs
note: for backward compatibility, the constructor also accepts as input a string containing the
value of the candidate property instead of a rtcicecandidateinit object, since the candidate includes all of the information that rtcicecandidateinit does and more.
... component read only a domstring which indicates whether the candidate is an rtp or an rtcp candidate; its
value is either "rtp" or "rtcp", and is derived from the "component-id" field in the candidate a-line string.
... the permitted
values are listed in the rtcicecomponent enumerated type.
...And 3 more matches
RTCIceCandidatePairStats.priority - Web APIs
the obsolete rtcicecandidatepairstats property priority reports the priority of the candidate pair as an integer
value.
... the higher the
value, the more likely the webrtc layer is to select the candidate pair when the time comes to establish (or re-establish) a connection between the two peers.
... syntax pairpriority = rtcicecandidatepairstats.priority;
value an integer
value indicating the priority of this pair of candidates as compared to other pairs on the same peer connection.
...And 3 more matches
RTCIceCandidateStats.deleted - Web APIs
syntax isdeleted = rtcicecandidatestats.deleted;
value a boolean
value indicating whether or not the candidate has been deleted or released.
... if this
value is true, the candidate described by the rtcicecandidatestats object is no longer under consideration.
... dthe exact meaning varies depending on the type of candidate: local candidate a
value of true means the candidate has been deleted as described by rfc 5245: 8.3.
...And 3 more matches
RTCIceCandidateStats.priority - Web APIs
the rtcicecandidatestats dictionary's priority property is a positive integer
value indicating the priority (or desirability) of the described candidate.
... during ice negotiation while setting up a webrtc peer connection, the priority
values reported to the remote peer by a user agent are used to determine which candidates are considered "more desirable".
... the higher the
value, the more desirable the candidate is.
...And 3 more matches
RTCPeerConnection.signalingState - Web APIs
the read-only signalingstate property on the rtcpeerconnection interface returns one of the string
values specified by the rtcsignalingstate enum; these
values describe the state of the signaling process on the local end of the connection while connecting or reconnecting to another peer.
... this
value may also be useful during debugging, for example.
... in addition, when the
value of this property changes, a signalingstatechange event is sent to the rtcpeerconnection instance.
...And 3 more matches
SVGFEDisplacementMapElement - Web APIs
_top"><rect x="211" y="65" width="270" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="346" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfedisplacementmapelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_channel_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_channel_r 1 corresponds to the r
value.
...And 3 more matches
SVGFEGaussianBlurElement - Web APIs
t="_top"><rect x="241" y="65" width="240" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="361" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfegaussianblurelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_edgemode_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_edgemode_duplicate 1 corresponds to the duplicate
value.
...And 3 more matches
StylePropertyMapReadOnly.get() - Web APIs
the get() method of the stylepropertymapreadonly interface returns a cssstyle
value object for the first
value of the specified property.
... syntax var declarationblock = stylepropertymapreadonly.get(property) parameters property the name of the property to retrieve the
value of.
... return
value a cssstyle
value object.
...And 3 more matches
SubtleCrypto.deriveBits() - Web APIs
return
value result is a promise that fulfills with an arraybuffer containing the derived bits.
... exceptions the promise is rejected when one of the following exceptions are encountered: invalidaccesserror raised when the base key is not a key for the requested derivation algorithm or if the cryptokey.usages
value of that key doesn't contain derivekey.
... async function derivesharedsecret(privatekey, publickey) { const sharedsecret = await window.crypto.subtle.derivebits( { name: "ecdh", namedcurve: "p-384", public: publickey }, privatekey, 128 ); const buffer = new uint8array(sharedsecret, 0, 5); const sharedsecret
value = document.queryselector(".ecdh .derived-bits-
value"); sharedsecret
value.classlist.add("fade-in"); sharedsecret
value.addeventlistener("animationend", () => { sharedsecret
value.classlist.remove("fade-in"); }); sharedsecret
value.textcontent = `${buffer}...[${sharedsecret.bytelength} bytes total]`; } // generate 2 ecdh key pairs: one for alice and one for bob // in more normal usage, th...
...And 3 more matches
TextTrack.mode - Web APIs
you can read this
value to determine the current mode, and you can change this
value to switch modes.
... syntax var mode = texttrack.mode; texttrack.mode = "disabled" | "hidden" | "showing";
value a domstring which indicates the track's current mode.
... the text track mode is one of the
values listed below, under text track mode constants.
...And 3 more matches
Touch.force - Web APIs
syntax touchitem.force; return
value a float that represents the amount of pressure the user is applying to the touch surface.
... this is a
value between 0.0 (no pressure) and 1.0 (the maximum amount of pressure the hardware can recognize).
... a
value of 0.0 is returned if no
value is known (for example the touch device does not support this property).
...And 3 more matches
URLSearchParams.set() - Web APIs
the set() method of the urlsearchparams interface sets the
value associated with a given search parameter to the given
value.
... if there were several matching
values, this method deletes the others.
... syntax urlsearchparams.set(name,
value) parameters name the name of the parameter to set.
...And 3 more matches
WebGL2RenderingContext.clearBuffer[fiuv]() - Web APIs
syntax void gl.clearbufferfv(buffer, drawbuffer,
values, optional srcoffset); void gl.clearbufferiv(buffer, drawbuffer,
values, optional srcoffset); void gl.clearbufferuiv(buffer, drawbuffer,
values, optional srcoffset); void gl.clearbufferfi(buffer, drawbuffer, depth, stencil); parameters buffer a glenum specifying the buffer to clear.
... possible
values are: gl.color: color buffer.
...
values an array of glint, gluint or glfloat
values or an int32array, uint32array or float32array specifying the
values to clear to.
...And 3 more matches
WebGL2RenderingContext.drawElementsInstanced() - Web APIs
possible
values are: gl.points: draws a single dot.
... type a glenum specifying the type of the
values in the element array buffer.
... possible
values are: gl.unsigned_byte gl.unsigned_short when using the oes_element_index_uint extension: gl.unsigned_int offset a glintptr specifying an offset in the element array buffer.
...And 3 more matches
WebGL2RenderingContext.drawRangeElements() - Web APIs
possible
values are: gl.points: draws a single dot.
... type a glenum specifying the type of the
values in the element array buffer.
... possible
values are: gl.unsigned_byte gl.unsigned_short gl.unsigned_int offset a glintptr specifying an offset in the element array buffer.
...And 3 more matches
WebGL2RenderingContext - Web APIs
some methods of the webgl 1 context can accept additional
values when used in a webgl 2 context.
... state information webgl2renderingcontext.getindexedparameter() returns the indexed
value for the given target.
... uniforms and attributes webgl2renderingcontext.uniform[1234][uif][v]() methods specifying
values of uniform variables.
...And 3 more matches
WebGLRenderingContext.blendEquationSeparate() - Web APIs
must be either: gl.func_add: source + destination (default
value), gl.func_subtract: source - destination, gl.func_reverse_subtract: destination - source, when using the ext_blend_minmax extension: ext.min_ext: minimum of source and destination, ext.max_ext: maximum of source and destination.
... when using a webgl 2 context, the following
values are available additionally: gl.min: minimum of source and destination, gl.max: maximum of source and destination.
...must be either: gl.func_add: source + destination (default
value), gl.func_subtract: source - destination, gl.func_reverse_subtract: destination - source, when using the ext_blend_minmax extension: ext.min_ext: minimum of source and destination, ext.max_ext: maximum of source and destination.
...And 3 more matches
WebGLRenderingContext.bufferData() - Web APIs
possible
values: gl.array_buffer: buffer containing vertex attributes, such as vertex coordinates, texture coordinate data, or vertex color data.
... when using a webgl 2 context, the following
values are available additionally: gl.copy_read_buffer: buffer for copying from one buffer object to another.
...possible
values: gl.static_draw: the contents are intended to be specified once by the application, and used many times as the source for webgl drawing and image specification commands.
...And 3 more matches
WebGLRenderingContext.checkFramebufferStatus() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
... when using a webgl 2 context, the following
values are available additionally: gl.draw_framebuffer: equivalent to gl.framebuffer.
... return
value a glenum indicating the completeness status of the framebuffer or 0 if an error occurs.
...And 3 more matches
WebGLRenderingContext.clearStencil() - Web APIs
the webglrenderingcontext.clearstencil() method of the webgl api specifies the clear
value for the stencil buffer.
... this specifies what stencil
value to use when calling the clear() method.
...default
value: 0.
...And 3 more matches
WebGLRenderingContext.disable() - Web APIs
possible
values: constant description gl.blend deactivates blending of the computed fragment color
values.
... gl.polygon_offset_fill deactivates adding an offset to depth
values of polygon's fragments.
... gl.sample_alpha_to_coverage deactivates the computation of a temporary coverage
value determined by the alpha
value.
...And 3 more matches
WebGLRenderingContext.drawElements() - Web APIs
possible
values are: gl.points: draws a single dot.
... type a glenum specifying the type of the
values in the element array buffer.
... possible
values are: gl.unsigned_byte gl.unsigned_short when using the oes_element_index_uint extension: gl.unsigned_int offset a glintptr specifying a byte offset in the element array buffer.
...And 3 more matches
WebGLRenderingContext.enable() - Web APIs
possible
values: constant description gl.blend activates blending of the computed fragment color
values.
... gl.polygon_offset_fill activates adding an offset to depth
values of polygon's fragments.
... gl.sample_alpha_to_coverage activates the computation of a temporary coverage
value determined by the alpha
value.
...And 3 more matches
WebGLRenderingContext.framebufferRenderbuffer() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
... when using a webgl 2 context, the following
values are available additionally: gl.draw_framebuffer: equivalent to gl.framebuffer.
...possible
values: gl.color_attachment0: color buffer.
...And 3 more matches
WebGLRenderingContext.getRenderbufferParameter() - Web APIs
possible
values: gl.renderbuffer: buffer data storage for single images in a renderable internal format.
...possible
values: gl.renderbuffer_width: returns a glint indicating the width of the image of the currently bound renderbuffer.
...possible return
values: gl.rgba4: 4 red bits, 4 green bits, 4 blue bits 4 alpha bits.
...And 3 more matches
WebGLRenderingContext.isEnabled() - Web APIs
possible
values: constant description gl.blend blending of the computed fragment color
values.
... gl.polygon_offset_fill adding an offset to depth
values of polygon's fragments.
... gl.sample_alpha_to_coverage computation of a temporary coverage
value determined by the alpha
value.
...And 3 more matches
WebGLRenderingContext.polygonOffset() - Web APIs
the webglrenderingcontext.polygonoffset() method of the webgl api specifies the scale factors and units to calculate depth
values.
... the offset is added before the depth test is performed and before the
value is written into the depth buffer.
...the default
value is 0.
...And 3 more matches
WebGLRenderingContext.sampleCoverage() - Web APIs
syntax void gl.samplecoverage(
value, invert); parameters
value a glclampf which sets a single floating-point coverage
value clamped to the range [0,1].
... the default
value is 1.0.
...the default
value is false.
...And 3 more matches
WebGLRenderingContext.texSubImage2D() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
...possible
values: gl.alpha: discards the red, green and blue components and reads the alpha component.
... when using the ext_srgb extension: ext.srgb_ext ext.srgb_alpha_ext when using a webgl 2 context, the following
values are available additionally: gl.red gl.rg gl.red_integer gl.rg_integer gl.rgb_integer gl.rgba_integer type a glenum specifying the data type of the texel data.
...And 3 more matches
WebGLRenderingContext.uniformMatrix[234]fv() - Web APIs
the webglrenderingcontext.uniformmatrix[234]fv() methods of the webgl api specify matrix
values for uniform variables.
... the three versions of this method (uniformmatrix2fv(), uniformmatrix3fv(), and uniformmatrix4fv()) take as the input
value 2-component, 3-component, and 4-component square matrices, respectively.
... syntax webglrenderingcontext.uniformmatrix2fv(location, transpose,
value); webglrenderingcontext.uniformmatrix3fv(location, transpose,
value); webglrenderingcontext.uniformmatrix4fv(location, transpose,
value); parameters location a webgluniformlocation object containing the location of the uniform attribute to modify.
...And 3 more matches
Adding 2D content to a WebGL context - Web APIs
our vertex shader below receives vertex position
values from an attribute we define called avertexposition.
...to get its
value, we call gl.getshaderparameter(), specifying the shader and the name of the parameter we want to check (gl.compile_status).
...attributes receive
values from buffers.
...And 3 more matches
Inputs and input sources - Web APIs
if the controller were instead positioned to the left of and closer to the user than the world space origin (or possibly behind the user, if the user is located at the origin, although that's an uncomfortable way to hold a controller), the coordinates would have a negative
value for x, but a positive
value for z.
... the
value of y would still be positive unless the controller was moved below the world space origin.
...as a result, the
values of x and y are both negative, while z is positive.
...And 3 more matches
Using the Web Animations API - Web APIs
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 animationeffecttimingproperties 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.
...we aren’t listing an easing
value here because, unlike css animations where the default animation-timing-function is ease, in the web animations api the default easing is linear — which is what we want here.
...And 3 more matches
WheelEvent - Web APIs
even when it does, that doesn't mean that the delta*
values in the wheel event necessarily reflect the content's scrolling direction.
...instead, detect
value changes to scrollleft and scrolltop of the target in the scroll event.
... wheelevent.deltamoderead only returns an unsigned long representing the unit of the delta*
values' scroll amount.
...And 3 more matches
Window.matchMedia() - Web APIs
return
value a new mediaquerylist object for the media query.
... to perform a one-time, instantaneous check to see if the document matches the media query, look at the
value of the matches property, which will be true if the document meets the media query's requirements.
... examples this example runs the media query (max-width: 600px) and displays the
value of the resulting mediaquerylist's matches property in a <span>; as a result, the output will say "true" if the viewport is less than or equal to 600 pixels wide, and will say "false" if the window is wider than that.
...And 3 more matches
Worker.prototype.postMessage() - Web APIs
the data may be any
value or javascript object handled by the structured clone algorithm, which includes cyclical references.
...this may be any
value or javascript object handled by the structured clone algorithm, which includes cyclical references.
...null is not an acceptable
value for transfer.
...And 3 more matches
XRPose.emulatedPosition - Web APIs
the emulatedposition read-only attribute of the xrpose interface is a boolean
value indicating whether or not both the the position component of the pose's transform is directly taken from the xr device, or it's simulated or computed based on other sources.
... syntax let emulated = xrpose.emulatedposition;
value a boolean which is true if the pose's position is computed based on estimates or is derived from sources other than direct sensor data.
... if the position is precisely gbased on direct sensor inputs, the
value is false.
...And 3 more matches
XRReferenceSpace.getOffsetReferenceSpace() - Web APIs
these
values are added to the position and orientation of the current reference space and then the result is used as the position and orientation of the newly created xrreferencespace.
... return
value a new xrreferencespace object describing a reference space with the same native origin as the reference space on which the method was called, but with an origin offset indicating the distance from the object to the point given by originoffset.
... canvas.oncontextmenu = (event) => { event.preventdefault(); }; canvas.addeventlistener("mousemove", (event) => { if (event.buttons & 2) { rotateviewby(event.movementx, event.movementy); } }); next, the rotateviewby() function, which updates the mouse look direction's yaw and pitch based on the mouse delta
values from the mousemove event.
...And 3 more matches
XRSession.environmentBlendMode - Web APIs
the
value is a domstring which contains one of the
values defined by the xrenvironmentblendmode enumerated type.
... syntax blendmode = xrsession.environmentblendmode;
value a domstring whose
value is one of the strings found in the enumerated type xrenvironmentblendmode, defining if—and if so, how—virtual, rendered content is overlaid atop the image of the real world.
... permitted
values are: opaque the rendered image is drawn without allowing any pass-through imagery.
...And 3 more matches
XRSession.updateRenderState() - Web APIs
depthfar optional a floating-point
value specifying the distance in meters from the viewer to the far clip plane, which is a plane parallel to the display surface beyond which no further rendering will occur.
... depthnear optional a floating-point
value indicating the distance in meters from the viewer to a plane parallel to the display surface to be the near clip plane.
... inlineverticalfieldofview optional a floating-point
value indicating the default field of view, in radians, to be used when computing the projection matrix for an inline xrsession.
...And 3 more matches
ARIA Test Cases - Accessibility
label and current content as well as role are spoken, also when typing in a new
value, that gets reflected.
... markup used: role="progressbar", aria-
valuemin, aria-
valuenow, aria-
valuemax notes: results: at firefox ie opera safari jaws 9 - - n/a n/a jaws 10 - - - - voiceover (leopard) n/a n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - ...
...note: if this does not work, it means the browser is exposing the children instead of respecting the "children presentational: true" rule for sliders as the user moves the slider, the new
value is spoken markup used: role="slider" aria-
valuemin, aria-
valuenow, aria-
valuemax notes: results: at firefox ie opera safari jaws 9 - - n/a n/a jaws 10 - - - - voiceover (leopard) n/a n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass ...
...And 3 more matches
Keyboard - Accessibility
most interactive elements are focusable by default; you can make an element focusable by adding a tabindex=0 attribute
value to it.
...a
value of zero indicates that the element is part of the default focus order, which is based on the ordering of elements in the html document.
... a positive
value puts the element ahead of those in the default ordering; elements with positive
values are focused in the order of their tabindex
values (1, then 2, then 3, etc.).
...And 3 more matches
-moz-image-rect - CSS: Cascading Style Sheets
the -moz-image-rect
value for css background-image lets you use a portion of a larger image as a background.
... syntax -moz-image-rect(<uri>, top, right, bottom, left);
values <url> the uri of the image from which to take the sub-image.
...all four
values are relative to the upper left corner of the image.
...And 3 more matches
@font-face - CSS: Cascading Style Sheets
font-family specifies a name that will be used as the font face
value for font properties.
... font-stretch a font-stretch
value.
... since firefox 61 (and in other modern browsers) this also accepts two
values to specify a range that is supported by a font-face, for example font-stretch: 50% 200%; font-style a font-style
value.
...And 3 more matches
max-zoom - CSS: Cascading Style Sheets
larger
values are zoomed in.
... smaller
values are zoomed out.
... syntax /* keyword
value */ max-zoom: auto; /* <number>
values */ max-zoom: 0.8; max-zoom: 2.0; /* <percentage>
value */ max-zoom: 150%;
values auto the user agent will set the document's upper zoom factor limit.
...And 3 more matches
min-zoom - CSS: Cascading Style Sheets
larger
values are zoomed in.
... smaller
values are zoomed out.
... syntax /* keyword
value */ min-zoom: auto; /* <number>
values */ min-zoom: 0.8; min-zoom: 2.0; /* <percentage>
value */ min-zoom: 150%;
values auto the user agent will set the document's lower zoom factor limit.
...And 3 more matches
CSS Containment - CSS: Cascading Style Sheets
<h1>my blog</h1> <article> <h2>heading of a nice article</h2> <p>content here.</p> </article> <article> <h2>another heading of another article</h2> <p>more content here.</p> </article> each article has the contain property with a
value of content applied in the css.
... if we give each <article> the contain property with a
value of content, when new elements are inserted the browser understands it does not need to relayout or repaint any area outside of the containing element's subtree, although if the <article> is styled such that its size depends on its contents (e.g.
... the content
value is shorthand for contain: layout paint.
...And 3 more matches
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
support for all the properties and
values detailed in these guides is interoperable across browsers.
...this early specification did not contain all of the properties and
values that the up-to-date specification has.
... there are also substantial differences between what shipped in ie10 and the current specification, even where the properties and
values appear the same.
...And 3 more matches
Basic concepts of CSS Scroll Snap - CSS: Cascading Style Sheets
the proximity
value will only snap to a position when it is close by, the exact distance being left to the browser to decide.
... in the example below you can change the
value between mandatory and proximity to see the effect this has on the scroll experience.
... using scroll-snap-align the scroll-snap-align property can take a
value of start, end, or center — indicating the point the content should snap to in the scroll container.
...And 3 more matches
Visual formatting model - CSS: Cascading Style Sheets
the type of the box generated depends on the
value of the css display property.
... then, for each element, css generates zero or more boxes as specified by that element’s display property
value.
...and some
values (such as none or contents) cause the element and/or its descendants to not generate any boxes at all.
...And 3 more matches
align-self - CSS: Cascading Style Sheets
the align-self css property overrides a grid or flex item's align-items
value.
... syntax /* keyword
values */ align-self: auto; align-self: normal; /* positional alignment */ /* align-self does not take left and right
values */ align-self: center; /* put the item around the center */ align-self: start; /* put the item at the start */ align-self: end; /* put the item at the end */ align-self: self-start; /* align the item flush at the start */ align-self: self-end; /* align the item flush at the end ...
...*/ align-self: flex-start; /* put the flex item at the start */ align-self: flex-end; /* put the flex item at the end */ /* baseline alignment */ align-self: baseline; align-self: first baseline; align-self: last baseline; align-self: stretch; /* stretch 'auto'-sized items to fit the container */ /* overflow alignment */ align-self: safe center; align-self: unsafe center; /* global
values */ align-self: inherit; align-self: initial; align-self: unset;
values auto computes to the parent's align-items
value.
...And 3 more matches
background-clip - CSS: Cascading Style Sheets
see "the backgrounds of special elements." note: for documents whose root element is an html element: if the computed
value of background-image on the root element is none and its background-color is transparent, user agents must instead propagate the computed
values of the background properties from that element’s first html <body> child element.
... the used
values of that <body> element’s background properties are their initial
values, and the propagated
values are treated as if they were specified on the root element.
... syntax /* keyword
values */ background-clip: border-box; background-clip: padding-box; background-clip: content-box; background-clip: text; /* global
values */ background-clip: inherit; background-clip: initial; background-clip: unset;
values border-box the background extends to the outside edge of the border (but underneath the border in z-ordering).
...And 3 more matches
background-position-x - CSS: Cascading Style Sheets
the
value of this property is overridden by any declaration of the background or background-position shorthand properties applied to the element after it.
... syntax /* keyword
values */ background-position-x: left; background-position-x: center; background-position-x: right; /* <percentage>
values */ background-position-x: 25%; /* <length>
values */ background-position-x: 0px; background-position-x: 1cm; background-position-x: 8em; /* side-relative
values */ background-position-x: right 3px; background-position-x: left 25%; /* multiple
values */ background-position-x: 0px, center; /* global
values */ background-position-x: inherit; background-position-x: initial; background-position-x: unset; the background-position-x property is specified as one or more
values, separated by commas.
...
values left aligns the left edge of the background image with the left edge of the background position layer.
...And 3 more matches
background-position-y - CSS: Cascading Style Sheets
the
value of this property is overridden by any declaration of the background or background-position shorthand properties applied to the element after it.
... syntax /* keyword
values */ background-position-y: top; background-position-y: center; background-position-y: bottom; /* <percentage>
values */ background-position-y: 25%; /* <length>
values */ background-position-y: 0px; background-position-y: 1cm; background-position-y: 8em; /* side-relative
values */ background-position-y: bottom 3px; background-position-y: bottom 10%; /* multiple
values */ background-position-y: 0px, center; /* global
values */ background-position-y: inherit; background-position-y: initial; background-position-y: unset; the background-position-y property is specified as one or more
values, separated by commas.
...
values top aligns the top edge of the background image with the top edge of the background position layer.
...And 3 more matches
background-repeat - CSS: Cascading Style Sheets
syntax /* keyword
values */ background-repeat: repeat-x; background-repeat: repeat-y; background-repeat: repeat; background-repeat: space; background-repeat: round; background-repeat: no-repeat; /* two-
value syntax: horizontal | vertical */ background-repeat: repeat space; background-repeat: repeat repeat; background-repeat: round space; background-repeat: no-repeat round; /* global
values */ background-repeat: inheri...
...t; background-repeat: initial; background-repeat: unset;
values <repeat-style> the one-
value syntax is a shorthand for the full two-
value syntax: single
value two-
value equivalent repeat-x repeat no-repeat repeat-y no-repeat repeat repeat repeat repeat space space space round round round no-repeat no-repeat no-repeat in the two-
value syntax, the first
value represents the horizontal repetition behavior and the second
value represents the vertical behavior.
... formal definition initial
valuerepeatapplies toall elements.
...And 3 more matches
border-end-end-radius - CSS: Cascading Style Sheets
/* <length>
values */ /* with one
value the corner will be a circle */ border-end-end-radius: 10px; border-end-end-radius: 1em; /* with two
values the corner will be an ellipse */ border-end-end-radius: 1em 2em; /* global
values */ border-end-end-radius: inherit; border-end-end-radius: initial; border-end-end-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-bottom-right-radius property.
... syntax
values <length-percentage> denotes the size of the circle radius or the semi-major and semi-minor axes of the ellipse.
...negative
values are invalid.
...And 3 more matches
border-end-start-radius - CSS: Cascading Style Sheets
/* <length>
values */ /* with one
value the corner will be a circle */ border-end-start-radius: 10px; border-end-start-radius: 1em; /* with two
values the corner will be an ellipse */ border-end-start-radius: 1em 2em; /* global
values */ border-end-start-radius: inherit; border-end-start-radius: initial; border-end-start-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-top-right-radius property.
... syntax
values <length-percentage> denotes the size of the circle radius or the semi-major and semi-minor axes of the ellipse.
...negative
values are invalid.
...And 3 more matches
border-start-end-radius - CSS: Cascading Style Sheets
/* <length>
values */ /* with one
value the corner will be a circle */ border-start-end-radius: 10px; border-start-end-radius: 1em; /* with two
values the corner will be an ellipse */ border-start-end-radius: 1em 2em; /* global
values */ border-start-end-radius: inherit; border-start-end-radius: initial; border-start-end-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-bottom-left-radius property.
... syntax
values <length-percentage> denotes the size of the circle radius or the semi-major and semi-minor axes of the ellipse.
...negative
values are invalid.
...And 3 more matches
border-start-start-radius - CSS: Cascading Style Sheets
/* <length>
values */ /* with one
value the corner will be a circle */ border-start-start-radius: 10px; border-start-start-radius: 1em; /* with two
values the corner will be an ellipse */ border-start-start-radius: 1em 2em; /* global
values */ border-start-start-radius: inherit; border-start-start-radius: initial; border-start-start-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-top-left-radius property.
... syntax
values <length-percentage> denotes the size of the circle radius or the semi-major and semi-minor axes of the ellipse.
...negative
values are invalid.
...And 3 more matches
box-sizing - CSS: Cascading Style Sheets
this means that when you set width and height, you have to adjust the
value you give to allow for any border or padding that may be added.
... border-box tells the browser to account for any border and padding in the
values you specify for an element's width and height.
... on the other hand, when using position: relative or position: absolute, use of box-sizing: content-box allows the positioning
values to be relative to the content, and independent of changes to border and padding sizes, which is sometimes desirable.
...And 3 more matches
clip - CSS: Cascading Style Sheets
/* keyword
value */ clip: auto; /* <shape>
values */ clip: rect(1px 10em 3rem 2ch); clip: rect(1px, 10em, 3rem, 2ch); /* global
values */ clip: inherit; clip: initial; clip: unset; syntax note: where possible, authors are encouraged to use the newer clip-path property instead.
...
values <<shape>()> a rectangular <<shape>()> of the form rect(<top> <right> <bottom> <left>).
... the <top> and <bottom>
values are offsets from the inside top border edge of the box, while <right> and <left> are offsets from the inside left border edge of the box — that is, the extent of the padding box.
...And 3 more matches
column-rule - CSS: Cascading Style Sheets
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).
... syntax column-rule: dotted; column-rule: solid 8px; column-rule: solid blue; column-rule: thick inset blue; /* global
values */ column-rule: inherit; column-rule: initial; column-rule: unset; the column-rule property is specified as one, two, or three of the
values listed below, in any order.
...
values <'column-rule-width'> is a <length> or one of the three keywords, thin, medium, or thick.
...And 3 more matches
contain - CSS: Cascading Style Sheets
note: if applied (with
value: paint, strict or content), this property creates: a new containing block (for the descendants whose position property is absolute or fixed).
... syntax /* keyword
values */ contain: none; contain: strict; contain: content; contain: size; contain: layout; contain: style; contain: paint; /* multiple keywords */ contain: size paint; contain: size layout paint; /* global
values */ contain: inherit; contain: initial; contain: unset; the contain property is specified as either one of the following: using a single none, strict, or content keyword.
...
values none indicates the element renders as normal, with no containment applied.
...And 3 more matches
flex-grow - CSS: Cascading Style Sheets
syntax /* <number>
values */ flex-grow: 3; flex-grow: 0.6; /* global
values */ flex-grow: inherit; flex-grow: initial; flex-grow: unset; the flex-grow property is specified as a single <number>.
...
values <number> see <number>.
... negative
values are invalid.
...And 3 more matches
flex-wrap - CSS: Cascading Style Sheets
syntax flex-wrap: nowrap; /* default
value */ flex-wrap: wrap; flex-wrap: wrap-reverse; /* global
values */ flex-wrap: inherit; flex-wrap: initial; flex-wrap: unset; the flex-wrap property is specified as a single keyword chosen from the list of
values below.
...
values the following
values are accepted: nowrap the flex items are laid out in a single line which may cause the flex container to overflow.
... the cross-start is either equivalent to start or before depending on the flex-direction
value.
...And 3 more matches
font-family - CSS: Cascading Style Sheets
values are separated by commas to indicate that they are alternatives.
...f; font-family: "goudy bookletter 1911", sans-serif; /* a generic family name only */ font-family: serif; font-family: sans-serif; font-family: monospace; font-family: cursive; font-family: fantasy; font-family: system-ui; font-family: ui-serif; font-family: ui-sans-serif; font-family: ui-monospace; font-family: ui-rounded; font-family: emoji; font-family: math; font-family: fangsong; /* global
values */ font-family: inherit; font-family: initial; font-family: unset; the font-family property lists one or more font families, separated by commas.
... each font family is specified as either a <family-name> or a <generic-name>
value.
...And 3 more matches
font-synthesis - CSS: Cascading Style Sheets
syntax this property can take any one of the following forms: the keyword
value none.
... either of the keyword
values weight and style.
... both the keyword
values weight and style.
...And 3 more matches
font-variant-caps - CSS: Cascading Style Sheets
syntax /* keyword
values */ font-variant-caps: normal; font-variant-caps: small-caps; font-variant-caps: all-small-caps; font-variant-caps: petite-caps; font-variant-caps: all-petite-caps; font-variant-caps: unicase; font-variant-caps: titling-caps; /* global
values */ font-variant-caps: inherit; font-variant-caps: initial; font-variant-caps: unset; the font-variant-caps property is specified using a single keyword v...
...in each case, if the font doesn't support the opentype
value, then it synthesizes the glyphs.
...
values normal deactivates of the use of alternate glyphs.
...And 3 more matches
grid-area - CSS: Cascading Style Sheets
if four <grid-line>
values are specified, grid-row-start is set to the first
value, grid-column-start is set to the second
value, grid-row-end is set to the third
value, and grid-column-end is set to the fourth
value.
... when grid-column-start is omitted, if grid-row-start is a <custom-ident>, all four longhands are set to that
value.
... constituent properties this property is a shorthand for the following css properties: grid-column-end grid-column-start grid-row-end grid-row-start syntax /* keyword
values */ grid-area: auto; grid-area: auto / auto; grid-area: auto / auto / auto; grid-area: auto / auto / auto / auto; /* <custom-ident>
values */ grid-area: some-grid-area; grid-area: some-grid-area / another-grid-area; /* <integer> && <custom-ident>?
...And 3 more matches
grid-auto-columns - CSS: Cascading Style Sheets
syntax /* keyword
values */ grid-auto-columns: min-content; grid-auto-columns: max-content; grid-auto-columns: auto; /* <length>
values */ grid-auto-columns: 100px; grid-auto-columns: 20cm; grid-auto-columns: 50vmax; /* <percentage>
values */ grid-auto-columns: 10%; grid-auto-columns: 33.3%; /* <flex>
values */ grid-auto-columns: 0.5fr; grid-auto-columns: 3fr; /* minmax()
values */ grid-auto-columns: minmax(100px, a...
...uto); grid-auto-columns: minmax(max-content, 2fr); grid-auto-columns: minmax(20%, 80vmax); /* fit-content()
values */ grid-auto-columns: fit-content(400px); grid-auto-columns: fit-content(5cm); grid-auto-columns: fit-content(20%); /* multiple track-size
values */ grid-auto-columns: min-content max-content auto; grid-auto-columns: 100px 150px 390px; grid-auto-columns: 10% 33.3%; grid-auto-columns: 0.5fr 3fr 1fr; grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax); grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px); /* global
values */ grid-auto-columns: inherit; grid-auto-columns: initial; grid-auto-columns: unset;
values <length> is a non-negative length.
... <percentage> is a non-negative <percentage>
value relative to the block size of the grid container.
...And 3 more matches
grid-auto-rows - CSS: Cascading Style Sheets
syntax /* keyword
values */ grid-auto-rows: min-content; grid-auto-rows: max-content; grid-auto-rows: auto; /* <length>
values */ grid-auto-rows: 100px; grid-auto-rows: 20cm; grid-auto-rows: 50vmax; /* <percentage>
values */ grid-auto-rows: 10%; grid-auto-rows: 33.3%; /* <flex>
values */ grid-auto-rows: 0.5fr; grid-auto-rows: 3fr; /* minmax()
values */ grid-auto-rows: minmax(100px, auto); grid-auto-rows: minmax(max-...
...content, 2fr); grid-auto-rows: minmax(20%, 80vmax); /* multiple track-size
values */ grid-auto-rows: min-content max-content auto; grid-auto-rows: 100px 150px 390px; grid-auto-rows: 10% 33.3%; grid-auto-rows: 0.5fr 3fr 1fr; grid-auto-rows: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax); grid-auto-rows: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px); /* global
values */ grid-auto-rows: inherit; grid-auto-rows: initial; grid-auto-rows: unset;
values <length> is a non-negative length.
... <percentage> is a non-negative <percentage>
value relative to the block size of the grid container.
...And 3 more matches
grid-template - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: grid-template-areas grid-template-columns grid-template-rows syntax /* keyword
value */ grid-template: none; /* grid-template-rows / grid-template-columns
values */ grid-template: 100px 1fr / 50px 1fr; grid-template: auto 1fr / auto 1fr auto; grid-template: [linename] 100px / [columnname1] 30% [columnname2] 70%; grid-template: fit-content(100px) / fit-content(40%); /* grid-template-areas grid-template-rows / grid-template-column
values */ grid-template: "a a a" "...
...b b b"; grid-template: "a a a" 20% "b b b" auto; grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto; /* global
values */ grid-template: inherit; grid-template: initial; grid-template: unset;
values none is a keyword that sets all three longhand properties to none, meaning there is no explicit grid.
... <'grid-template-rows'> / <'grid-template-columns'> sets grid-template-rows and grid-template-columns to the specified
values, and sets grid-template-areas to none.
...And 3 more matches
initial-letter - CSS: Cascading Style Sheets
/* keyword
values */ initial-letter: normal; /* numeric
values */ initial-letter: 1.5; /* initial letter occupies 1.5 lines */ initial-letter: 3.0; /* initial letter occupies 3 lines */ initial-letter: 3.0 2; /* initial letter occupies 3 lines and sinks 2 lines */ /* global
values */ initial-letter: inherit; initial-letter: initial; initial-letter: unset; syntax the keyword
value normal, or a <number> optionally followed by an <integer>.
...
values normal no special initial-letter effect.
...negative
values are not allowed.
...And 3 more matches
left - CSS: Cascading Style Sheets
syntax /* <length>
values */ left: 3px; left: 2.4em; /* <percentage>s of the width of the containing block */ left: 10%; /* keyword
value */ left: auto; /* global
values */ left: inherit; left: initial; left: unset;
values <length> a negative, null, or positive <length> that represents: for absolutely positioned elements, the distance to the left edge of the containing block.
... inherit specifies that the
value is the same as the computed
value from its parent element (which might not be its containing block).
... this computed
value is then handled as if it were a <length>, <percentage>, or the auto keyword.
...And 3 more matches
mask-clip - CSS: Cascading Style Sheets
/* <geometry-box>
values */ mask-clip: content-box; mask-clip: padding-box; mask-clip: border-box; mask-clip: margin-box; mask-clip: fill-box; mask-clip: stroke-box; mask-clip: view-box; /* keyword
values */ mask-clip: no-clip; /* non-standard keyword
values */ -webkit-mask-clip: border; -webkit-mask-clip: padding; -webkit-mask-clip: content; -webkit-mask-clip: text; /* multiple
values */ mask-clip: padding-box, no-clip; mask-clip: view-box, fill-box, border-box; /* global
values */ mask-clip: inherit; mask-clip: initial; mask-clip: unset; syntax one or more of the keyword
values listed below, separated by commas.
...
values content-box the painted content is clipped to the content box.
...if a viewbox attribute is specified for the element creating the svg viewport, the reference box is positioned at the origin of the coordinate system established by the viewbox attribute and the dimension of the reference box is set to the width and height
values of the viewbox attribute.
...And 3 more matches
mask-origin - CSS: Cascading Style Sheets
/* keyword
values */ mask-origin: content-box; mask-origin: padding-box; mask-origin: border-box; mask-origin: margin-box; mask-origin: fill-box; mask-origin: stroke-box; mask-origin: view-box; /* multiple
values */ mask-origin: padding-box, content-box; mask-origin: view-box, fill-box, border-box; /* non-standard keyword
values */ -webkit-mask-origin: content; -webkit-mask-origin: padding; -webkit-mask-origin: border; /* global
values */ mask-origin: inherit; mask-origin: initial; mask-origin: unset; for elements rendered as a single box, this property specifies the mask positioning area.
... syntax one or more of the keyword
values listed below, separated by commas.
...
values content-box the position is relative to the content box.
...And 3 more matches
page-break-before - CSS: Cascading Style Sheets
/* keyword
values */ page-break-before: auto; page-break-before: always; page-break-before: avoid; page-break-before: left; page-break-before: right; page-break-before: recto; page-break-before: verso; /* global
values */ page-break-before: inherit; page-break-before: initial; page-break-before: unset; syntax
values auto initial
value.
...a subset of
values should be aliased as follows: page-break-before break-before auto auto left left right right avoid avoid always page formal definition initial
valueautoapplies toblock-level elements in the normal flow of the root element.
... user agents may also apply it to other elements like table-row elements.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | always | avoid | left | right | recto | verso examples avoid a page break before the dic /* avoid page break before the div */ div.note { page-break-before: avoid; } specifications specification status comment css logical properties and
values level 1the definition of 'recto and verso' in that specification.
...And 3 more matches
paint-order - CSS: Cascading Style Sheets
syntax /* normal */ paint-order: normal; /* single
values */ paint-order: stroke; /* draw the stroke first, then fill and markers */ paint-order: markers; /* draw the markers first, then fill and stroke */ /* multiple
values */ paint-order: stroke fill; /* draw the stroke first, then the fill, then the markers */ paint-order: markers stroke fill; /* draw markers, then stroke, then fill */ if no
value is specified, the default paint order is fill, stroke, markers.
... when one
value is specified, that one is painted first, followed by the other two in their default order relative to one another.
... when two
values are specified, they will be painted in the order they are specified in, followed by the unspecified one.
...And 3 more matches
right - CSS: Cascading Style Sheets
syntax /* <length>
values */ right: 3px; right: 2.4em; /* <percentage>s of the width of the containing block */ right: 10%; /* keyword
value */ right: auto; /* global
values */ right: inherit; right: initial; right: unset;
values <length> a negative, null, or positive <length> that represents: for absolutely positioned elements, the distance to the right edge of the containing block.
... inherit specifies that the
value is the same as the computed
value from its parent element (which might not be its containing block).
... this computed
value is then handled as if it were a <length>, <percentage>, or the auto keyword.
...And 3 more matches
scroll-margin - CSS: Cascading Style Sheets
the scroll-margin shorthand property sets all of the scroll margins of an element at once, assigning
values much like the margin property does for margins of an element.
... constituent properties this property is a shorthand for the following css properties: scroll-margin-bottom scroll-margin-left scroll-margin-right scroll-margin-top syntax /* <length>
values */ scroll-margin: 10px; scroll-margin: 1em .5em 1em 1em; /* global
values */ scroll-margin: inherit; scroll-margin: initial; scroll-margin: unset;
values <length> an outset from the corresponding edge of the scroll container.
...the
value specified for scroll-margin determines how much of the page that's primarily outside the snapport should remain visible.
...And 3 more matches
symbols() - CSS: Cascading Style Sheets
the symbols() css function lets you define counter styles inline, directly as the
value of a property such as list-style.
...[ <string> | <image> ]+ ); <symbols-type> can be one of the following: cyclic: the system cycles through the given
values in the order of their definition, and returns to the start when it reaches the end.
... numeric: the system interprets the given
values as the successive units of a place-
value numbering system.
...And 3 more matches
text-combine-upright - CSS: Cascading Style Sheets
/* keyword
values */ text-combine-upright: none; text-combine-upright: all; /* digits
values */ text-combine-upright: digits; /* fits 2 consecutive digits horizontally inside vertical text */ text-combine-upright: digits 4; /* fits up to 4 consecutive digits horizontally inside vertical text */ /* global
values */ text-combine-upright: inherit; text-combine-upright: initial; text-combine-upright: unset; ...
... syntax
values none there is no special processing.
... formal definition initial
valuenoneapplies tonon-replaced inline elementsinheritedyescomputed
valuespecified keyword, plus integer if 'digits'animation typediscrete formal syntax none | all | [ digits <integer>?
...And 3 more matches
text-orientation - CSS: Cascading Style Sheets
syntax /* keyword
values */ text-orientation: mixed; text-orientation: upright; text-orientation: sideways-right; text-orientation: sideways; text-orientation: use-glyph-orientation; /* global
values */ text-orientation: inherit; text-orientation: initial; text-orientation: unset; the text-orientation property is specified as a single keyword from the list below.
...
values mixed rotates the characters of horizontal scripts 90° clockwise.
...default
value.
...And 3 more matches
text-rendering - CSS: Cascading Style Sheets
/* keyword
values */ text-rendering: auto; text-rendering: optimizespeed; text-rendering: optimizelegibility; text-rendering: geometricprecision; /* global
values */ text-rendering: inherit; text-rendering: initial; text-rendering: unset; note: the text-rendering property is an svg property that is not defined in any css standard.
... syntax
values auto the browser makes educated guesses about when to optimize for speed, legibility, and geometric precision while drawing text.
... for differences in how this
value is interpreted by the browser, see the compatibility table.
...And 3 more matches
perspective() - CSS: Cascading Style Sheets
the perspective() transform function is part of the transform
value applied on the element being transformed.
... syntax the perspective distance used by perspective() is specified by a <length>
value, which represents the distance between the user and the z=0 plane.
...a positive
value makes the element appear closer to the user than the rest of the interface, a negative
value farther.
...And 3 more matches
transform - CSS: Cascading Style Sheets
if the property has a
value different than none, a stacking context will be created.
... syntax /* keyword
values */ transform: none; /* function
values */ transform: matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: perspective(17px); transform: rotate(0.5turn); transform: rotate3d(1, 2.0, 3.0, 10deg); transform: rotatex(10deg); transform: rotatey(10deg); transform: rotatez(10deg); transform: translate(12px, 50%); transform: translate3d(12px, 50%, 3em); transform: translatex(2...
...em); transform: translatey(3in); transform: translatez(2px); transform: scale(2, 0.5); transform: scale3d(2.5, 1.2, 0.3); transform: scalex(2); transform: scaley(0.5); transform: scalez(0.3); transform: skew(30deg, 20deg); transform: skewx(30deg); transform: skewy(1.07rad); /* multiple function
values */ transform: translatex(10px) rotate(10deg) translatey(5px); transform: perspective(500px) translate(10px, 0, 20px) rotatey(3deg); /* global
values */ transform: inherit; transform: initial; transform: unset; the transform property may be specified as either the keyword
value none or as one or more <transform-function>
values.
...And 3 more matches
user-select - CSS: Cascading Style Sheets
/* keyword
values */ user-select: none; user-select: auto; user-select: text; user-select: contain; user-select: all; /* global
values */ user-select: inherit; user-select: initial; user-select: unset; /* mozilla-specific
values */ -moz-user-select: none; -moz-user-select: text; -moz-user-select: all; /* webkit-specific
values */ -webkit-user-select: none; -webkit-user-select: text; -webkit-user-select: all; /* doesn't work in safari; use only "none" or "text", or else it will allow typing in the <html> container */ /* microsoft-specific
values */ -ms-user-select: none; -ms-user-sele...
...ct: text; -ms-user-select: element; note: user-select is not an inherited property, though the initial auto
value makes it behave like it is inherited most of the time.
... auto the used
value of auto is determined as follows: on the ::before and ::after pseudo elements, the used
value is none if the element is an editable element, the used
value is contain otherwise, if the used
value of user-select on the parent of this element is all, the used
value is all otherwise, if the used
value of user-select on the parent of this element is none, the used
value is none otherwise...
...And 3 more matches
zoom - CSS: Cascading Style Sheets
/* keyword
values */ zoom: normal; zoom: reset; /* <percentage>
values */ zoom: 50%; zoom: 200%; /* <number>
values */ zoom: 1.1; zoom: 0.7; /* global
values */ zoom: inherit; zoom: initial; zoom: unset; syntax
values normal render this element at its normal size.
...
values larger than 100% zoom in.
...
values smaller than 100% zoom out.
...And 3 more matches
Event reference
storage events change (see non-standard events) storage update events checking downloading error noupdate obsolete updateready
value change events broadcast checkboxstatechange hashchange input radiostatechange readystatechange
valuechange uncategorized events invalid message message open show less common and non-standard events abortable fetch events event name fired when abort a dom request is aborted, i.e.
... change event dom l2, html5 the change event is fired for <input>, <select>, and <textarea> elements when a change to the element's
value is committed by the user.
... domattrmodified mutationevent dom l3 the
value of an attribute has been modified (use mutation observers instead).
...And 3 more matches
Video player styling basics - Developer guides
the markup for the custom controls now looks as follows: <div id="video-controls" class="controls" data-state="hidden"> <button id="playpause" type="button" data-state="play">play/pause</button> <button id="stop" type="button" data-state="stop">stop</button> <div class="progress"> <progress id="progress"
value="0" min="0"> <span id="progress-bar"></span> </progress> </div> <button id="mute" type="button" data-state="mute">mute/unmute</button> <button id="volinc" type="button" data-state="volup">vol+</button> <button id="voldec" type="button" data-state="voldown">vol-</button> <button id="fs" type="button" data-state="go-fullscreen">fullscreen</button> </div> related css a...
...ber of properties that also need to be set for all elements within the video controls: .controls > * { float:left; width:3.90625%; height:100%; margin-left:0.1953125%; display:block; } .controls > *:first-child { margin-left:0; } all elements are floated left, as they are to be aligned next to one another, and each element is set to have a width of nearly 4% (again the actual
value was calculated based on the required dimensions of the buttons), and a height of 100%.
... a
value for margin-left is also set, but the first element (in this case the play/pause button) has this property overridden by the
value 0.
...And 3 more matches
Audio and Video Delivery - Developer guides
<audio controls> <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <a href="audiofile.mp3">download audio</a> <object width="320" height="30" type="application/x-shockwave-flash" data="flashmediaelement.swf"> <param name="movie"
value="flashmediaelement.swf" /> <param name="flashvars"
value="controls=true&isvideo=false&file=audiofile.mp3" /> </object> </audio> the process is very similar with video — just remember to set isvideo=true in the flashvars
value parameters.
... the api supports use cases ranging from simple clear key decryption to high
value video (given an appropriate user agent implementation).
...this is done by setting the
value of the currenttime property on the element; see htmlmediaelement for further details on the element's properties.
...And 3 more matches
Block formatting context - Developer guides
block elements where overflow has a
value other than visible.
... using overflow: auto setting overflow: auto or set other
values than the initial
value of overflow: visible created a new bfc containing the float.
... using display: flow-root a newer
value of display lets us create a new bfc without any other potentially problematic side-effects.
...And 3 more matches
<keygen> - HTML: Hypertext Markup Language
the
value of the attribute must be an id of a <form> element in the same document.
...the default
value is rsa.
...valid
values are "rsa", which is the default, "dsa" and "ec".
...And 3 more matches
<output>: The Output element - HTML: Hypertext Markup Language
for a space-separated list of other elements’ ids, indicating that those elements contributed input
values to (or otherwise affected) the calculation.
...the
value of this attribute must be the id of a <form> in the same document.
... the <output>
value, name, and contents are not submitted during form submission.
...And 3 more matches
Microdata - HTML: Hypertext Markup Language
microdata uses a supporting vocabulary to describe an item and name-
value pairs to assign
values to its properties.
... at a high level, microdata consists of a group of name-
value pairs.
... the groups are called items, and each name-
value pair is a property.
...And 3 more matches
Preloading content with rel="preload" - HTML: Hypertext Markup Language
the preload
value of the <link> element's rel attribute lets you declare fetch requests in the html's <head>, specifying resources that your page will need very soon, which you want to start loading early in the page lifecycle, before browsers' main rendering machinery kicks in.
... the basics you most commonly use <link> to load a css file to style your page with: <link rel="stylesheet" href="styles/main.css"> here however, we will use a rel
value of preload, which turns <link> into a preloader for any resource we want.
...the possible as attribute
values are: audio: audio file, as typically used in <audio>.
...And 3 more matches
Accept-Encoding - HTTP
even if both the client and the server supports the same compression algorithms, the server may choose not to compress the body of a response, if the identity
value is also acceptable.
... as long as the identity
value, meaning no encoding, is not explicitly forbidden, by an identity;q=0 or a *;q=0 without another explicitly set
value for identity, the server must never send back a 406 not acceptable error.
... header type request header forbidden header name yes syntax accept-encoding: gzip accept-encoding: compress accept-encoding: deflate accept-encoding: br accept-encoding: identity accept-encoding: * // multiple algorithms, weighted with the quality
value syntax: accept-encoding: deflate, gzip;q=1.0, *;q=0.5 directives gzip a compression format using the lempel-ziv coding (lz77), with a 32-bit crc.
...And 3 more matches
CSP: base-uri - HTTP
if this
value is absent, then any uri is allowed.
... if this directive is absent, the user agent will use the
value in the <base> element.
...unlike other
values below, single quotes shouldn't be used.
...And 3 more matches
CSS Houdini
houdini provides an object-based api for working with css
values in javascript.
... houdini's css typed om is a css object model with types and methods, exposing
values as javascript objects making for more intuitive css manipulation than previous string based htmlelement.style manipulations.
... css properties and
values api defines an api for registering new css properties.
...And 3 more matches
Memory Management - JavaScript
allocation in javascript
value initialization in order to not bother the programmer with allocations, javascript will automatically allocate memory when
values are initially declared.
... var n = 123; // allocates memory for a number var s = 'azerty'; // allocates memory for a string var o = { a: 1, b: null }; // allocates memory for an object and contained
values // (like object) allocates memory for the array and // contained
values var a = [1, null, 'abra']; function f(a) { return a + 2; } // allocates a function (which is a callable object) // function expressions also allocate an object someelement.addeventlistener('click', function() { someelement.style.backgroundcolor = 'blue'; }, false); allocation via function calls some function calls result in object allocation.
... var d = new date(); // allocates a date object var e = document.createelement('div'); // allocates a dom element some methods allocate new
values or objects: var s = 'azerty'; var s2 = s.substr(0, 3); // s2 is a new string // since strings are immutable
values, // javascript may decide to not allocate memory, // but just store the [0, 3] range.
...And 3 more matches
Warning: JavaScript 1.6's for-each-in loops are deprecated - JavaScript
examples object iteration for each...in has been used to iterate over the specified object
values.
... deprecated syntax var object = { a: 10, b: 20 }; for each (var x in object) { console.log(x); // 10 // 20 } alternative standard syntax you can now use the standard for...in loop to iterate over specified object keys, and get each
value inside the loop: var object = { a: 10, b: 20 }; for (var key in object) { var x = object[key]; console.log(x); // 10 // 20 } or, using for...of (es2015) and object.
values (es2017), you can get an array of the specified object
values and iterate over the array like this: var object = { a: 10, b: 20 }; for (var x of object.
values(object)) { console.log(x); // 10 // 20 } array iteration for each...in has been used to iterate over specified array e...
... var array = [10, 20, 30]; for (var x of array) { console.log(x); // 10 // 20 // 30 } iterating over a null-able array for each...in does nothing if the specified
value is null or undefined, but for...of will throw an exception in these cases.
...And 3 more matches
TypeError: invalid assignment to const "x" - JavaScript
the javascript exception "invalid assignment to const" occurs when it was attempted to alter a constant
value.
... a constant is a
value that cannot be altered by the program during normal execution.
... examples invalid redeclaration assigning a
value to the same constant name in the same block-scope will throw.
...And 3 more matches
SyntaxError: missing = in const declaration - JavaScript
the javascript exception "missing = in const declaration" occurs when a const declaration was not given a
value in the same statement (like const red_flag;).
... a constant is a
value that cannot be altered by the program during normal execution.
...an initializer for a constant is required; that is, you must specify its
value in the same statement in which it's declared (which makes sense, given that it can't be changed later).
...And 3 more matches
Array.prototype[@@iterator]() - JavaScript
the @@iterator method is part of the iterable protocol, that defines how to synchronously iterate over a sequence of
values.
... the initial
value of the @@iterator property is the same function object as the initial
value of the
values() property.
... syntax arr[symbol.iterator]() return
value the initial
value given by the
values() iterator.
...And 3 more matches
Array.prototype.concat() - JavaScript
syntax const new_array = old_array.concat([
value1[,
value2[, ...[,
valuen]]]]) parameters
valuen optional arrays and/or
values to concatenate into a new array.
... if all
valuen parameters are omitted, concat returns a shallow copy of the existing array on which it is called.
... return
value a new array instance.
...And 3 more matches
Array.prototype.toLocaleString() - JavaScript
return
value a string representing the elements of the array.
... polyfill // https://tc39.github.io/ecma402/#sup-array.prototype.tolocalestring if (!array.prototype.tolocalestring) { object.defineproperty(array.prototype, 'tolocalestring', {
value: function(locales, options) { // 1.
...toobject(this
value).
...And 3 more matches
Atomics.and() - JavaScript
the static atomics.and() method computes a bitwise and with a given
value at a given position in the array, and returns the old
value at that position.
... this atomic operation guarantees that no other write happens until the modified
value is written back.
... syntax atomics.and(typedarray, index,
value) parameters typedarray an integer typed array.
...And 3 more matches
Atomics.or() - JavaScript
the static atomics.or() method computes a bitwise or with a given
value at a given position in the array, and returns the old
value at that position.
... this atomic operation guarantees that no other write happens until the modified
value is written back.
... syntax atomics.or(typedarray, index,
value) parameters typedarray an integer typed array.
...And 3 more matches
Atomics.wait() - JavaScript
the static atomics.wait() method verifies that a given position in an int32array still contains a given
value and if so sleeps, awaiting a wakeup or a timeout.
... syntax atomics.wait(typedarray, index,
value[, timeout]) parameters typedarray a shared int32array.
...
value the expected
value to test.
...And 3 more matches
Atomics.xor() - JavaScript
the static atomics.xor() method computes a bitwise xor with a given
value at a given position in the array, and returns the old
value at that position.
... this atomic operation guarantees that no other write happens until the modified
value is written back.
... syntax atomics.xor(typedarray, index,
value) parameters typedarray an integer typed array.
...And 3 more matches
DataView.prototype.setBigInt64() - JavaScript
the setbigint64() method stores a signed 64-bit integer (long long)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setbigint64(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in bytes, from the start of the view to store the data from.
...
value the
value to set as a bigint.
...And 3 more matches
DataView.prototype.setBigUint64() - JavaScript
the setbiguint64() method stores an unsigned 64-bit integer (unsigned long long)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setbiguint64(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in bytes, from the start of the view to store the data from.
...
value the
value to set as a bigint.
...And 3 more matches
Date.prototype.setMonth() - JavaScript
syntax dateobj.setmonth(month
value[, day
value]) versions prior to javascript 1.3 dateobj.setmonth(month
value) parameters month
value a zero-based integer representing the month of the year offset from the start of the year.
... day
value optional.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
...And 3 more matches
Generator.prototype.throw() - JavaScript
the throw() method resumes the execution of a generator by throwing an error into it and returns an object with two properties done and
value.
... return
value an object with two properties: done (boolean) has the
value true if the iterator is past the end of the iterated sequence.
... in this case
value optionally specifies the return
value of the iterator.
...And 3 more matches
Intl.RelativeTimeFormat.prototype.resolvedOptions() - JavaScript
syntax relativetimeformat.resolvedoptions() return
value a new object with properties reflecting the locale and number formatting options computed during the initialization of the given relativetimeformat object.
...if any unicode extension
values were requested in the input bcp 47 language tag that led to this locale, the key-
value pairs that were requested and are supported for this locale are included in locale.
...possible
values are: "long" (default, e.g., in 1 month) "short" (e.g., in 1 mo.), or "narrow" (e.g., in 1 mo.).
...And 3 more matches
Math.min() - JavaScript
the static function math.min() returns the lowest-
valued number passed into it, or nan if any parameter isn't a number and can't be converted into one.
... syntax math.min([
value1[,
value2[, ...]]]) parameters
value1,
value2, ...
... zero or more numbers among which the lowest
value will be selected and returned.
...And 3 more matches
Number.isInteger() - JavaScript
the number.isinteger() method determines whether the passed
value is an integer.
... syntax number.isinteger(
value) parameters
value the
value to be tested for being an integer.
... return
value a boolean indicating whether or not the given
value is an integer.
...And 3 more matches
Object.getOwnPropertyDescriptor() - JavaScript
return
value a property descriptor of the given property if it exists on the object, undefined otherwise.
...a property in javascript consists of either a string-
valued name or a symbol and a property descriptor.
... a property descriptor is a record with some of the following attributes:
value the
value associated with the property (data descriptors only).
...And 3 more matches
Object.seal() - JavaScript
values of present properties can still be changed as long as they are writable.
... return
value the object being sealed.
...making all properties non-configurable also prevents them from being converted from data properties to accessor properties and vice versa, but it does not prevent the
values of data properties from being changed.
...And 3 more matches
Object.prototype.toString() - JavaScript
syntax obj.tostring() return
value a string representing the object.
... description every object has a tostring() method that is automatically called when the object is to be represented as a text
value or when an object is referred to in a manner in which a string is expected.
... parameters for numbers and bigints tostring() takes an optional parameter radix the
value of radix must be minimum 2 and maximum 36.
...And 3 more matches
String.fromCharCode() - JavaScript
return
value a string of length n consisting of the n specified utf-16 code units.
... returning supplementary characters in utf-16, the most common characters can be represented by a single 16-bit
value (i.e.
... because fromcharcode() only works with 16-bit
values (same as the \u escape sequence), a surrogate pair is required in order to return a supplementary character.
...And 3 more matches
String.prototype.substr() - JavaScript
return
value a new string containing the specified part of the given string.
...its
value is capped at str.length.
...its
value is capped at -str.length.
...And 3 more matches
WeakMap() constructor - JavaScript
the weakmap() constructor creates weakmap objects which are a collections of key/
value pairs in which the keys are weakly referenced.
... the keys must be objects and the
values can be arbitrary
values.
... syntax new weakmap([iterable]) parameters iterable iterable is an array or other iterable object whose elements are key-
value pairs (2-element arrays).
...And 3 more matches
WeakMap.prototype.set() - JavaScript
the set() method adds a new element with a specified key and
value to a weakmap object.
... syntax wm.set(key,
value); parameters key required.
...
value required.
...And 3 more matches
WebAssembly.Table.prototype.set() - JavaScript
the set() prototype method of the webassembly.table object mutates a reference stored at a given index to a different
value.
... syntax table.set(index,
value); parameters index the index of the function reference you want to mutate.
...
value the
value you want to mutate the reference to.
...And 3 more matches
parseFloat() - JavaScript
syntax parsefloat(string) parameters string the
value to parse.
... return
value a floating point number parsed from the given string.
... if parsefloat encounters a character other than a plus sign (+), minus sign (- u+002d hyphen-minus), numeral (0–9), decimal point (.), or exponent (e or e), it returns the
value up to that character, ignoring the invalid character and characters following it.
...And 3 more matches
undefined - JavaScript
the global undefined property represents the primitive
value undefined.
...the initial
value of undefined is the primitive
value undefined.
...(even when this is not the case, avoid overriding it.) a variable that has not been assigned a
value is of type undefined.
...And 3 more matches
typeof - JavaScript
description the following table summarizes the possible return
values of typeof.
... number "number" bigint (new in ecmascript 2020) "bigint" string "string" symbol (new in ecmascript 2015) "symbol" function object (implements [[call]] in ecma-262 terms) "function" any other object "object" note: ecmascript 2019 and older permitted implementations to have typeof return any implementation-defined string
value for non-callable non-standard exotic objects.
... examples basic usage // numbers typeof 37 === 'number'; typeof 3.14 === 'number'; typeof(42) === 'number'; typeof math.ln2 === 'number'; typeof infinity === 'number'; typeof nan === 'number'; // despite being "not-a-number" typeof number('1') === 'number'; // number tries to parse things into numbers typeof number('shoe') === 'number'; // including
values that cannot be type coerced to a number typeof 42n === 'bigint'; // strings typeof '' === 'string'; typeof 'bla' === 'string'; typeof `template literal` === 'string'; typeof '1' === 'string'; // note that a number within a string is still typeof string typeof (typeof 1) === 'string'; // typeof always returns a string typeof string(1) === 'string'; // string converts anything into a string, sa...
...And 3 more matches
yield* - JavaScript
description the yield* expression iterates over the operand and yields each
value returned by it.
... the
value of yield* expression itself is the
value returned by that iterator when it's closed (i.e., when done is true).
... examples delegating to another generator in following code,
values yielded by g1() are returned from next() calls just like those which are yielded by g2().
...And 3 more matches
throw - JavaScript
when you throw an exception, expression specifies the
value of the exception.
... each of the following throws an exception: throw 'error2'; // generates an exception with a string
value throw 42; // generates an exception with the
value 42 throw true; // generates an exception with the
value true throw new error('required'); // generates an error object with the message of required also note that the throw statement is affected by automatic semicolon insertion (asi) as no line terminator between the throw keyword and the expression is allowed.
... */ function zipcode(zip) { zip = new string(zip); pattern = /[0-9]{5}([- ]?[0-9]{4})?/; if (pattern.test(zip)) { // zip code
value will be the first match in the string this.
value = zip.match(pattern)[0]; this.
valueof = function() { return this.
value }; this.tostring = function() { return string(this.
value) }; } else { throw new zipcodeformatexception(zip); } } function zipcodeformatexception(
value) { this.
value =
value; this.message = 'does not conform to th...
...And 3 more matches
<ms> - MathML
possible
values are either ltr (left to right) or rtl (right to left).
...the default
value is """.
...see length for possible
values.
...And 3 more matches
<mtd> - MathML
columnalign specifies the horizontal alignment of this cell and overrides
values specified by <mtable> or <mtr>.
... possible
values are: left, center and right.
... columnspan a non-negative integer
value that indicates on how many columns does the cell extend.
...And 3 more matches
calcMode - SVG: Scalable Vector Graphics
four elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, and <animatetransform> usage notes
value discrete | linear | paced | spline default
value linear animatable no discrete this specifies that the animation function will jump from one
value to the next without any interpolation.
... linear simple linear interpolation between
values is used to calculate the animation function.
... except for <animatemotion>, this is the default
value.
...And 3 more matches
display - SVG: Scalable Vector Graphics
a
value of display="none" indicates that the given element and its children will not be rendered.
... any
value other than none or inherit indicates that the given element will be rendered by the browser.
...this means that any child of an element with display="none" will never be rendered even if the child has a
value for display other than none.
...And 3 more matches
filterRes - SVG: Scalable Vector Graphics
take care when assigning a non-default
value to this attribute.
... too small of a
value may result in unwanted pixelation in the result.
... too large of a
value may result in slow processing and large memory usage.
...And 3 more matches
keySplines - SVG: Scalable Vector Graphics
if there are any errors in the keysplines specification (bad
values, too many or too few
values), the animation will not occur.
... four elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, and <animatetransform> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <circle cx="60" cy="10" r="10"> <animate attributename="cx" dur="4s" calcmode="spline" repeatcount="indefinite"
values="60 ; 110 ; 60 ; 10 ; 60" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" keysplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.5 0 0.5 1"/> <animate attributename="cy" dur="4s" calcmode="spline" repeatcount="indefinite"
values="10 ; 60 ; 110 ; 60 ; 10" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" keysplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.5 0 0.5 1"/> </circle> </svg> usage notes
value <control-point> [ ; <contr...
... default
value none animatable no the attribute
value is a semicolon-separated list of control point descriptions.
...And 3 more matches
overflow - SVG: Scalable Vector Graphics
it has the same parameter
values and meaning as the css overflow property, however, the following additional points apply: if it has a
value of visible, the attribute has no effect (i.e., a clipping rectangle is not created).
... if the overflow property has the
value hidden or scroll, a clip of the exact size of the svg viewport is applied.
... within svg content, the
value auto implies that all rendered content for child elements must be visible, either through a scrolling mechanism, or by rendering with no clip.
...And 3 more matches
rx - SVG: Scalable Vector Graphics
with a
value lower or equal to zero the ellipse won't be drawn at all.
...
value <length> | <percentage> | auto default
value auto animatable yes note: starting with svg2, rx is a geometry property meaning this attribute can also be used as a css property for ellipses.
... the way the
value of the rx attribute is interpreted depend on both the ry attribute and the width of the rectangle: if a properly specified
value is provided for rx but not for ry (or the opposite), then the browser will consider the missing
value equal to the defined one.
...And 3 more matches
ry - SVG: Scalable Vector Graphics
with a
value lower or equal to zero the ellipse won't be drawn at all.
...
value <length> | <percentage> | auto default
value auto animatable yes note: starting with svg2, ry is a geometry property meaning this attribute can also be used as a css property for ellipses.
... the way the
value of the ry attribute is interpreted depend on both the rx attribute and the width of the rectangle: if a properly specified
value is provided for ry but not for rx (or the opposite), then the browser will consider the missing
value equal to the defined one.
...And 3 more matches
stdDeviation - SVG: Scalable Vector Graphics
width="160%" height="160%"> <fegaussianblur stddeviation="10" /> </filter> <circle cx="100" cy="100" r="50" style="filter: url(#gaussianblur1);" /> <circle cx="100" cy="100" r="50" style="filter: url(#gaussianblur2); transform: translatex(140px);" /> <circle cx="100" cy="100" r="50" style="filter: url(#gaussianblur3); transform: translatex(280px);" /> </svg> usage notes
value <number-optional-number> default
value 0 animatable yes <number-optional-number> if two numbers are provided, the first number represents a standard deviation
value along the x-axis.
... the second
value represents a standard deviation along the y-axis.
... if one number is provided, then that
value is used for both x and y.
...And 3 more matches
stroke-linecap - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <path>, <polyline>, <line>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"> <!-- effect of the (default) "butt"
value --> <line x1="1" y1="1" x2="5" y2="1" stroke="black" stroke-linecap="butt" /> <!-- effect of the "round"
value --> <line x1="1" y1="3" x2="5" y2="3" stroke="black" stroke-linecap="round" /> <!-- effect of the "square"
value --> <line x1="1" y1="5" x2="5" y2="5" stroke="black" stroke-linecap="square" /> <!-- the following pink lines highlight the posit...
...ion of the path for each stroke --> <path d="m1,1 h4 m1,3 h4 m1,5 h4" stroke="pink" stroke-width="0.025" /> </svg> usage notes
value butt | round | square default
value butt animatable yes butt the butt
value indicates that the stroke for each subpath does not extend beyond its two endpoints.
... example html,body,svg { height:100% } <svg viewbox="0 0 6 4" xmlns="http://www.w3.org/2000/svg"> <!-- effect of the "butt"
value --> <path d="m1,1 h4" stroke="black" stroke-linecap="butt" /> <!-- effect of the "butt"
value on a zero length path --> <path d="m3,3 h0" stroke="black" stroke-linecap="butt" /> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4" stroke="pink" stroke-width="0.025" /> <circle cx="1" cy="1" r="0.05" fill="pink" /> <circle cx="5" cy="1" r="0.05" fill="pink" /> <circle cx="3" cy="3" r="0.05" fill="pink" /> </svg> round the round
value indicates that at the end of each subpath the stroke will be extended...
...And 3 more matches
text-anchor - SVG: Scalable Vector Graphics
each text chunk has an initial current text position, which represents the point in the user coordinate system resulting from (depending on context) application of the x and y attributes on the <text> element, any x or y attribute
values on a <tspan>, <tref> or <altglyph> element assigned explicitly to the first rendered character in a text chunk, or determination of the initial current text position for a <textpath> element.
..." x="60" y="75">a</text> <text text-anchor="end" x="60" y="110">a</text> <!-- materialisation of anchors --> <circle cx="60" cy="40" r="3" fill="red" /> <circle cx="60" cy="75" r="3" fill="red" /> <circle cx="60" cy="110" r="3" fill="red" /> <style><![cdata[ text { font: bold 36px verdana, helvetica, arial, sans-serif; } ]]></style> </svg> usage notes default
value start
value start | middle | end animatable yes start the rendered characters are aligned such that the start of the text string is at the initial current text position.
... for an element with a direction property
value of ltr (typical for most european languages), the left side of the text is rendered at the initial text position.
...And 3 more matches
xlink:show - SVG: Scalable Vector Graphics
in case of a conflict, the target attribute has priority, since it can express a wider range of
values.
... only one element is using this attribute: <a> usage notes
value new | replace | embed | other | none default
value replace animatable no new this
value specifies that the referenced resource is opened in a new window or tab.
... replace this
value specifies that the referenced resource is opened in the same window or tab.
...And 3 more matches
<circle> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default
value: 0; animatable: yes cy the y-axis coordinate of the center of the circle.
...
value type: <length>|<percentage> ; default
value: 0; animatable: yes r the radius of the circle.
... a
value lower or equal to zero disables rendering of the circle.
...And 3 more matches
<feColorMatrix> - SVG: Scalable Vector Graphics
every pixel's color
value [r,g,b,a] is matrix multiplied by a 5 by 5 color matrix to create new color [r',g',b',a'].
...the last row is ignored because its
values are constant.
... an identity matrix looks like this: r g b a w r' | 1 0 0 0 0 | g' | 0 1 0 0 0 | b' | 0 0 1 0 0 | a' | 0 0 0 1 0 | in it, every new
value is exactly 1 times its old
value, with nothing else added.
...And 3 more matches
<feConvolveMatrix> - SVG: Scalable Vector Graphics
a matrix convolution is based on an n-by-m matrix (the convolution kernel) which describes how a given pixel
value in the input image is combined with its neighboring pixel
values to produce a resulting pixel
value.
...the basic convolution formula which is applied to each color
value for a given pixel is: colorx,y = ( sum i=0 to [ordery-1] { sum j=0 to [orderx-1] { source x-targetx+j, y-targety+i * kernelmatrixorderx-j-1, ordery-i-1 } } ) / divisor + bias * alphax,y where "orderx" and "ordery" represent the x and y
values for the ‘order’ attribute, "targetx" represents the
value of the ‘targetx’ attribute, "targety" represents the
value of the ‘targety’ attribute, "kernelmatrix" represents the
value of the ‘kernelmatrix’ attribute, "divisor" represents the
value ...
...of the ‘divisor’ attribute, and "bias" represents the
value of the ‘bias’ attribute.
...And 3 more matches
<line> - SVG: Scalable Vector Graphics
value type: <length>|<percentage>|<number> ; default
value: 0; animatable: yes x2 defines the x-axis coordinate of the line ending point.
...
value type: <length>|<percentage>|<number> ; default
value: 0; animatable: yes y1 defines the y-axis coordinate of the line starting point.
...
value type: <length>|<percentage>|<number> ; default
value: 0; animatable: yes y2 defines the y-axis coordinate of the line ending point.
...And 3 more matches
<mask> - SVG: Scalable Vector Graphics
value type: <length> ; default
value: 120%; animatable: yes maskcontentunits this attribute defines the coordinate system for the contents of the <mask>.
...
value type: userspaceonuse|objectboundingbox ; default
value: userspaceonuse; animatable: yes maskunits this attribute defines defines the coordinate system for attributes x, y, width and height on the <mask>.
...
value type: userspaceonuse|objectboundingbox ; default
value: objectboundingbox; animatable: yes x this attribute defines the x-axis coordinate of the top-left corner of the masking area.
...And 3 more matches
Example - SVG: Scalable Vector Graphics
</div> <form action="" onsubmit="return false;"> <p> <label>number of motes:</label> <input id='num_motes'
value='5'/> <br/> <label>max.
... velocity:</label> <input id='max_velocity'
value='15'/> <br/> <label>attraction to cursor:</label> <input id='attract_cursor'
value='6'/> <br/> <label>repulsion from peers:</label> <input id='repel_peer'
value='5'/> <br/> </p> </form> <script type='text/javascript'> <![cdata[ // array of motes var motes; // get the display element.
... mote.prototype.capvelocity = function() { var max = parseint( document.getelementbyid('max_velocity').
value ); if( max < this.vx ) this.vx = max; else if( -max > this.vx ) this.vx = -max; if( max < this.vy ) this.vy = max; else if( -max > this.vy ) this.vy = -max; } // mote::capposition() -- apply an upper/lower limit // on mote position.
...And 3 more matches
Subresource Integrity - Web security
using subresource integrity you use the subresource integrity feature by specifying a base64-encoded cryptographic hash of a resource (file) you’re telling the browser to fetch, in the
value of the integrity attribute of any <script> or <link> element.
... an integrity
value begins with at least one string, with each string including a prefix indicating a particular hash algorithm (currently the allowed prefixes are sha256, sha384, and sha512), followed by a dash, and ending with the actual base64-encoded hash.
... note: an integrity
value may contain multiple hashes separated by whitespace.
...And 3 more matches
Classes and Inheritance - Archive of obsolete content
each class defines one or more members, which are initialized to a given
value when the class is instantiated.
...moreover, if the constructor does not return a
value, the result of the call defaults to the
value of this.
...however, since the
value of this is undefined for ordinary function calls, we need to add some boilerplate code to convert them to constructor calls: function shape(x, y) { if (!this) return new shape(x, y); this.x = x; this.y = y; } prototypes every object has an implicit property, known as its prototype.
...And 2 more matches
stylesheet/utils - Archive of obsolete content
it accepts the following
values: "agent", "user" and "author".
... if not provided, the default
value is "author".
...it accepts the following
values: "agent", "user" and "author".
...And 2 more matches
test/assert - Archive of obsolete content
for example: var a = 1; exports["test
value of a"] = function(assert) { assert.ok(a == 1, "test that a is 1"); } require("sdk/test").run(exports); globals constructors assert(logger) create a new assert object.
...deep equality is defined in the commonjs specification for assert, item 7, which is quoted here: all identical
values are equivalent, as determined by ===.
... if the expected
value is a date object, the actual
value is equivalent if it is also a date object that refers to the same time.
...And 2 more matches
Localization - Archive of obsolete content
hello_id= <blink>hello!</blink> localizing element attributes this feature is new in firefox 39 you can localize certain attributes of elements with an l10n-id by setting its
value with l10n-id.attributename in the properties file like: hello_id.accesskey= h the following attributes are supported: accesskey alt label title placeholder further the localization of the aria attributes aria-label, aria-
valuetext and aria-moz-hint are supported with the same aliases as on firefox os: arialabel aria
valuetext ariamozhint using localized strings in javascript to ...
... to provide the localized form of the preference title, include an entry in your "properties" file whose identifier is the preference name followed by _title, and whose
value is the localized title.
... to provide the localized form of the preference description, include an entry in your "properties" file whose identifier is the preference name followed by _description, and whose
value is the localized description.
...And 2 more matches
Extension Versioning, Update and Compatibility - Archive of obsolete content
this means that if your update manifest contains an entry for the currently installed version of the add-on, and the entry's targetapplication entry specifies a larger maxversion then the application will use this
value instead of that specified in the add-on's install.rdf.
... <em:updatehash>sha256:78fc1d2887eda35b4ad2e3a0b60120ca271ce6e64ad2e3a0b60120ca271ce6e6</em:updatehash> note: the
value of updatehash, must start with the string of hashing algorithm, it is a common error to delete this prefix, when setting new
value to updatehash:sha256:78fc1d2887eda35b4ad2e3a0b60120ca271ce6e64ad2e3a0b60120ca271ce6e6 when a hash is specified the downloaded file is compared with the hash and an error shown if it does not match.
...simple right-click gives you hash
values for any file.
...And 2 more matches
Inline options - Archive of obsolete content
setting types there are several types of <setting>s, each with a different type attribute: type attribute displayed as preference stored as bool checkbox boolean boolint checkbox integer (use the attributes on and off to specify what
values to store) integer textbox integer string textbox string color colorpicker string (in the #123456 format) file browse button and label string directory browse button and label string menulist menulist dependent on the menu item
values radio radio buttons dependent on the radio
values ...
...lor" title="color"/> <!-- file and directory examples --> <setting pref="extensions.myaddon.file" type="file" title="file"/> <setting pref="extensions.myaddon.directory" type="directory" title="directory"/> <!-- list example (this example would be stored as an integer) --> <setting pref="extensions.myaddon.options1" type="menulist" title="options 1"> <menulist> <menupopup> <menuitem
value="500" label="small"/> <menuitem
value="800" label="medium"/> <menuitem
value="1200" label="large"/> </menupopup> </menulist> </setting> <!-- radio button example (this example would be stored as a boolean) --> <setting pref="extensions.myaddon.options2" type="radio" title="options 2"> <radiogroup> <radio
value="false" label="disabled"/> <radio
value="true" label="enab...
...the this
value is the setting xul element.
...And 2 more matches
The Essentials of an Extension - Archive of obsolete content
skin and locale packages have a third
value to specify what locale or what skin they are extending.
...the
value of the attribute is javascript code that invokes a function.
...the
value of the access key is localized because it should match a letter in the label text.
...And 2 more matches
Using content preferences - Archive of obsolete content
example: setting and retrieving preferences this example demonstrates how to save a preference and then retrieve its
value.
...@mozilla.org/network/io-service;1"] .getservice(components.interfaces.nsiioservice); var prefservice = components.classes["@mozilla.org/content-pref/service;1"] .getservice(components.interfaces.nsicontentprefservice); // create a uri object referencing the site to save a preference for var uri = iosvc.newuri("http://developer.mozilla.org/", null, null); // set the
value of the "devmo.somesetting" preference to "foo".
... // retrieve the
value of the "devmo.somesetting" preference.
...And 2 more matches
Creating a Microsummary - Archive of obsolete content
g/microsummaries/0.1" name="firefox download count"> <template> <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> <output method="text"/> <template match="/"> </template> </transform> </template> </generator> including the download count to include the download count in the output of the xslt transform sheet, we need to add an xslt <
value-of> element to the template whose select attribute contains an xpath expression that points to the node containing the count.
... add a <
value-of> element to the xslt <template> element whose select attribute contains that xpath expression: <?xml version="1.0" encoding="utf-8"?> <generator xmlns="http://www.mozilla.org/microsummaries/0.1" name="firefox download count"> <template> <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> <output method="text"/> <template match="/"> <valu...
... add a <text> element to the xslt template with the content fx downloads: <?xml version="1.0" encoding="utf-8"?> <generator xmlns="http://www.mozilla.org/microsummaries/0.1" name="firefox download count"> <template> <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> <output method="text"/> <template match="/"> <
value-of select="id('download-count')"/> <text> fx downloads</text> </template> </transform> </template> </generator> note that white space between xslt tags is not included in the xslt output, unlike in html where that white space is collapsed to a single space, so make sure to prepend a space to the phrase in order to separate it from the download count.
...And 2 more matches
Dehydra Object Reference - Archive of obsolete content
each member of the array has the following properties: { name: string,
value: string or number, if applicable } see an example on enforcing final classes.
...the
value is an array of
values that were assigned.
...note that when constructing the return
value of a function (e.g.
...And 2 more matches
Microsummary XML grammar reference - Archive of obsolete content
example the microsummary generator created in the creating a microsummary tutorial: <?xml version="1.0" encoding="utf-8"?> <generator xmlns="http://www.mozilla.org/microsummaries/0.1" name="firefox download count"> <template> <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> <output method="text"/> <template match="/"> <
value-of select="id('download-count')"/> <text> fx downloads</text> </template> </transform> </template> <pages> <include>http://(www\.)?spreadfirefox\.com/(index\.php)?</include> </pages> </generator> namespace the namespace uri for microsummary generator xml documents is: http://www.mozilla.org/microsummaries/0.1 all elements in a microsummary generator document should b...
...generators installed from the web via nssidebar::addmicrosummarygenerator are identified by the remote url from which they were downloaded, and firefox ignores the
value of this attribute for them.
...its
value must be a number greater than or equal to 1.
...And 2 more matches
Microsummary topics - Archive of obsolete content
ext = ' \ <?xml version="1.0" encoding="utf-8"?> \ <generator xmlns="http://www.mozilla.org/microsummaries/0.1" \ name="firefox download count" \ uri="urn:{835daeb3-6760-47fa-8f4f-8e4fdea1fb16}"> \ <template> \ <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> \ <output method="text"/> \ <template match="/"> \ <
value-of select="id(\'download-count\')"/> \ <text> fx downloads</text> \ </template> \ </transform> \ </template> \ <pages> <include>http://(www\.)?spreadfirefox\.com/(index\.php)?</include> </pages> </generator> \ '; var domparser = components.classes["@mozilla.org/xmlextras/domparser;1"].
...the
value of the attribute must be a valid uri, but you can specify an arbitrary identifier using a urn, for example: urn:{835daeb3-6760-47fa-8f4f-8e4fdea1fb16} to guarantee uniqueness, use urns containing uuids generated by the nsuuidgenerator component.
...it sets the
value of the header to the string microsummary.
...And 2 more matches
Monitoring downloads - Archive of obsolete content
// status is the same status
value that came from the download manager.
... var dbconn = this.storageservice.opendatabase(this.dbfile); statement = dbconn.createstatement("replace into items
values " + "(?1, ?2, ?3, 0, 0.0, 0)"); statement.bindstringparameter(0, adownload.source.spec); statement.bindint64parameter(1, adownload.size); statement.bindint64parameter(2, adownload.starttime); statement.execute(); statement.reset(); dbconn.close(); break; // record the completion (whether failed or successful) of the download case components.interfaces.nsidownloadmanager.download_finished: case components.interfaces.nsidownloadmanager.download_failed: case components.interfaces.nsidownloadmanager.download_canceled: this.logtransfercompleted(...
...the first three rows are set to the
values of the source uri, file size, and start time fields from the download object.
...And 2 more matches
Running Tamarin performance tests - Archive of obsolete content
nts to pass to java --random run tests in random order --seed explicitly specify random seed for --random -s --avm2 second avmplus command to use --avmname nickname for avm to use as column header --avm2name nickname for avm2 to use as column header --detail display results in 'old-style' format --raw output all raw test
values -i --iterations number of times to repeat test -l --log logs results to a file -k --socketlog logs results to a socket server -r --runtime name of the runtime vm used, including switch info eg.
... "--index index.py" will load index.py and run all of the tests in that index and report results normalized to the index
values.
... "--saveindex indexname.py" will run the specified tests and save the
values to the give index file.
...And 2 more matches
modDateChanged - Archive of obsolete content
returns a boolean
value indicating whether the file has been modified since the input date or has not.
... description most often, the date passed in as the second parameter in moddatechanged is the returned
value from a moddate on a separate file, as in the following example, in which the dates of two files are compared.
... example filesource1 = getfolder("program", "file1.txt"); filesource2 = getfolder("program", "file2.txt"); err1 = file.moddate(filesource1); // the baseline returned err2 = file.moddatechanged(filesource1, err1); logcomment("file.moddatechanged should return 'false' = " + err2); // the reason it expects false is we're comparing // the return 'time stamp'
value for // file1.txt with the actual file1.txt itself.
...And 2 more matches
Accessing Files - Archive of obsolete content
there are several other
values which may be used as the first argument to nsiscriptableio.getfile(), listed in the following table.
...if the application was launched from a command line, for instance, this will be the directory where the application was launched from, which may be different from the 'application'
value.
... there are a number of other
values that may be used, most of which are platform specific.
...And 2 more matches
appendNotification - Archive of obsolete content
« xul reference home appendnotification( label ,
value , image , priority , buttons, eventcallback ) return type: element create a new notification and display it.
...
value -
value used to identify the notification image - url of image to appear on the notification.
... if the return
value from this function is not true, then the notification is closed.
...And 2 more matches
Filtering - Archive of obsolete content
for example, you wish the user to be able to select a
value from a list, and the template results should be filtered based on that
value.
...triple"; triple.setattribute("subject", "?photo"); triple.setattribute("predicate", "http://www.xulplanet.com/rdf/country"); } triple.setattribute("object", country); cond.appendchild(triple); } else if (triple) { cond.removechild(triple); } document.getelementbyid("photoslist").builder.rebuild(); } the 'country' argument to the applyfilter function holds the
value to filter by.
...a new <triple> element is created and the object attribute is set to the
value to filter by.
...And 2 more matches
Input Controls - Archive of obsolete content
value if you want the textbox to have default text, supply it with the
value attribute.
... textbox.type you can set this attribute to the special
value password to create a textbox that hides what it types.
... the following example shows some textboxes: example 1 : source view <label control="some-text"
value="enter some text"/> <textbox id="some-text"/> <label control="some-password"
value="enter a password"/> <textbox id="some-password" type="password" maxlength="8"/> multiline textbox the textbox examples above will create text inputs that can only be used for entering one line of text.
...And 2 more matches
Tree Selection - Archive of obsolete content
if you add the seltype attribute to the tree, set to the
value single, the user may only select one row at a time.
...if only one
value is selected, this
value will be 1.
... getrangeat example var start = new object(); var end = new object(); var numranges = tree.view.selection.getrangecount(); for (var t = 0; t < numranges; t++){ tree.view.selection.getrangeat(t,start,end); for (var v = start.
value; v <= end.
value; v++){ alert("item " + v + " is selected."); } } we create two objects called 'start' and 'end'.
...And 2 more matches
Trees and Templates - Archive of obsolete content
the flags attribute set to the
value dont-build-content, as used in the example above, indicates that the tree builder should be used.
...the two cells grab the name and date from the datasource and place the
values in the cell labels.
...an interesting part of rdf datasources is that the resource
values are only determined when the data is needed.
...And 2 more matches
XUL Template Primer - Bindings - Archive of obsolete content
this is different from the variables specified in the rule's conditions, where a
value must be found for each variable for the rule to match.
...ditions> <bindings> <binding subject="?friend" predicate="http://home.netscape.com/nc-rdf#address" object="?addr"/> <binding subject="?addr" predicate="http://home.netscape.com/nc-rdf#street" object="?street"/> </bindings> <action> <hbox uri="?friend"> <label
value="?name"/> <label
value="?street"/> </hbox> </action> </rule> </template> </vbox> </window> the xul template primer covers the <conditions> and <action> elements, so we won't discuss those here.
... the subject may refer to any variable that has been computed in the <conditions>, or it may refer to another <binding>'s object variable.[1] in our example, the second <binding>'s subject does this: the
value for the ?addr variable is computed by the first <binding> the predicate must name the uri of an rdf property, in this case, nc:address.
...And 2 more matches
listcell - Archive of obsolete content
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.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
... for example, for a menuitem in a menu you can add the following css rule when you want to use the
value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
...And 2 more matches
NPClass - Archive of obsolete content
getproperty called by npn_getproperty() to get the
value of the specified property on a given npobject.
... returns true if the
value was successfully retrieved, otherwise returns false.
... setproperty called by npn_setproperty() to set the
value of the specified property on a given npobject.
...And 2 more matches
NPN_GetURLNotify - Archive of obsolete content
for
values, see npn_geturl().
... notifydata plug-in-private
value for associating the request with the subsequent npp_urlnotify() call, which passes this
value (see description below).
...for possible
values, see error codes.
...And 2 more matches
NPN_PostURLNotify - Archive of obsolete content
for
values, see npn_geturl.
...
values: true: post the local file whose path is specified in buf, then delete the file.
... notifydata plug-in-private
value for associating the request with the subsequent npp_urlnotify call, which returns this
value (see description below).
...And 2 more matches
display-inside - Archive of obsolete content
/* keyword
values */ display-inside: auto; display-inside: block; display-inside: table; display-inside: flex; display-inside: grid; display-inside: ruby; /* global
values */ display-inside: inherit; display-inside: initial; display-inside: unset;
value not found in db!
... syntax one of the keyword
values listed below.
...
values auto if the element's computed <display-outside>
value is inline-level, the element is an inline element, and lays out its contents using inline layout.
...And 2 more matches
display-outside - Archive of obsolete content
/* keyword
values */ display-outside: block-level; display-outside: inline-level; display-outside: run-in; display-outside: contents; display-outside: none; display-outside: table-row-group; display-outside: table-header-group; display-outside: table-footer-group; display-outside: table-row; display-outside: table-cell; display-outside: table-column-group; display-outside: table-column; display-outside: table-caption; display-outside: ruby-base; display-outside: ruby-text; display-outside: ruby-base-container; display-outside: ruby-text-container; /* global
values */ display-outside: inherit; display-outside: ...
...initial; display-outside: unset;
value not found in db!
... syntax one of the keyword
values listed below.
...And 2 more matches
Processing XML with E4X - Archive of obsolete content
with e4x it is easy to embed dynamic
values in markup.
... variables and expressions can be used to create attribute
values by simply wrapping them with braces ({}) and omitting quotation marks that would normally go around an attribute
value, as the following example illustrates: var a = 2; var b = <foo bar={a}>"hi"</foo>; upon execution the variable is evaluated and quotes are automatically added where appropriate.
... while one can interpolate attribute names as well as attribute
values: var a = 'att'; var b = <b {a}='
value'/>; alert(b); // gives: <b att="
value"/> ...one cannot interpolate a whole expression at once (e.g., <b {a}>.) after executing the above example, the variable languages references an xml object corresponding to the <languages> node in the xml document.
...And 2 more matches
VBArray - Archive of obsolete content
safearray a vbarray
value.
...the safearray argument must have obtained a vbarray
value before being passed to the vbarray constructor.
... this can only be done by retrieving the
value from an existing activex or other object.
...And 2 more matches
Object.prototype.watch() - Archive of obsolete content
the watch() method watches for a property to be assigned a
value and runs a function when that occurs.
... handler a function to call when the specified property's
value changes.
... return
value undefined.
...And 2 more matches
XForms Repeat Element - Archive of obsolete content
attributes ui common appearance - the
value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control.
... node set binding special startindex - optional 1-based initial
value of the repeat index.
... the default
value is 1.
...And 2 more matches
Describing microformats in JavaScript - Archive of obsolete content
standard attributes are: plural a boolean
value indicating that, if true indicates that the property can have multiple
values.
... virtual a boolean
value indicating whether or not the property is virtual.
... virtualgetter a function that is called to get a virtual property's
value.
...And 2 more matches
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
the old plugin api call npp_get
value is used to retrieve this information from the plugin.
...two new cases for the above mentioned new variables should be added to the plugin implementation of npp_get
value (see example 3).
...npp_get
value implementation and possible scenario of scriptable object life cycle #include "nsitestplugin.h" nperror npp_new(npmimetype plugintype, npp instance, uint16 mode, int16 argc, char* argn[], char* argv[], npsaveddata* saved) { if(instance == null) return nperr_invalid_instance_error; // just prime instance->pdata with null for the purpose of this example // it wil...
...And 2 more matches
XUL Parser in Python - Archive of obsolete content
the script writes out all the attributes and none of the
values, but the parser itself is seeing the elements, their attributes, and the
values of those attributes, and you just have to ask for them if you want them.
... for example, you could easily adapt this to: return the id
values of all the elements take elements on the command line and only spell them out build new chrome subdirectories (i.e.
...the unknown_starttag handler is fed the tag name, the attributes of that tag, and the attributes'
values, so all you have to do as you hit each xul element is build up a nested dictionary of elements and their associated attributes.
...And 2 more matches
Desktop gamepad controls - Game development
the pressed() function gets the input data and sets the information about it in our object, and the axes property stores the array containing the
values signifying the amount an axis is pressed in the x and y directions, represented by a float in the (-1, 1) range.
...the same goes for the axes information — looping through axes adds the
values to the array.
... received
values are assigned to the proper objects and returns the pressed info for debugging purposes.
...And 2 more matches
Unconventional controls - Game development
math.round(hand.pitch() * todegrees); grabstrength = hand.grabstrength; output.innerhtml = 'leap motion: <br />' + ' roll: ' + horizontaldegree + '° <br />' + ' pitch: ' + verticaldegree + '° <br />' + ' strength: ' + grabstrength + ''; } }); the code above is calculating and assigning the horizontaldegree, verticaldegree and grabstrength
values that we will use later on, and outputting it in html so we can see the actual
values.
...-= 5; } else if(horizontaldegree < -degreethreshold) { playerx += 5; } if(verticaldegree > degreethreshold) { playery += 5; } else if(verticaldegree < -degreethreshold) { playery -= 5; } if(grabstrength == 1) { alert('boom!'); } ctx.drawimage(img, playerx, playery); requestanimationframe(draw); } if the horizontaldegree
value is greater than our degreethreshold, which is 30 in this case, then the ship will be moved left 5 pixels on every frame.
... if its
value is lower than the threshold's negative
value, then the ship is moved right.
...And 2 more matches
2D maze game with device orientation - Game development
back to game states: the line below is adding a new state called boot to the game: game.state.add('boot', ball.boot); the first
value is the name of the state and the second one is the object we want to assign to it.
... to hold the block information we'll use a level data array: for each block we'll store the top and left absolute positions in pixels (x and y) and the type of the block — horizontal or vertical (t with the 'w'
value meaning width and 'h' meaning height).
...]; every array element holds a collection of blocks with an x and y position and t
value for each.
...And 2 more matches
Falsy - MDN Web Docs Glossary: Definitions of Web-related terms
a falsy (sometimes written falsey)
value is a
value that is considered false when encountered in a boolean context.
... javascript uses type conversion to coerce any
value to a boolean in contexts that require it, such as conditionals and loops.
... there are 8 falsy
values: false the keyword false 0 the number zero -0 the number negative zero 0n bigint, when used as a boolean, follows the same rule as a number.
...And 2 more matches
IDL - MDN Web Docs Glossary: Definitions of Web-related terms
the content attribute is always a string even when the expected
value should be an integer.
...the idl attribute is always going to use (but might transform) the underlying content attribute to return a
value when you get it and is going to save something in the content attribute when you set it.
... most of the time, idl attributes will return their
values as they are really used.
...And 2 more matches
Mutable - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, only objects and arrays are mutable, not primitive
values.
... (you can make a variable name point to a new
value, but the previous
value is still held in memory.
...lets understand this with an example: var immutablestring = "hello"; // in the above code, a new object with string
value is created.
...And 2 more matches
Sizing items in CSS - Learn web development
take our <div> from the example above — we can give it specific width and height
values, and it will now have that size no matter what content is placed into it.
... using percentages in many ways, percentages act like length units, and as we discussed in the lesson on
values and units, they can often be used interchangeably with lengths.
... when you use margin and padding set in percentages, the
value is calculated from the inline size — therefore the width when working in a horizontal language.
...And 2 more matches
Styling tables - Learn web development
r style.css file: /* spacing */ table { table-layout: fixed; width: 100%; border-collapse: collapse; border: 3px solid purple; } thead th:nth-child(1) { width: 30%; } thead th:nth-child(2) { width: 20%; } thead th:nth-child(3) { width: 15%; } thead th:nth-child(4) { width: 35%; } th, td { padding: 20px; } the most important parts to note are as follows: a table-layout
value of fixed is generally a good idea to set on your table, as it makes the table behave a bit more predictably by default.
... a border-collapse
value of collapse is a standard best practice for any table styling effort.
...by default, cells are given a text-align
value of left, and headings are given a
value of center, but generally it looks better to have the alignments set the same for both.
...And 2 more matches
Multiple-column layout - Learn web development
the column-count property will create as many columns as the
value you give it, so if you add the following css to your stylesheet and reload the page, you will get three columns: .container { column-count: 3; } the columns that you create have flexible widths — the browser works out how much space to assign each column.
... using your example above, change the size of the gap by adding a column-gap property: .container { column-width: 200px; column-gap: 20px; } you can play around with different
values — the property accepts any length unit.
...in a similar way to the border property that you encountered in previous lessons, column-rule is a shorthand for column-rule-color, column-rule-style, and column-rule-width, and accepts the same
values as border.
...And 2 more matches
Responsive design - Learn web development
target / context = result for example, if our target column size is 60 pixels, and the context (or container) it is in is 960 pixels, we divide 60 by 960 to get a
value we can use in our css, after moving the decimal point two places to the right.
...by changing the
values for flex-grow and flex-shrink you can indicate how you want the items to behave when they encounter more or less space around them.
...you can see how we no longer need to use strange percentage
values to calculate the size of the columns: example, source code.
...And 2 more matches
How CSS works - Learn web development
if a browser is parsing your rules, and encounters a property or
value that it doesn't understand, it ignores it and moves on to the next declaration.
... it will do this if you have made an error and misspelled a property or
value, or if the property or
value is just too new and the browser doesn't yet support it.
... this works particularly well when you want to use a
value that is quite new and not supported everywhere.
...And 2 more matches
CSS FAQ - Learn web development
how do i restore the default
value of a property?
... initially css didn't provide a "default" keyword and the only way to restore the default
value of a property is to explicitly re-declare that property.
... for example: /* heading default color is black */ h1 { color: red; } h1 { color: black; } this has changed with css 2; the keyword initial is now a valid
value for a css property.
...And 2 more matches
Advanced form styling - Learn web development
if you look at the reference page you'll see a lot of different possible
values listed for -webkit-appearance, however by far the most helpful
value, and probably the only one you'll use, is none.
... <input id="text" name="text" type="text"> </p> <p> <label for="date">date: </label> <input id="date" name="date" type="datetime-local"> </p> <p> <label for="radio">radio: </label> <input id="radio" name="radio" type="radio"> </p> <p> <label for="checkbox">checkbox: </label> <input id="checkbox" name="checkbox" type="checkbox"> </p> <p><input type="submit"
value="submit"></p> <p><input type="button"
value="button"></p> </form> applying the following css to them removes system-level styling.
...net explorer 11 (windows 10) edge 16 (windows 10) using appearence: none on radios/checkboxes as we showed before, you can remove the default appearance of a checkbox or radio button altogether with appearance:none; let's take this example html: <form> <fieldset> <legend>fruit preferences</legend> <p> <label> <input type="checkbox" name="fruit-1"
value="cherry"> i like cherry </label> </p> <p> <label> <input type="checkbox" name="fruit-2"
value="banana" disabled> i can't like banana </label> </p> <p> <label> <input type="checkbox" name="fruit-3"
value="strawberry"> i like strawberry </label> </p> </fieldset> </form> now, let's style these with a custom ...
...And 2 more matches
Example 4 - Learn web development
change states html content <form class="no-widget"> <select name="myfruit"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select"> <span class="
value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> </form> css content .widget select, .no-widget .select { position : absolute; left : -5000em; height : 0; overflow : hidden; } /* --------------- */ /* required styles */ ...
....5em 0.2em 0.5em; /* 1px 25px 2px 5px */ width : 10em; /* 100px */ border : 0.2em solid #000; /* 2px */ border-radius : 0.4em; /* 4px */ box-shadow : 0 0.1em 0.2em rgba(0,0,0,.45); /* 0 1px 2px */ background : #f0f0f0; background : -webkit-linear-gradient(90deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); background : linear-gradient(0deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); } .select .
value { display : inline-block; width : 100%; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; vertical-align: top; } .select:after { content : "▼"; position: absolute; z-index : 1; height : 100%; width : 2em; /* 20px */ top : 0; right : 0; padding-top : .1em; -moz-box-sizing : border-box; box-sizing : border-box; text-align : ce...
...sslist.add('active'); }; function toggleoptlist(select, show) { var optlist = select.queryselector('.optlist'); optlist.classlist.toggle('hidden'); } function highlightoption(select, option) { var optionlist = select.queryselectorall('.option'); optionlist.foreach(function (other) { other.classlist.remove('highlight'); }); option.classlist.add('highlight'); }; function update
value(select, index) { var nativewidget = select.previouselementsibling; var
value = select.queryselector('.
value'); var optionlist = select.queryselectorall('.option'); nativewidget.selectedindex = index;
value.innerhtml = optionlist[index].innerhtml; highlightoption(select, optionlist[index]); }; function getindex(select) { var nativewidget = select.previouselementsibling; return n...
...And 2 more matches
Example 5 - Learn web development
change states html content <form class="no-widget"> <select name="myfruit"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select" role="listbox"> <span class="
value">cherry</span> <ul class="optlist hidden" role="presentation"> <li class="option" role="option" aria-selected="true">cherry</li> <li class="option" role="option">lemon</li> <li class="option" role="option">banana</li> <li class="option" role="option">strawberry</li> <li class="option" role="option">apple</li> </ul> </div> </form> css content .widget select, .no-widget .select { pos...
....5em 0.2em 0.5em; /* 1px 25px 2px 5px */ width : 10em; /* 100px */ border : 0.2em solid #000; /* 2px */ border-radius : 0.4em; /* 4px */ box-shadow : 0 0.1em 0.2em rgba(0,0,0,.45); /* 0 1px 2px */ background : #f0f0f0; background : -webkit-linear-gradient(90deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); background : linear-gradient(0deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); } .select .
value { display : inline-block; width : 100%; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; vertical-align: top; } .select:after { content : "▼"; position: absolute; z-index : 1; height : 100%; width : 2em; /* 20px */ top : 0; right : 0; padding-top : .1em; -moz-box-sizing : border-box; box-sizing : border-box; text-align : ce...
...sslist.add('active'); }; function toggleoptlist(select, show) { var optlist = select.queryselector('.optlist'); optlist.classlist.toggle('hidden'); } function highlightoption(select, option) { var optionlist = select.queryselectorall('.option'); optionlist.foreach(function (other) { other.classlist.remove('highlight'); }); option.classlist.add('highlight'); }; function update
value(select, index) { var nativewidget = select.previouselementsibling; var
value = select.queryselector('.
value'); var optionlist = select.queryselectorall('.option'); optionlist.foreach(function (other) { other.setattribute('aria-selected', 'false'); }); optionlist[index].setattribute('aria-selected', 'true'); nativewidget.selectedindex = index;
value.innerhtml = optionlist[in...
...And 2 more matches
Sending forms through JavaScript - Learn web development
form data (application/x-www-form-urlencoded) is made of url-encoded lists of key/
value pairs.
... let's look at an example: <button>click me!</button> and now the javascript: const btn = document.queryselector('button'); function senddata( data ) { console.log( 'sending data' ); const xhr = new xmlhttprequest(); let urlencodeddata = "", urlencodeddatapairs = [], name; // turn the data object into an array of url-encoded key/
value pairs.
... the html is typical: <form id="myform"> <label for="myname">send me your name:</label> <input id="myname" name="name"
value="john"> <input type="submit"
value="send me!"> </form> but javascript takes over the form: window.addeventlistener( "load", function () { function senddata() { const xhr = new xmlhttprequest(); // bind the formdata object and the form element const fd = new formdata( form ); // define what happens on successful data submission xhr.addeventlistener( "load", function(eve...
...And 2 more matches
HTML basics - Learn web development
here, class is the attribute name and editor-note is the attribute
value.
... the class attribute allows you to give the element a non-unique identifier that can be used to target it (and any other elements with the same class
value) with style information and other things.
... the attribute
value wrapped by opening and closing quotation marks.
...And 2 more matches
Adding vector graphics to the Web - Learn web development
the vector image however continues to look nice and crisp, because no matter what size it is, the algorithms are used to work out the shapes in the image, with the
values simply being scaled as it gets bigger.
... </text> </svg> </textarea> <div class="playable-buttons"> <input id="reset" type="button"
value="reset"> <input id="solution" type="button"
value="show solution" disabled> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; background: #f5f9fa; } const textarea = document.getelementbyid('code'); const reset = document.getelementbyid('reset'); const solution =...
... document.getelementbyid('solution'); const output = document.queryselector('.output'); let code = textarea.
value; let userentry = textarea.
value; function updatecode() { output.innerhtml = textarea.
value; } reset.addeventlistener('click', function() { textarea.
value = code; userentry = textarea.
value; solutionentry = htmlsolution; solution.
value = 'show solution'; updatecode(); }); solution.addeventlistener('click', function() { if(solution.
value === 'show solution') { textarea.
value = solutionentry; solution.
value = 'hide solution'; } else { textarea.
value = userentry; solution.
value = 'show solution'; } updatecode(); }); const htmlsolution = ''; let solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('...
...And 2 more matches
Introduction to events - Learn web development
now try changing btn.onclick to the following different
values in turn, and observing the results in the example: btn.onfocus and btn.onblur — the color changes when the button is focused and unfocused; try pressing the tab to focus on the button and press the tab again to focus away from the button.
... these are often used to display information about filling in form fields when they are focused, or displaying an error message if a form field is filled with an incorrect
value.
... the earliest method of registering event handlers found on the web involved event handler html attributes (or inline event handlers) like the one shown above — the attribute
value is literally the javascript code you want to run when the event occurs.
...And 2 more matches
Handling text — strings in JavaScript - Learn web development
creating a string to start with, enter the following lines: let string = 'the revolution will not be televised.'; string; just like we did with numbers, we are declaring a variable, initializing it with a string
value, and then returning the
value.
... the only difference here is that when writing a string, you need to surround the
value with quotes.
... the following will work if you previously defined the variable string — try it now: let badstring = string; badstring; badstring is now set to have the same
value as string.
...And 2 more matches
Test your skills: Strings - Learn web development
find the index position where substring appears in quote, and store that
value in a variable called index.
... strings 4 in the final string task, we have given you the name of a theorem, two numeric
values, and an incomplete string (the bits that need adding are marked with asterisks (*)).
... we want you to change the
value of the string as follows: change it from a regular string literal into a template literal.
...And 2 more matches
Server-side web frameworks - Learn web development
the field definitions may also specify their maximum size, default
values, selection list options, help text for documentation, label text for forms etc.
...the team_level is a choice field, so we also provide a mapping between choices to be displayed and data to be stored, along with a default
value.
...{{ variable_name }}), which will be replaced by
values passed in from the view function when a page is rendered.
...And 2 more matches
Ember interactivity: Events, classes and state - Learn web development
update the content to the following: import component from '@glimmer/component'; import { action } from '@ember/object'; export default class headercomponent extends component { @action onkeydown({ target, key }) { let text = target.
value.trim(); let has
value = boolean(text); if (key === 'enter' && has
value) { alert(text); target.
value = '' } } } the @action decorator is the only ember-specific code here (aside from extending from the component superclass, and the ember-specific items we are importing using javascript module syntax) — the rest of the file is vanilla javascript, and would work in any ...
...for example, the @tracked decorator (see slightly later on) runs code it is applied to, but additionally tracks it and automatically updates the app when
values change.
...when instantiated, a todo object will have an initial text
value equal to the text given to it when created (see below), and an iscompleted
value of false.
...And 2 more matches
Accessible Toolkit Checklist
get_acc
value: get the "
value" of the iaccessible, for example a number in a slider, a url for a link, the text a user entered in a field.
... get_accrole: get an enumerated
value representing what this iaccessible is used for, for example.
... layout engine - drawing dark border dynamically when the currently focused widget does not need the enter key events - making keystrokes do the right thing msaa support (default state) links enter key activates link (thus default button no longer shows dark border when link is focused) msaa support, including linked and traversed states, and accessible
value that holds destination url text fields - single and multiple line it's probably best to use native widgets for these, otherwise accessibility support will be quite difficult tab should always focus the next item, not insert a tab, unless there's a really good reason and another way to navigate always use system selection color, otherwise screen reader won't read t...
...And 2 more matches
Debugging on Windows
customizing the debugger's variable
value view you can customize how visual c++ displays classes in the variable view.
... for xpcom strings (the "external" string api) you can use the following
values: ;; mozilla (1.9) ; internal strings nsastring_internal=<mdata,su>, length=<mlength,u> nsacstring_internal=<mdata,s>, length=<mlength,u> ; xpcom strings nsastring=<nsstringcontainer.v,su>, length=<nsstringcontainer.d1,u> nsacstring=<nscstringcontainer.v,s>, length=<nscstringcontainer.d1,u> nsstringcontainer=<v,su>, length=<d1,u> nscstringcontainer=<v,s>, length=<d1,u> there is a more extensiv...
...re are some wildcards you can use (tested with vc 8): nscomptr.*\:\:.*=nostepinto (nsg|g)etter_*addrefs.*=nostepinto ns_convertutf.* ; might be too broad: (ns|promise)[^\:]*[ss]tring.* ...add common functions to this list should probably make a .reg file for easy importing obtaining stdout and other file handles running the following command in the command window in visual studio returns the
value of stdout, which can be used with various debugging methods (such as nsgenericelement::list) that take a file* param: debug.evaluatestatement {,,msvcr80d}(&__iob_func()[1]) (alternatively you can evaluate {,,msvcr80d}(&__iob_func()[1]) in the quickwatch window) similarly, you can open a file on the disk using fopen: >debug.evaluatestatement {,,msvcr80d}fopen("c:\\123", "w") 0x10311dc0 { ..sn...
...And 2 more matches
SVG Guidelines
basics two spaces indenting no useless whitespaces or line breaks (see below for more details) adding a license header use double quotes whitespace and line breaks whitespace in addition to trailing whitespace at the end of lines, there are a few more cases more specific to svgs: trailing whitespaces in attribute
values (usually seen in path definitions) excessive whitespace in path or polygon points definition examples this path: <path d=" m5,5 l1,1z "> can be cut down to this: <path d="m5,5 l1,1z"> similarly, this polygon: <polygon points=" 0,0 4,4 4,0 "/> can be cut down to this: <polygon points="0,0 4,4 4,0"/> line breaks you should only use line breaks for logical separation or if the...
...you should avoid line breaks between every single element or within attribute
values.
...plus, in most of the cases, the filename is quite descriptive so it's recommended to remove that kind of metadata since it doesn't bring much
value.
...And 2 more matches
Performance best practices for Firefox front-end engineers
if the
value went up, your code caused synchronous style flushes to occur.
...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.
...these methods generally return the most-recently-calculated
value for the requested
value, which means the
value may no longer be current, but may still be "close enough" for your needs.
...And 2 more matches
Embedding Tips
the nsiauthprompt interface allows the networking layer to pose a user / password prompt to obtain the
values needed for authentication.
... your own implementation should pose this dialog, or fill in the
values that are needed for the upload to succeed.
... the default useragent is set using the
value from your application.ini/nsxreappdata.
...And 2 more matches
Examples
when the callback finishes execution, newpromise will be fulfilled with an undefined fulfillment
value, because the callback does not return any
value.
... when newpromise is fulfilled, nothing happens, because no fulfillment callback is specified and the return
value of the last then method is ignored.
...function promise
valueaftertimeout(a
value, atimeout) { let deferred = promise.defer(); try { // an asynchronous operation will trigger the resolution of the promise.
...And 2 more matches
PromiseWorker.jsm
aclosure optional an object holding strong references to
value that should not be garbage-collected before the reply has been received.
... resolving the promise to resolve the promise from the worker, simply return anything from the worker scope, and the main thread promise will be resolved with the returned
value.
... this example shows how to transfer a single
value, which is an arraybuffer.
...And 2 more matches
Localization formats
with this arrangement, content for localization is presented in the following manner: msgid "coming soon" msgstr "bientôt disponible" where the
value in the "" of the msgid is the english content, and the
value in the "" of the msgstr is the translation.
... case study: download day in the above gettext example, notice how the web developer used "certificate_intro" as the
value of the msgid.
...then, an en-us repository was created holding the translations to all the entity-like
values of msgid.
...And 2 more matches
Mozilla DOM Hacking Guide
the return
value of getdocument() is a nsidomdocument.
... static print32 getarrayindexfromid(jscontext *cx, jsval id, prbool *aisnumber = nsnull): if the js
value is an integer, then *aisnumber is true, and the integer is returned.
... ns_ensure_success(rv, rv); if (!::js_defineucproperty(cx, obj, ::js_getstringchars(str), ::js_getstringlength(str), v, nsnull, nsnull, 0)) { return ns_error_failure; } // this js api call defines the "location" property on the window object, its //
value being the xpconnect wrapper for the location object.
...And 2 more matches
Mozilla Web Developer FAQ
the character to use between the property name and the
value is the colon—not the equal sign.
...a block is centered by setting its margin-left and margin-right to auto and its width to a
value that makes the block narrower than its containing block.
...the
value of the alt attribute is a textual replacement for the image and is displayed when the image isn’t.
...And 2 more matches
Activity Monitor, Battery Status Menu and top
this is the same
value as powermetrics' "pkg idle" measurement (i.e.
...this is the same
value as powermetrics' "intr" measurement (i.e.
...after 5–10 seconds, the "average energy impact" column is populated with
values and the title bar changes to "activity monitor (applications in last 8 hours)".
...And 2 more matches
Investigating leaks using DMD heap scan mode
firefox’s dmd heap scan mode tracks the set of all live blocks of malloc-allocated memory and their allocation stacks, and allows you to log these blocks, and the
values stored in them, to a file.
...the allowed
values here are the same as those returned by xre_getprocesstype(), so adjust as needed.
... if there are multiple files, you'll end up with one that looks like cc-edges.$pid.log and one or more that look like cc-edges.$pid-$n.log for various
values of $n.
...And 2 more matches
A guide to searching crash reports
the links in the remaining column cells also let you perform a narrower subsequent search with that link's
value added to the search criteria.
...by default, it contains the
value "signature", which explains why we saw a "signature facet" tab in the earlier search results.
... but we can change the
values in this field and get different facet tabs in the search results.
...And 2 more matches
NSPR Types
miscellaneous types are used for representing size, pointer difference, boolean
values, and return
values.
...conscientious use of these macros ensures portability of code to all the platforms supported by nspr and still provides optimal behavior on those systems that treat long long
values directly.
... printn pruintn miscellaneous types size type pointer difference types boolean types status type for return
values size type prsize pointer difference types types for pointer difference.
...And 2 more matches
PLHashComparator
syntax #include <plhash.h> typedef printn (pr_callback *plhashcomparator)( const void *v1, const void *v2); description plhashcomparator is a function type that compares two
values of an unspecified type.
... it returns a nonzero
value if the two
values are equal, and 0 if the two
values are not equal.
...pl_compare
values compares the
values of the arguments v1 and v2 numerically.
...And 2 more matches
PR_Open
name
value description pr_rdonly 0x01 open for reading only.
...possible
values of the mode parameter are listed in the table below.
... name
value description pr_irwxu 0700 read, write, execute/search by owner.
...And 2 more matches
PR_Writev
the
value of this parameter must not be greater than pr_max_iovector_size.
... timeout a
value of type printervaltime describing the time limit for completion of the entire write operation.
... returns one of the following
values: a positive number indicates the number of bytes successfully written.
...And 2 more matches
PR_dtoa
sign a location where the runtime can store an indication that the conversion was of a negative
value.
...if rve is not null, *rve is set to point to the end of the returned
value.
...this gives a return
value similar to that of ecvt, except that trailing zeros are suppressed.
...And 2 more matches
NSS 3.12.4 release notes
expected return
values: non_sxp if exp is a standard string invalid_sxp if exp is a shell expression, but invalid valid_sxp if exp is a valid shell expression expression matching rules: * matches anything ?
....1 drbg testing bug 486304: cert7.db/cert8.db corruption when importing a large certificate (>64k) bug 486405: allocator mismatches in pk12util.c bug 486537: disable execstack in freebl x86_64 builds on linux bug 486698: facilitate the building of major components independently and in a chain manner by downstream distributions bug 486999: calling ssl_setsockpeerid a second time leaks the previous
value bug 487007: make lib/jar conform to nss coding style bug 487162: ckfw/capi build failure on windows bug 487239: nssutil.rc doesn't compile on wince bug 487254: sftkmod.c uses posix file io functions on wince bug 487255: sdb.c uses posix file io functions on wince bug 487487: cert_nametoascii reports !invalid ava!
... whenever
value exceeds 384 bytes bug 487736: libpkix passes wrong argument to der_decodetimechoice and crashes bug 487858: remove obsolete build options mozilla_security_build and mozilla_bsafe_build bug 487884: object leak in libpkix library upon error bug 488067: pk11_importcrl reports sec_error_crl_not_found when it fails to import a crl bug 488350: nspr-free freebl interface need to do post tests only in fips mode.
...And 2 more matches
NSS 3.12.6 release notes
the behavior of nss for renegotiation can be changed through api function calls, or with the following environment variables: nss_ssl_enable_renegotiation
values: [0|n|n]: ssl_renegotiate_never never allow renegotiation - that was the default for 3.12.5 release.
...this
value should only be used during the transition period when few servers have been upgraded.
... nss_ssl_require_safe_negotiation
values: 1: requiresafenegotiation = true unset: requiresafenegotiation = false controls whether safe renegotiation indication is required for initial handshake.
...And 2 more matches
INT_FITS_IN_JSVAL
*/ name type description i jsint the c integer
value to check.
... description determines if a specified c integer
value, i, lies within the range allowed for integer jsvals.
...in this case, the application can still convert i to a jsval using js_newnumber
value.
...And 2 more matches
JS::ToString
this article covers features introduced in spidermonkey 31 convert any javascript
value to a string.
... syntax #include "js/conversions.h" // as of spidermonkey 38; previously in jsapi.h jsstring* js::tostring(jscontext *cx, js::handle
value v) name type description cx jscontext * the context in which to perform the conversion.
... v js::handle
value the
value to convert.
...And 2 more matches
JSConstDoubleSpec
this article covers features introduced in spidermonkey 17 describes a double and integer
value and assigns it a name.
...ame t> struct jsconstscalarspec { const char *name; t val; /* uint8_t flags; // obsolete from jsapi 35 uint8_t spare[3]; // obsolete from jsapi 35 */ }; typedef jsconstscalarspec<double> jsconstdoublespec; typedef jsconstscalarspec<int32_t> jsconstintegerspec; // added in spidermonkey 38 name type description val double or int32_t
value for the double or integer.
...obsolete since jsapi 35 currently these can be 0 or more of the following
values or'd: jsprop_enumerate: property is visible in for loops.
...And 2 more matches
JSFastNative
vp jsval * the arguments, including the this argument, the return-
value slot, and the callee function object are accessible through this pointer using macros described below.
...(the return
value and the callee are stored in the same stack slot.) js_this(cx, vp) returns the this argument as a jsval, or jsval_null on error.
... js_rval(cx, vp) returns the jsval that is currently in the return-
value slot.
...And 2 more matches
JS_AddArgumentFormatter
fromjs jsbool js_true if the conversion function should convert from jsval
values to c
values; js_false if the conversion function should convert from c
values to jsval
values.
...a pointer into an array of jsval
values.
...a pointer to an argument pointer, used to retrieve pointers to c
values.
...And 2 more matches
JS_IsArrayObject
syntax bool js_isarrayobject(jscontext *cx, js::handle
value value, bool *isarray); bool js_isarrayobject(jscontext *cx, js::handleobject obj, bool *isarray); // obsolete since jsapi 44 bool js_isarrayobject(jscontext *cx, js::handle
value value); bool js_isarrayobject(jscontext *cx, js::handleobject obj); name type description cx jscontext * a context.
...
value js::handle
value the
value to examine.
... isarray bool whether the
value/object is an array.
...And 2 more matches
JS_LeaveLocalRootScopeWithResult
leave a local root scope, transferring the result
value to the next enclosing root scope.
... rval jsval the result
value that should remain protected from garbage collection.
...otherwise, the
value is stored in an internal per-jscontext slot.
...And 2 more matches
JS_NewArrayObject
syntax jsobject * js_newarrayobject(jscontext *cx, const js::handle
valuearray& contents); // added in spidermonkey 31 jsobject * js_newarrayobject(jscontext *cx, size_t length); // added in spidermonkey 31 jsobject * js_newarrayobject(jscontext *cx, int length, jsval *vector); // obsolete since jsapi 30 name type description cx jscontext * the context in which to create the new array.
... contents js::handle
valuearray& reference to the initial
values for the array's elements.
... vector jsval * pointer to the initial
values for the array's elements, or null.
...And 2 more matches
SpiderMonkey 31
this entailed changing the vast majority of the jsapi from raw types, such as js::
value or js::
value*, to js::handle and js::mutablehandle template types that encapsulate access to the provided
value/string/object or its location.
... the js::handle<js::
value> and js::mutablehandle<js::
value> classes have been specialized to implement the same interface as js::
value, for simplicity and to ease migration pain.
... these types, with the appropriate parametrizations, can roughly be substituted for plain types of gc things (
values, string/object pointers, etc.).
...And 2 more matches
Mozinfo
mozinfo is a bridge interface, making the underlying (complex) plethora of os and architecture combinations conform to a subset of
values of relevance to mozilla software.
... the current implementation exposes relevant key,
values: os, version, bits, and processor.
... in addition, mozinfo exports a dictionary, mozinfo.info, that contain these
values.
...And 2 more matches
The Places database
no two entries may have the same
value in the url column.
... moz_annos: contains the
values of page annotations.
... it maps a page (reference to moz_places) and an annotation name (reference to moz_anno_attributes) to the
value of the annotation.
...And 2 more matches
Places utilities for JavaScript
the annotation objects returned or send from/to all these functions all are arrays of objects which have the properties: name the annotation name flags annotation flags expires annotation expiration mimetype mimetype of the annotation, usually only used for binary annotations type the type used for non-binary annotations
value the
value of the annotation getannotationsforuri() fetch all annotations for a uri, including all properties of each annotation which would be required to recreate it.
... return array of objects, each containing the following properties: name, flags, expires, mimetype, type,
value getannotationsforitem() fetch all annotations for an item, including all properties of each annotation which would be required to recreate it.
... return type return array of objects, each containing the following properties: name, flags, expires, mimetype, type,
value setannotationsforuri() annotate a uri with a batch of annotations.
...And 2 more matches
Querying Places
the different
values for this property are listed below.
... these
values are also properties of nsinavhistoryqueryoptions, and are accessed like this: components.interfaces.nsinavhistoryqueryoptions.results_as_visit.
...if no options were specified, it will have the default
values.
...And 2 more matches
nsAString
assign the assign family of functions sets the
value of a string's internal buffer.
... replace the replace family of functions sets the
value of a string's internal buffer.
... append the append family of functions appends a
value to the end of a string's internal buffer.
...And 2 more matches
imgIEncoder
le); obsolete since gecko 1.9 void endimageencode(); void initfromdata([array, size_is(length), const] in pruint8 data, in unsigned long length, in pruint32 width, in pruint32 height, in pruint32 stride, in pruint32 inputformat, in astring outputoptions); void startimageencode(in pruint32 width, in pruint32 height, in pruint32 inputformat, in astring outputoptions); constants possible
values for input format (note that not all image formats support saving alpha channels): constant
value description input_format_rgb 0 input is rgb each pixel is represented by three bytes: r, g, and b (in that order, regardless of host endianness) input_format_rgba 1 input is rgb each pixel is represented by four bytes: r, g, and b (in that order, regardless of host endianness).
...plied alpha us used (for example 50% transparent red is 0xff000080) input_format_hostargb 2 input is host-endian argb: on big-endian machines each pixel is therefore argb, and for little-endian machiens (intel) each pixel is bgra (this is used by canvas to match it's internal representation) pre-multiplied alpha is used (that is, 50% transparent red is 0x80800000, not 0x80ff0000) possible
values for outputoptions.
... multiple
values are semicolon-separated.
...And 2 more matches
mozITXTToHTMLConv
return
value the html version of the specified string.
... return
value a normalized version of the original html string.
...you must set this
value to zero before calling this method.
...And 2 more matches
nsIAccessibleSelectable
constants constant
value description eselection_add 0 eselection_remove 1 eselection_getstate 2 methods addchildtoselection() adds the specified accessible child of the object to the object's selection.
...return
value an nsiarray.
... return
value true if the child is selected, false if not.
...And 2 more matches
nsIAppStartup
constant
value description econsiderquit 0x01 attempt to quit if all windows are closed.
... return
value true if a window was opened.
... return
value a javascript object with the following fields.
...And 2 more matches
nsIAuthPrompt
netwerk/base/public/nsiauthprompt.idlscriptable this interface allows the networking layer to pose a user/password prompt to obtain the
values needed for authentication.
...tring defaulttext, out wstring result); boolean promptpassword(in wstring dialogtitle, in wstring text, in wstring passwordrealm, in pruint32 savepassword, inout wstring pwd); boolean promptusernameandpassword(in wstring dialogtitle, in wstring text, in wstring passwordrealm, in pruint32 savepassword, inout wstring user, inout wstring pwd); constants constant
value description save_password_never 0 never saves the password.
... return
value true for ok, false for cancel.
...And 2 more matches
nsIAuthPrompt2
.createinstance(components.interfaces.nsiauthprompt2); method overview nsicancelable asyncpromptauth(in nsichannel achannel, in nsiauthpromptcallback acallback, in nsisupports acontext, in pruint32 level, in nsiauthinformation authinfo); boolean promptauth(in nsichannel achannel, in pruint32 level, in nsiauthinformation authinfo); constants constant
value description level_none 0 the password will be sent unencrypted.
... return
value promptauth() requests a username and a password.
... note: exceptions thrown from this function will be treated like a return
value of false.
...And 2 more matches
nsIClipboardDragDropHooks
inherits from: nsisupports last changed in gecko 1.7 embedders who want to have these hooks made available should implement nsiclipboarddragdrophooks and use the command manager to send the appropriate commands with these parameters/settings: command: cmd_clipboarddragdrophook params
value type possible
values "addhook" isupports nsiclipboarddragdrophooks as nsisupports "removehook" isupports nsiclipboarddragdrophooks as nsisupports note: overrides/hooks need to be added to each window (as appropriate).
... return
value true indicates to the operating system that if a drop does happen on this browser, it will be accepted.
... return
value true if the drag can proceed.
...And 2 more matches
nsIContentViewer
return
value the container view, or null if this content viewer is the root of a view manager hierarchy.
...return
value the dom document object.
... return
value true if the document will allow unloading; otherwise false.
...And 2 more matches
nsICookieAcceptDialog
inherits from: nsisupports last changed in gecko 1.7 constants constant
value description accept_cookie 0
value for accepting a cookie object.
... remember_decision 1
value for remembering a decision.
... hostname 2
value for holding the hostname object.
...And 2 more matches
nsIDNSRecord
methods native code only!getnextaddr this function copies the
value of the next ip address into the given prnetaddr struct and increments the internal address iterator.
... return
value the
value of the next ip address.
... getnextaddrasstring() this function returns the
value of the next ip address as a string and increments the internal address iterator.
...And 2 more matches
nsIDOMChromeWindow
title domstring obsolete since gecko 1.9.1 windowstate unsigned short returns current window state, the
value is one of state_* constants.
... constants constant
value description state_maximized 1 the window is maximized.
...void setcursor( in domstring cursor ); parameters cursor you can specify same
values of css cursor property (including -moz- prefixed
values).
...And 2 more matches
nsIDOMNode
node
value domstring ownerdocument nsidomdocument read only.
... constants constant
value description element_node 1 attribute_node 2 text_node 3 cdata_section_node 4 entity_reference_node 5 entity_node 6 processing_instruction_node 7 comment_node 8 document_node 9 document_type_node 10 document_fragment_node 11 notation_node 12 methods appendchild() nsidomnode appendchild( in nsidomnode newchild ); parameters newchild return
value clonenode() nsidomnode clonenode( in boolean deep ); parameters deep return
value hasattributes() boolean hasattributes(); parameters none.
... return
value haschildnodes() boolean haschildnodes(); parameters none.
...And 2 more matches
nsIDownloadProgressListener
see nsidownloadmanager.constants for a list of possible
values.
... amaxselfprogress the
value that the self progress needs to reach to indicate that the download is complete.
... amaxtotalprogress the
value that the total progress needs to reach to indicate that all downloads are complete.
...And 2 more matches
nsIFilePicker
constant
value description modeopen 0 load a file.
... return
value constants these
values are returned by show() or passed as an argument to open()'s callback, indicating the result of the file picker activity.
... constant
value description returnok 0 the file picker dialog was closed by the user hitting 'ok' returncancel 1 the file picker dialog was closed by the user hitting 'cancel' returnreplace 2 the user chose an existing file and acknowledged that they want to overwrite the file filter constants these constants are used to create filters for commonly-used file types.
...And 2 more matches
nsIHTTPHeaderListener
method overview void newresponseheader(in string headername, in string header
value); void statusline(in string line); methods newresponseheader() called for each http response header.
... note: you must copy the
values of the params.
... void newresponseheader( in string headername, in string header
value ); parameters headername header
value statusline() called once for the http response status line.
...And 2 more matches
nsIHttpActivityObserver
constants activity type constants constant
value description activity_type_socket_transport 0x0001 socket transport activity has occurred.
... activity subtype constants constant
value description activity_subtype_request_header 0x5001 the http request is about to be queued for sending.
...aactivitytype the type of activity that occurred; this will be one of the
values specified in activity type constants.
...And 2 more matches
nsIIDNService
return
value the utf-8 encoded equivalent of the hostname.
... return
value the display formatted hostname.
... return
value the ace encoded version of the hostname.
...And 2 more matches
nsILocalFileMac
constants constant
value description current_process_creator 0x8000000 use with setfiletype() to specify the signature of current process.
...return
value the cfurlref of the file object.
...return
value the fsref of the file object.
...And 2 more matches
nsILoginManagerCrypto
methods decrypt() decrypts the specified string, returning the plain text
value.
... can throw if the user cancels entry of their master password, or if the ciphertext
value can not be successfully decrypted (for example, if it was encrypted with some other key).
... return
value the decrypted string.
...And 2 more matches
nsILoginManagerStorage
gecko 1.9.1 note default
values for the nsiloginmetainfo properties are created if the specified login doesn't explicitly specify them.
... return
value the number of logins that match the specified criteria.
... return
value return true if login saving is enabled for the specified host; otherwise, return false.
...And 2 more matches
nsIMemoryReporter
attributes attribute type description amount print64 the numeric
value reported by the memory reporter, specified in the units indicated by the units attribute.
...each reporter starts with an empty string for this
value, indicating that it applies to the current process; this is true even for reporters in a child process.
... constant
value description kind_mapped 0 this is deprecated synonym for kind_nonheap.
...And 2 more matches
nsINavHistoryObserver
euri(in nsiuri auri, in acstring aguid); obsolete since gecko 21.0 void onbeginupdatebatch(); void onclearhistory(); void ondeleteuri(in nsiuri auri, in acstring aguid); void ondeletevisits(in nsiuri auri, in prtime avisittime, in acstring aguid); void onendupdatebatch(); void onpagechanged(in nsiuri auri, in unsigned long awhat, in astring a
value); void onpageexpired(in nsiuri auri, in prtime avisittime, in boolean awholeentry); obsolete since gecko 2.0 void ontitlechanged(in nsiuri auri, in astring apagetitle); void onvisit(in nsiuri auri, in long long avisitid, in prtime atime, in long long asessionid, in long long areferringid, in unsigned long atransitiontype, in acstring aguid, out unsigned long aadded); ...
... constants constant
value description attribute_favicon 3 the page's favicon changed.
...void onpagechanged( in nsiuri auri, in unsigned long awhat, in astring a
value ); parameters auri the uri of the page on which an attribute changed.
...And 2 more matches
nsIPlacesView
return
value an array of nsinavhistoryresultnode objects.
... return
value an array of arrays of nsinavhistoryresultnode objects.
... return
value the nsinavhistoryresult object that the view displays.
...And 2 more matches
nsIProperties
xpcom/ds/nsiproperties.idlscriptable this interface provides methods to access a map of named xpcom object
values.
...rties = components.classes["@mozilla.org/file/directory_service;1"] .getservice(components.interfaces.nsiproperties); method overview void get(in string prop, in nsiidref iid, [iid_is(iid),retval] out nsqiresult result); void getkeys(out pruint32 count, [array, size_is(count), retval] out string keys); boolean has(in string prop); void set(in string prop, in nsisupports
value); void undefine(in string prop); methods get() gets the xpcom object associated with a particular name.
... return
value true if the property exists, false if the property does not exist.
...And 2 more matches
nsISHistoryListener
return
value true to allow the go back operation to proceed or false to cancel it.
... return
value true to allow the go forward operation to proceed or false to cancel it.
... return
value true to allow the operation to proceed or false to cancel it.
...And 2 more matches
nsIScrollable
constant
value description scrollorientation_x 1 horizontal scrolling.
... constant
value description scrollbar_auto 1 scrollbars visible only when needed.
... return
value getdefaultscrollbarpreferences() long getdefaultscrollbarpreferences( in long scrollorientation ); parameters scrollorientation an integer representing the orientation of the scrollbar.
...And 2 more matches
nsISelectionController
selection_on 2 selection_disabled 3 selection_attention 4 scroll constants constant
value description scroll_synchronous 1<<1 if set scrolls the selection into view before returning.
... return
value true if visible, false if not.
...return
value if aoutenabled==null, returns ns_error_invalid_arg else ns_ok.
...And 2 more matches
nsIServerSocket
return
value the network address to which the socket is bound.
...pass -1 to use the default
value.
... the default
value is 5.
...And 2 more matches
nsIStringBundle
return
value returns the formatted string.
... return
value returns the formatted string.
... return
value returns a nsisimpleenumerator of all nsipropertyelement entries in the string bundle.
...And 2 more matches
nsIURIFixup
reateinstance(components.interfaces.nsiurifixup); method overview nsiuri createexposableuri(in nsiuri auri); nsiuri createfixupuri(in autf8string auritext, in unsigned long afixupflags); nsiuri keywordtouri(in autf8string akeyword); nsiurifixupinfo getfixupuriinfo(in autf8string auritext, in unsigned long afixupflags); constants constant
value description fixup_flag_none 0 no fixup flags.
... return
value the converted, exposable uri, as an nsiuri.
... return
value the converted uri.
...And 2 more matches
nsIWebNavigation
method overview void goback void goforward void gotoindex( in long index ) void loaduri(in wstring uri , in unsigned long loadflags , in nsiuri referrer , in nsiinputstream postdata, in nsiinputstream headers) void reload(in unsigned long reloadflags) void stop(in unsigned long stopflags) constants load flags constant
value description load_flags_mask 65535 this flag defines the range of bits that may be specified.
... load_flags_none 0 this is the default
value for the load flags parameter.
... note for valid load flag combinations look here nsdocshellloadtypes.h stop flags constant
value description stop_network 1 this flag specifies that all network activity should be stopped.
...And 2 more matches
XPCOM Interface Reference
component; nsiprefbranchextensionmanager (toolkit)iaccessible2iaccessibleactioniaccessibleapplicationiaccessiblecomponentiaccessibleeditabletextiaccessiblehyperlinkiaccessiblehypertextiaccessibleimageiaccessiblerelationiaccessibletableiaccessibletable2iaccessibletablecelliaccessibletextiaccessible
valueidispatchijsdebuggeramiinstallcallbackamiinstalltriggeramiwebinstallinfoamiwebinstalllisteneramiwebinstallpromptamiwebinstallerimgicacheimgicontainerimgicontainerobserverimgidecoderimgidecoderobserverimgiencoderimgiloaderimgirequestinidomutilsjsdistackframemoziasyncfaviconsmoziasynchistorymozicoloranalyzermozijssubscriptloadermozipersonaldictionarymoziplaceinfomoziplacesautocompletemoziregistrymozirepresentative...
...oragebindingparamsmozistoragebindingparamsarraymozistoragecompletioncallbackmozistorageconnectionmozistorageerrormozistoragefunctionmozistoragependingstatementmozistorageprogresshandlermozistorageresultsetmozistoragerowmozistorageservicemozistoragestatementmozistoragestatementcallbackmozistoragestatementparamsmozistoragestatementrowmozistoragestatementwrappermozistoragevacuumparticipantmozistorage
valuearraymozitxttohtmlconvmozithirdpartyutilmozivisitinfomozivisitinfocallbackmozivisitstatuscallbacknsiabcardnsiaboutmodulensiabstractworkernsiaccelerometerupdatensiaccessnodensiaccessibilityservicensiaccessiblensiaccessiblecaretmoveeventnsiaccessiblecoordinatetypensiaccessibledocumentnsiaccessibleeditabletextnsiaccessibleeventnsiaccessiblehyperlinknsiaccessiblehypertextnsiaccessibleimagensiaccessibl...
...eprovidernsiaccessiblerelationnsiaccessibleretrievalnsiaccessiblerolensiaccessiblescrolltypensiaccessibleselectablensiaccessiblestatechangeeventnsiaccessiblestatesnsiaccessibletablensiaccessibletablecellnsiaccessibletablechangeeventnsiaccessibletextnsiaccessibletextchangeeventnsiaccessibletreecachensiaccessible
valuensiaccessiblewin32objectnsialertsservicensiannotationobservernsiannotationservicensiappshellnsiappshellservicensiappstartupnsiappstartup_mozilla_2_0nsiapplicationcachensiapplicationcachechannelnsiapplicationcachecontainernsiapplicationcachenamespacensiapplicationcacheservicensiapplicationupdateservicensiarraynsiasyncinputstreamnsiasyncoutputstreamnsiasyncstreamcopiernsiasyncverifyredirectcallbacknsiauthinformationnsiauthmodulensiauthpromptnsiauthprompt2nsiauthpromptadapterfactorynsia...
...And 2 more matches
NS_CStringCopy
« xpcom api reference summary the ns_cstringcopy function copies the
value from one nsacstring instance to another.
... asrcstring [in] a nsacstring instance containing the new string
value.
... return
values the ns_cstringcopy function returns ns_ok if successful.
...And 2 more matches
NS_StringCopy
removed by bug 1332639 « xpcom api reference summary the ns_stringcopy function copies the
value from one nsastring instance to another.
... asrcstring [in] a nsastring instance containing the new string
value.
... return
values the ns_stringcopy function returns ns_ok if successful.
...And 2 more matches
Working with out parameters
adata and adatalen are marked as out, meaning that they act as "return
values" for this method, and are changed during the method call.
...after the call, this object will have a new property called
value, which contains the out
values.
... assuming you have an object called transferable, you would invoke gettransferdata() as follows: var adata = {}; var adatalen = {}; transferable.gettransferdata("text/unicode", adata, adatalen); var data = adata.
value; var datalen = adatalen.
value; as you can see, after the call to gettransferdata(), the out
values are then contained in the
value properties of adata and adatalen.
...And 2 more matches
nsIMsgCloudFileProvider
if this
value is not known, returns -1.
...if this
value is not known, returns -1.
...if this
value is not known, returns -1.
...And 2 more matches
Declaring and Using Callbacks
two arguments are passed to the callback constructor, the second is used as the this parameter: function myjscallback() { alert(this.message); }; var receiver = { message: 'hi there!' }; var callback = funcptrtype(myjscallback, receiver); // alerts with 'hi there' when the callback is invoked if three arguments are passed to the callback constructor, the third argument is used as a sentinel
value which the callback returns if an exception is thrown.
... the sentinel
value must be convertible to the return type of the callback: function myjscallback() { throw "uh oh"; }; var callback1 = funcptrtype(myjscallback, null, -1); // returns -1 to the native caller when the exception is thrown.
... arguments and return
values js-ctypes automatically handles the conversion between javascript and c
value representations.
...And 2 more matches
CType
big integer types the int64 and uint64 types provide access to 64-bit integer
values, which javascript doesn't currently support.
...this is the same
value as the c sizeof.
... return
value a ctype representing the data type "array of this type".
...And 2 more matches
Mozilla
the style system is the part of the code in gecko that is responsible for producing a computed
value for every property for every element.
...the default
values given are for firefox 3.
... 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.
...And 2 more matches
Constants - Plugins
error codes code
value description nperr_no_error 0 no errors occurred.
... result codes constant
value description npres_done 0 (most common): completed normally; all data was sent to the instance.
... plug-in version constants constant
value description np_version_major 0 major version number; changes with major code release number.
...And 2 more matches
Scripting plugins - Plugins
mozilla does this by calling the old plugin api call npp_get
value with the new enumeration
value that has been added to the nppvariable enumeration.
... a plugin that wishes to be scriptable using this new mechanism needs to return the appropriate npobject (which is created by calling npn_createobject) when the browser requests it by calling: npp_get
value(npp, nppvpluginscriptablenpobject, ...); accessing browser objects from a plugin a plugin that wishes to access objects in the browser window that loaded the plugin can do this by getting the npobject for the browser's window object, or the dom element that loaded the plugin.
... this is done by using an extension to npn_get
value.
...And 2 more matches
URLs - Plugins
the browser notifies the plug-in by calling the plug-in's npp_urlnotify function and passing it the notifydata
value, which may be used to track multiple requests.
...the notifydata parameter contains private plug-in data that can be used to associate the request with the subsequent npp_urlnotify call (which returns this
value) and/or to pass a pointer to some request-related payload.
...both functions pass the notifydata
value to npp_urlnotify, which tells the plug-in that the url request was completed and the reason for completion.
...And 2 more matches
AbstractRange - Web APIs
_top"><rect x="1" y="1" width="130" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="66" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">abstractrange</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties collapsed read only a boolean
value which is true if the range is collapsed.
... endoffset read only an integer
value indicating the offset, in characters, from the beginning of the node's contents to the beginning of the range represented by the range object.
... this
value must be less than the length of the endcontainer node.
...And 2 more matches
AudioBufferSourceNode.loopEnd - Web APIs
syntax audiobuffersourcenode.loopend = endoffsetinseconds; var endoffsetinseconds = audiobuffersourcenode.loopend;
value a floating-point number indicating the offset, in seconds, into the audio buffer at which each loop will loop return to the beginning of the loop (that is, the current play time gets reset to audiobuffersourcenode.loopstart).
... the default
value is 0.
...for example, if you set their
values to 20 and 25, respectively, then begin playback, the sound will play normally until it reaches the 25 second mark.
...And 2 more matches
AudioContextLatencyCategory - Web APIs
the audiocontextlatencycategory type is an enumerated set of strings which are used to select one of a number of default
values for acceptable maximum latency of an audio context.
... by using these strings rather than a numeric
value when specifying a latency to a audiocontext, you can allow the user agent to select an appropriate latency for your use case that makes sense on the device on which your content is being used.
... audiocontextlatencycategory can be used when constructing a new audiocontext by passing one of these
values as the latencyhint option in the audiocontext() constructor's options dictionary.
...And 2 more matches
AudioContextOptions - Web APIs
properties latencyhint optional the type of playback that the context will be used for, as a
value from the audiocontextlatencycategory enum or a double-precision floating-point
value indicating the preferred maximum latency of the context in seconds.
... the user agent may or may not choose to meet this request; check the
value of audiocontext.baselatency to determine the true latency after creating the context.
...the
value may be any
value supported by audiobuffer.
...And 2 more matches
AudioNode.channelCountMode - Web APIs
the channelcountmode property of the audionode interface represents an enumerated
value describing the way channels must be matched between the node's inputs and outputs.
... the possible
values of channelcountmode and their meanings are:
value description the following audionode children default to this
value max the number of channels is equal to the maximum number of channels of all connections.
... gainnode, delaynode, scriptprocessornode, channelmergernode, biquadfilternode, waveshapernode clamped-max the number of channels is equal to the maximum number of channels of all connections, clamped to the
value of channelcount.
...And 2 more matches
AudioNodeOptions - Web APIs
(see audionode.channelcount for more information.) its usage and precise definition depend on the
value of audionodeoptions.channelcountmode.
... channelcountmode optional represents an enumerated
value describing the way channels must be matched between the node's inputs and outputs.
... (see audionode.channelcountmode for more information including default
values.) channelinterpretation optional represents an enumerated
value describing the meaning of the channels.
...And 2 more matches
AudioWorkletNode.parameters - Web APIs
syntax audioworkletnodeinstance.parameters
value the audioparammap object containing audioparam instances.
... they can be automated in the same way as with default audionodes, and their calculated
values can be used in the process method of your audioworkletprocessor.
... // white-noise-processor.js class whitenoiseprocessor extends audioworkletprocessor { static get parameterdescriptors () { return [{ name: 'customgain', default
value: 1, min
value: 0, max
value: 1, automationrate: 'a-rate' }] } process (inputs, outputs, parameters) { const output = outputs[0] output.foreach(channel => { for (let i = 0; i < channel.length; i++) { channel[i] = (math.random() * 2 - 1) * (parameters['customgain'].length > 1 ?
...And 2 more matches
AudioWorkletNodeOptions - Web APIs
properties numberofinputs optional the
value to initialize the numberofinputs property to.
... numberofoutputs optional the
value to initialize the numberofoutputs property to.
... parameterdata optional an object containing the initial
values of custom audioparam objects on this node (in its parameters property), with key being the name of a custom parameter and
value being its initial
value.
...And 2 more matches
BaseAudioContext.createPanner() - Web APIs
in the example you can see this being controlled by the functions moveright(), moveleft(), etc., which set new
values for the panner position via the positionpanner() function.
... note how we have used some feature detection to either give the browser the newer property
values (like audiolistener.forwardx) for setting position, etc.
...window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdistance = 1; panner.maxdistance = 10000; panner.rollofffactor = 1; panner.coneinnerangle = 360; panner.coneouterangle = 0; panner.coneoutergain = 0; if(panner.orientationx) { panner.orientationx.set
valueattime(1, audioctx.currenttime); panner.orientationy.set
valueattime(0, audioctx.currenttime); panner.orientationz.set
valueattime(0, audioctx.currenttime); } else { panner.setorientation(1,0,0); } var listener = audioctx.listener; if(listener.forwardx) { listener.forwardx.set
valueattime(0, audioctx.currenttime); listener.forwardy.set
valueattime(0, audioctx.currenttime); listener.forwa...
...And 2 more matches
BaseAudioContext.createPeriodicWave() - Web APIs
if normalized, the resulting wave will have a maximum absolute peak
value of 1.
...audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag, {disablenormalization: true}); osc.setperiodicwave(wave); osc.connect(ac.destination); osc.start(); osc.stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave here, we create a periodicwave with two
values.
... the first
value is the dc offset, which is the
value at which the oscillator starts.
...And 2 more matches
BatteryManager.level - Web APIs
indicates the current battery charge level as a
value between 0.0 and 1.0.
... syntax var level = battery.level on return, level is a number representing the system's battery charge level scaled to a
value between 0.0 and 1.0.
... a
value of 0 means the battery, which is a batterymanager object, is empty and the system is about to be suspended.
...And 2 more matches
BiquadFilterNode.gain - Web APIs
when it takes a positive
value it is a real gain, when negative it is an attenuation.
... it is expressed in db, has a default
value of 0 and can take a
value in a nominal range of -40 to 40.
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.gain.
value = 25; note: though the audioparam returned is read-only, the
value it represents is not.
...And 2 more matches
Blob() - Web APIs
the content of the blob consists of the concatenation of the
values given in the parameter array.
...the default
value is the empty string, ("").
...the default
value, transparent, copies newline characters into the blob without changing them.
...And 2 more matches
BluetoothRemoteGATTCharacteristic - Web APIs
value; promise<bluetoothremotegattdescriptor> getdescriptor(bluetoothdescriptoruuid descriptor); promise<sequence<bluetoothremotegattdescriptor>> getdescriptors(optional bluetoothdescriptoruuid descriptor); promise<dataview> read
value(); promise<void> write
value(buffersource
value); promise<void> startnotifications(); promise<void> stopnotifications(); }; bluetoothremotegattcharacterist...
... bluetoothremotegattcharacteristic.
valueread only the currently cached characteristic
value.
... this
value gets updated when the
value of the characteristic is read or updated via a notification or indication.
...And 2 more matches
CSS.supports() - Web APIs
the css.supports() method returns a boolean
value indicating if the browser supports a given css feature, or not.
... syntax css.supports(propertyname,
value); css.supports(supportcondition); parameters there are two distinct sets of parameters.
... the first one allows to test the support of a pair property-
value: propertyname a domstring containing the name of the css property to check.
...And 2 more matches
CanvasRenderingContext2D.globalAlpha - Web APIs
the canvasrenderingcontext2d.globalalpha property of the canvas 2d api specifies the alpha (transparency)
value that is applied to shapes and images before they are drawn onto the canvas.
... syntax ctx.globalalpha =
value; options
value a number between 0.0 (fully transparent) and 1.0 (fully opaque), inclusive.
... the default
value is 1.0.
...And 2 more matches
CanvasRenderingContext2D.miterLimit - Web APIs
syntax ctx.miterlimit =
value; options
value a number specifying the miter limit ratio, in coordinate space units.
... zero, negative, infinity, and nan
values are ignored.
... the default
value is 10.0.
...And 2 more matches
CanvasRenderingContext2D.shadowColor - Web APIs
note: shadows are only drawn if the shadowcolor property is set to a non-transparent
value.
... syntax ctx.shadowcolor = color; color a domstring parsed as a css <color>
value.
... the default
value is fully-transparent black.
...And 2 more matches
CanvasRenderingContext2D.textAlign - Web APIs
the alignment is relative to the x
value of the filltext() method.
... syntax ctx.textalign = "left" || "right" || "center" || "start" || "end"; options possible
values: "left" the text is left-aligned.
... the default
value is "start".
...And 2 more matches
DOMPointInit.w - Web APIs
the dompointinit dictionary's w property is used to specify the w perspective
value of a point in space when either creating or serializing to json a dompoint or dompointreadonly object.
... syntax var dompointinit = { w: wperspective }; dompointinit.w = wperspective; var wperspective = dompointinit.w;
value a double-precision floating-point
value indicating the point's w perspective
value.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
...And 2 more matches
DOMPointInit.y - Web APIs
in general, the
value of y increases to the right and decreases to the left, becoming negative to the left of the origin.
... syntax var dompointinit = { y: ypos }; dompointinit.y = ypos; var ypos = dompointinit.y;
value a double-precision floating-point
value indicating the point's y-coordinate.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
...And 2 more matches
DOMTokenList.entries() - Web APIs
the domtokenlist.entries() method returns an iterator allowing you to go through all key/
value pairs contained in this object.
... the
values are domstring objects, each representing a single token.
... syntax tokenlist.entries(); return
value returns an iterator.
...And 2 more matches
DOMTokenList - Web APIs
domtokenlist.
value a stringifier property that returns the
value of the list as a domstring.
... domtokenlist.entries() returns an iterator, allowing you to go through all key/
value pairs contained in this object.
... domtokenlist.keys() returns an iterator, allowing you to go through all keys of the key/
value pairs contained in this object.
...And 2 more matches
Document.createElement() - Web APIs
the nodename of the created element is initialized with the
value of tagname.
... options optional an optional elementcreationoptions object, containing a single property named is, whose
value is the tag name of a custom element previously defined via customelements.define().
... return
value the new element.
...And 2 more matches
DoubleRange - Web APIs
the doublerange dictionary is used to define a range of permitted double-precision floating-point
values for a property, with either or both a maximum and minimum
value specified.
... the constraindouble dictionary is based on this, augmenting it to support exact and ideal
values as well.
... properties max a floating-point
value specifying the largest permissible
value of the property it describes.
...And 2 more matches
DynamicsCompressorNode.knee - Web APIs
the knee property of the dynamicscompressornode interface is a k-rate audioparam containing a decibel
value representing the range above the threshold where the curve smoothly transitions to the compressed portion.
... the knee property's default
value is 30 and it can be set between 0 and 40.
... syntax var audioctx = new audiocontext(); var compressor = audioctx.createdynamicscompressor(); compressor.knee.
value = 40;
value an audioparam.
...And 2 more matches
DynamicsCompressorNode.threshold - Web APIs
the threshold property of the dynamicscompressornode interface is a k-rate audioparam representing the decibel
value above which the compression will start taking effect.
... the threshold property's default
value is -24 and it can be set between -100 and 0.
... syntax var audioctx = new audiocontext(); var compressor = audioctx.createdynamicscompressor(); compressor.threshold.
value = -50;
value an audioparam.
...And 2 more matches
EffectTiming.duration - Web APIs
the
value of duration corresponds directly to animationeffecttimingreadonly.duration in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
... syntax var timingproperties = { duration: durationinmilliseconds | "auto" }; timingproperties.duration = durationinmilliseconds | "auto";
value the number of milliseconds long a single beginning-to-end iteration of the animation should take.
...this
value must not be negative; otherwise, it can have any
value (including positive infinity).
...And 2 more matches
Element.getAttributeNS() - Web APIs
the getattributens() method of the element interface returns the string
value of the attribute with the specified namespace and name.
... if the named attribute does not exist, the
value returned will either be null or "" (the empty string); see notes for details.
... return
value the string
value of the specified attribute.
...And 2 more matches
Element.scrollHeight - Web APIs
the scrollheight
value is equal to the minimum height the element would require in order to fit all the content in the viewport without using a vertical scrollbar.
...if the element's content can fit without a need for vertical scrollbar, its scrollheight is equal to clientheight this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
...And 2 more matches
Element.scrollLeft - Web APIs
on systems using display scaling, scrollleft may give you a decimal
value.
... syntax getting the
value // get the number of pixels scrolled var sleft = element.scrollleft; sleft is an integer representing the number of pixels that element has been scrolled from the left edge.
... setting the
value // set the number of pixels scrolled element.scrollleft = 10; scrollleft can be specified as any integer
value.
...And 2 more matches
Event.timeStamp - Web APIs
syntax time = event.timestamp;
value this
value is the number of milliseconds elapsed from the beginning of the current document's lifetime till the event was created.
... in newer implementations, the
value is a domhighrestimestamp accurate to 5 microseconds (0.005 ms).
... in older implementations, the
value is a domtimestamp, accurate to a millisecond.
...And 2 more matches
FileSystemFlags - Web APIs
the filesystemflags dictionary defines a set of
values which are used when specifying option flags when calling certain methods in the file and directory entries api.
... methods which accept an options parameter of this type may specify zero or more of these flags as fields in an object, like this: datadirectoryentry.getdirectory("workspace", { create: true }, function(entry) { }); here, we see that the create property is provided, with a
value of true, indicating that the directory should be created if it's not already there.
...
values and results the table below describes the result of each possible combination of these flags depending on whether or not the target file or directory path already exists.
...And 2 more matches
Using FormData Objects - Web APIs
the formdata object lets you compile a set of key/
value pairs to send using xmlhttprequest.
...the number assigned to the field "accountnum" is immediately converted into a string by the formdata.append() method (the field's
value can be a blob, file, or a string: if the
value is neither a blob nor a file, the
value is converted to a string).
... this example builds a formdata instance containing
values for fields named "username", "accountnum", "userfile" and "webmasterfile", then uses the xmlhttprequest method send() to send the form's data.
...And 2 more matches
GainNode - Web APIs
the gain is a unitless
value, changing with time, that is multiplied to each corresponding sample of all input channels.
...to prevent this from happening, never change the
value directly but use the exponential interpolation methods on the audioparam interface.
...you have to set audioparam.
value or use the methods of audioparam to change the effect of gain.
...And 2 more matches
GeolocationCoordinates - Web APIs
this
value can be null if the implementation cannot provide the data.
...this
value can be null.
...this
value, specified in degrees, indicates how far off from heading true north the device is.
...And 2 more matches
HTMLCanvasElement.getContext() - Web APIs
possible
values are: "2d", leading to the creation of a canvasrenderingcontext2d object representing a two-dimensional rendering context.
...possible
values are: "default": let the user agent decide which gpu configuration is most suitable.
... this is the default
value.
...And 2 more matches
HTMLElement: change event - Web APIs
the change event is fired for <input>, <select>, and <textarea> elements when an alteration to the element's
value is committed by the user.
... unlike the input event, the change event is not necessarily fired for each alteration to an element's
value.
...nterface event event handler property onchange depending on the kind of element being changed and the way the user interacts with the element, the change event fires at a different moment: when the element is :checked (by clicking or using the keyboard) for <input type="radio"> and <input type="checkbox">; when the user commits the change explicitly (e.g., by selecting a
value from a <select>'s dropdown with a mouse click, by selecting a date from a date picker for <input type="date">, by selecting a file in the file picker for <input type="file">, etc.); when the element loses focus after its
value was changed, but not commited (e.g., after editing the
value of <textarea> or <input type="text">).
...And 2 more matches
HTMLElement: input event - Web APIs
the input event fires when the
value of an <input>, <select>, or <textarea> element has been changed.
... note: the input event is fired every time the
value of the element changes.
... this is unlike the change event, which only fires when the
value is committed, such as by pressing the enter key, selecting a
value from a list of options, and the like.
...And 2 more matches
HTMLImageElement.align - Web APIs
syntax htmlimageelement.align = alignmode; alignmode = htmlimageelement.align;
value a domstring specifying one of the following strings which set the alignment mode for the image.
... baseline alignment these three
values specify the alignment of the element relative to the text baseline.
...default
value.
...And 2 more matches
HTMLImageElement.loading - Web APIs
the htmlimageelement property loading is a string whose
value provides a hint to the user agent that tells the browser how to handle loading images which are currently outside the window's visual viewport.
... syntax let imageloadscheduling = htmlimageelement.loading; htmlimageelement.loading = eagerorlazy;
value a domstring providing a hint to the user agent as to how to best schedule the loading of the image to optimize page performance.
... the possible
values are: eager the default behavior, eager tells the browser to load the image as soon as the <img> element is processed.
...And 2 more matches
HTMLImageElement.sizes - Web APIs
syntax let sizes = htmlimageelement.sizes; htmlimageelement.sizes = sizes;
value a usvstring containing a comma-separated list of source size descriptors followed by an optional fallback size.
... each source size descriptor is comprised of a media condition, then at least one whitespace character, then the source size
value to use for the image when the media condition evaluates to true.
... source size
values the source size
value is a css length.
...And 2 more matches
HTMLMediaElement.currentTime - Web APIs
changing the
value of currenttime this
value seeks the media to the new time.
... syntax var currenttime = htmlmediaelement.currenttime; htmlmediaelement.currenttime = 35;
value a double-precision floating-point
value indicating the current playback time in seconds.
... if the media is not yet playing, the
value of currenttime indicates the time position within the media at which playback will begin once the play() method is called.
...And 2 more matches
HTMLMeterElement - Web APIs
htmlmeterelement.high a double representing the
value of the high boundary, reflecting the high attribute.
... htmlmeterelement.low a double representing the
value of the low boundary, reflecting the lowattribute.
... htmlmeterelement.max a double representing the maximum
value, reflecting the max attribute.
...And 2 more matches
The HTML DOM API - Web APIs
eventsource examples in this example, an <input> element's input event is monitored in order to update the state of a form's "submit" button based on whether or not a given field currently has a
value.
... javascript const namefield = document.getelementbyid("username"); const sendbutton = document.getelementbyid("sendbutton") sendbutton.disabled = true; // [note: this is disabled since it causes this article to always load with this example focused and scrolled into view] //namefield.focus(); namefield.addeventlistener("input", event => { const elem = event.target; const valid = elem.
value.length != 0; if (valid && sendbutton.disabled) { sendbutton.disabled = false; } else if (!valid && !sendbutton.disabled) { sendbutton.disabled = true; } }); this code uses the document interface's getelementbyid() method to get the dom object representing the <input> elements whose ids are username and sendbutton.
...this code looks at the length of the current
value of the input; if it's zero, then the "send" button is disabled if it's not already disabled.
...And 2 more matches
Recommended Drag Types - Web APIs
do not add data with the url type — attempting to do so will set the
value of the text/uri-list type instead.
...for example, it would be suitable to set its data to the
value of the innerhtml property of an element.
...for instance: var dt = event.datatransfer; dt.setdata("text/html", "hello there, <strong>stranger</strong>"); dt.setdata("text/plain", "hello there, stranger"); dragging files a local file is dragged using the application/x-moz-file type with a data
value that is an nsifile object.
...And 2 more matches
Headers.get() - Web APIs
the get() method of the headers interface returns a byte string of all the
values of a header within a headers object with a given name.
... syntax myheaders.get(name); parameters name the name of the http header whose
values you want to retrieve from the headers object.
... returns a bytestring sequence representing the
values of the retrieved header or null if this header is not set.
...And 2 more matches
IDBIndex.locale - Web APIs
the locale read-only property of the idbindex interface returns the locale of the index (for example en-us, or pl) if it had a locale
value specified upon its creation (see createindex()'s optionalparameters.) note that this property always returns the current locale being used in this index, in other words, it never returns "auto".
... syntax var myindex = objectstore.index('index'); console.log(myindex.locale);
value a domstring.
... the locale
value is logged to the console.
...And 2 more matches
IDBKeyRange.lower - Web APIs
syntax var lower = mykeyrange.lower
value the lower bound of the key range (can be any type.) example the following example illustrates how you'd use a key range.
... here we declare keyrange
value = idbkeyrange.upperbound("f", "w", true, true); — a range that includes everything between "f" and "w" but not including them — since both the upper and lower bounds have been declared as open (true).
... we open a transaction (using idbtransaction) and an object store, and open a cursor with idbobjectstore.opencursor, declaring keyrange
value as its optional key range
value.
...And 2 more matches
IDBKeyRange.upper - Web APIs
syntax var upper = mykeyrange.upper
value the upper bound of the key range (can be any type.) example the following example illustrates how you'd use a key range.
... here we declare keyrange
value = idbkeyrange.upperbound("f", "w", true, true); — a range that includes everything between "f" and "w" but not including them — since both the upper and lower bounds have been declared as open (true).
... we open a transaction (using idbtransaction) and an object store, and open a cursor with idbobjectstore.opencursor, declaring keyrange
value as its optional key range
value.
...And 2 more matches
IDBObjectStore.getAllKeys() - Web APIs
if a
value is successfully found, then a structured clone of it is created and set as the result of the request object.
... this method produces the same result for: a record that doesn't exist in the database a record that has an undefined
value to tell these situations apart, you need to call the opencursor() method with the same key.
... syntax var request = objectstore.getallkeys(); var request = objectstore.getallkeys(query); var request = objectstore.getallkeys(query, count); parameters query optional a
value that is or resolves to an idbkeyrange.
...And 2 more matches
IIRFilterNode() - Web APIs
the filter needs these
values to work and with the vast range of filters available, there is no default.
... return
value a new iirfilternode object instance.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetiirfilternode() constructorchrome full support 55notes full support 55notes notes before version 59, the default
values were not supported.edge full support ≤79firefox full support 53ie no support noopera full support 42safari ?
...And 2 more matches
IIRFilterNode.getFrequencyResponse() - Web APIs
the two output arrays, magresponseoutput and phaseresponseoutput, must be created before calling this method; they must be the same size as the array of input frequency
values (frequencyarray).
... magresponseoutput a float32array to receive the computed magnitudes of the freqency response for each frequency
value in the frequencyarray.
... phaseresponseoutput a float32array to receive the computed phase response
values in radians for each frequency
value in the input frequencyarray.
...And 2 more matches
ImageData.data - Web APIs
data is stored as a one-dimensional array in the rgba order, with integer
values between 0 and 255 (inclusive).
...the data array stores four
values for each pixel, making 4 x 10,000, or 40,000
values in all.
... html <canvas id="canvas"></canvas> javascript since each pixel consists of four
values within the data array, the for loop iterates by multiples of four.
...And 2 more matches
KeyboardEvent.location - Web APIs
possible
values are: constant
value description dom_key_location_standard 0 the key has only one version, or can't be distinguished between the left and right versions of the key, and was not pressed on the numeric keypad or a key that is considered to be part of the keypad.
...this
value is only used for keys that have more than one possible location on the keyboard.
...this
value is only used for keys that have more than one possible location on the keyboard.
...And 2 more matches
KeyframeEffect.composite - Web APIs
the composite property of a keyframeeffect resolves how an element's animation impacts its underlying property
values.
... syntax // getting var compositeenumeration = keyframeeffect.composite; // setting keyframeeffect.composite = 'accumulate';
value to understand these
values, take the example of a keyframeeffect
value of blur(2) working on an underlying property
value of blur(3).
... replace the keyframeeffect overrides the underlying
value it is combined with: blur(2) replaces blur(3).
...And 2 more matches
KeyframeEffect - Web APIs
the keyframeeffect interface of the web animations api lets us create sets of animatable properties and
values, called keyframes.
... keyframeeffect.iterationcomposite gets and sets the iteration composite operation for resolving the property
value changes of this keyframe effect.
... keyframeeffect.composite gets and sets the composite operation property for resolving the property
value changes between this and other keyframe effects.
...And 2 more matches
LockManager.request() - Web APIs
valid
values are: mode optional: either "exclusive" or "shared".
... the default
value is "exclusive".
...the default
value is false.
...And 2 more matches
MSSiteModeEvent - Web APIs
bubbles gets a
value that indicates whether an event propagates up from the event target.
... cancelable gets a
value that indicates whether you can cancel an event's default action.
... cancelbubble gets or sets a
value that indicates whether an event should be stopped from propagating up from the current target.
...And 2 more matches
MediaDevices.getUserMedia() - Web APIs
whereas plain
values and a keyword called ideal are not.
... here's a full example: { audio: true, video: { width: { min: 1024, ideal: 1280, max: 1920 }, height: { min: 576, ideal: 720, max: 1080 } } } an ideal
value, when used, has gravity, which means that the browser will try to find the setting (and camera, if you have more than one), with the smallest fitness distance from the ideal
values given.
... plain
values are inherently ideal, which means that the first of our resolution examples above could have been written like this: { audio: true, video: { width: { ideal: 1280 }, height: { ideal: 720 } } } not all constraints are numbers.
...And 2 more matches
MediaQueryList.media - Web APIs
syntax var media = mediaquerylist.media;
value a domstring representing a serialized media query.
... examples this example runs the media query (max-width: 600px) and displays the
value of the resulting mediaquerylist's media property in a <span>.
... javascript let mql = window.matchmedia('(max-width: 600px)'); document.queryselector(".mq-
value").innertext = mql.media; the javascript code simply passes the media query to match into matchmedia() to compile it, then sets the <span>'s innertext to the
value of the result's media property.
...And 2 more matches
MediaSettingsRange - Web APIs
the mediasettingsrange interface of the the mediastream image capture api provides the possible range and
value size of photocapabilities.imageheight and photocapabilities.imagewidth.
... properties mediasettingsrange.max returns the maximum
value of this settings.
... mediasettingsrange.min returns the minimum
value of this setting.
...And 2 more matches
MediaStream - Web APIs
mediastream.active read only a boolean
value that returns true if the mediastream is active, or false otherwise.
... mediastream.ended read only a boolean
value set to true if the end of the stream has been reached.
... this has been removed from the specification; you should instead check the
value of mediastreamtrack.readystate to see if its
value is ended for the track or tracks you want to ensure have finished playing.
...And 2 more matches
MediaStreamAudioSourceNode - Web APIs
the mediastreamaudiosourcenode takes the audio from the first mediastreamtrack whose kind attribute's
value is audio.
... track ordering for the purposes of the mediastreamtrackaudiosourcenode interface, the order of the audio tracks on the stream is determined by taking the tracks whose kind is audio, then sorting the tracks by their id property's
values, in unicode code point order (essentially, in alphabetical or lexicographical order, for ids which are simple alphanumeric strings).
... the range slider below the <video> element controls the amount of gain given to the lowpass filter — increase the
value of the slider to make the audio sound more bass heavy!
...And 2 more matches
Using the MediaStream Recording API - Web APIs
why was css2 layout so awkward?" it allows you do a calculation to determine the computed
value of a css unit, mixing different units in the process.
... text-shadow: 1px 1px 1px black; width: 100%; height: 100%; transform: translatex(100%); transition: 0.6s all; background-color: #999; background-image: linear-gradient(to top right, rgba(0,0,0,0), rgba(0,0,0,0.5)); } last, we write a rule to say that when the checkbox is checked (when we click/focus the label), the adjacent <aside> element will have its horizontal translation
value changed and transition smoothly into view: input[type=checkbox]:checked ~ aside { transform: translatex(0); } basic app setup to grab the media stream we want to capture, we use getusermedia().
...first of all, mediarecorder.start() is used to start recording the stream once the record button is pressed: record.onclick = function() { mediarecorder.start(); console.log(mediarecorder.state); console.log("recorder started"); record.style.background = "red"; record.style.color = "black"; } when the mediarecorder is recording, the mediarecorder.state property will return a
value of "recording".
...And 2 more matches
MediaTrackConstraints.cursor - Web APIs
the mediatrackconstraints dictionary's cursor property is a constraindomstring describing the requested or mandatory constraints placed upon the
value of the cursor constrainable property, which is used to specify whether or not the cursor should be included in the captured video.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.cursor as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { cursor: constraint }; constraintsobject.cursor = constraint;
value a constraindomstring which specifies whether or not the mouse cursor should be rendered into the video track in the mediastream returned by the call to getdisplaymedia().
...And 2 more matches
MediaTrackConstraints.displaySurface - Web APIs
the mediatrackconstraints dictionary's displaysurface property is a constraindomstring describing the requested or mandatory constraints placed upon the
value of the displaysurface constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.displaysurface as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { displaysurface: constraint }; constraintsobject.displaysurface = constraint;
value a constraindomstring which specifies the type of display surface that's being captured.
...And 2 more matches
MediaTrackConstraints.facingMode - Web APIs
the mediatrackconstraints dictionary's facingmode property is a constraindomstring describing the requested or mandatory constraints placed upon the
value of the facingmode constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.facingmode as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { facingmode: constraint }; constraintsobject.facingmode = constraint;
value an object based on constraindomstring specifying one or more acceptable, ideal, and/or exact (mandatory) facing modes are acceptable for a video track.
...And 2 more matches
MediaTrackConstraints.frameRate - Web APIs
the mediatrackconstraints dictionary's framerate property is a constraindouble describing the requested or mandatory constraints placed upon the
value of the framerate constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.framerate as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { framerate: constraint }; constraintsobject.framerate = constraint;
value a constraindouble describing the acceptable or required
value(s) for a video track's frame rate, in frames per second.
...And 2 more matches
MediaTrackConstraints.latency - Web APIs
the mediatrackconstraints dictionary's latency property is a constraindouble describing the requested or mandatory constraints placed upon the
value of the latency constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.latency as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { latency: constraint }; constraintsobject.latency = constraint;
value a constraindouble describing the acceptable or required
value(s) for an audio track's latency, with
values specified in seconds.
...And 2 more matches
MediaTrackSettings.deviceId - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.deviceid property you provided when calling either getusermedia().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.deviceid as returned by a call to mediadevices.getsupportedconstraints().
... syntax var deviceid = mediatracksettings.deviceid;
value a domstring whose
value is an origin-unique identifier for the track's source.
...And 2 more matches
MediaTrackSettings.groupId - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.groupid property you provided when calling either getusermedia().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.groupid as returned by a call to mediadevices.getsupportedconstraints().
... syntax var groupid = mediatracksettings.groupid;
value a domstring whose
value is a browsing-session unique identifier for a group of devices which includes the source of the track's contents.
...And 2 more matches
MediaTrackSettings.sampleRate - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.samplerate property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.samplerate as returned by a call to mediadevices.getsupportedconstraints().
... syntax var samplerate = mediatracksettings.samplerate;
value an integer
value indicating how many samples each second of audio data includes.
...And 2 more matches
MediaTrackSupportedConstraints.frameRate - Web APIs
the mediatracksupportedconstraints dictionary's framerate property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the framerate constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
...checking the
value of this property lets you determine if the user agent allows constraining the video track configuration by frame rate.
...And 2 more matches
Using the Media Capabilities API - Web APIs
a plain file or mediasource — and a videoconfiguration including
values for the contenttype, width, height, bitrate, and framerate: the contenttype must be a string specifying a valid video mime type.
... handling the response instead of the assigning the promise to a variable, we can output the
values returned by the promise to the console: navigator.mediacapabilities.decodinginfo(videoconfiguration).then(result => { console.log('this configuration is ' + (result.supported ?
...there are a few reasons why an error might occur, including: the specified type isn't one of the two permtited
values: file or media-source the contenttype given is the error can be due to the type not being one of the two possible
values, the contenttype not being a valid codec mime type, or invalid or omitted definitions required in the videoconfiguration.
...And 2 more matches
Navigator.onLine - Web APIs
the property returns a boolean
value, with true meaning online and false meaning offline.
...so while you can assume that the browser is offline when it returns a false
value, you cannot assume that a true
value necessarily means that the browser can access the internet.
... in firefox and internet explorer, switching the browser to offline mode sends a false
value.
...And 2 more matches
Node.nodeName - Web APIs
syntax var str = node.nodename;
value a domstring.
...
values for the different types of nodes are: interface nodename
value attr the
value of attr.name cdatasection "#cdata-section" comment "#comment" document "#document" documentfragment "#document-fragment" documenttype the
value of documenttype.name element the
value of element.tagname entity the entity name entityreference the name of entity reference notation the notation name processinginstruction the
value of processinginstruction.target text "#text" example given the following markup: <div id="d1">hello world</div> <input type="text" id="t"> and the following script: var div1 = document.getelementbyid("d1"); var text_field...
... = document.getelementbyid("t"); text_field.
value = div1.nodename; in xhtml (or any other xml format), text_field's
value would read "div".
...And 2 more matches
Node.textContent - Web APIs
syntax let text = somenode.textcontent someothernode.textcontent = string
value a string or null description the
value of textcontent depends on the situation: if the node is a document or a doctype, textcontent returns null.
... if the node is a cdata section, comment, processing instruction, or text node, textcontent returns the text inside the node, i.e., the node.node
value.
...(this is an empty string if the node has no children.) setting textcontent on a node removes all of the node's children and replaces them with a single text node with the given string
value.
...And 2 more matches
Node - Web APIs
possible
values are: name
value element_node 1 attribute_node 2 text_node 3 cdata_section_node 4 entity_reference_node 5 entity_node 6 processing_instruction_node 7 comment_node 8 document_node 9 document_type_node 10 ...
... document_fragment_node 11 notation_node 12 node.node
value returns / sets the
value of the current node.
... node.contains() returns a boolean
value indicating whether or not a node is a descendant of the calling node.
...And 2 more matches
NodeList - Web APIs
nodelist.entries() returns an iterator, allowing code to go through all key/
value pairs contained in the collection.
... (in this case, the keys are numbers starting from 0 and the
values are nodes.) nodelist.foreach() executes a provided function once per nodelist element, passing the element as an argument to the function.
... nodelist.keys() returns an iterator, allowing code to go through all the keys of the key/
value pairs contained in the collection.
...And 2 more matches
OscillatorNode.type - Web APIs
syntax oscillatornode.type = type;
value a domstring specifying the shape of oscillator wave.
... the different available
values are: sine a sine wave.
... this is the default
value.
...And 2 more matches
PerformanceResourceTiming.connectEnd - Web APIs
the timestamp
value includes the time interval to establish the transport connection, as well as other time intervals such as ssl handshake and socks authentication.
... syntax resource.connectend; return
value a domhighrestimestamp representing the time after a connection is established.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
...And 2 more matches
PointerEvent.pointerType - Web APIs
syntax var ptype = pointerevent.pointertype; return
value ptype the event's pointer type.
... the supported
values are the following strings: "mouse" the event was generated by a mouse device.
... if the device type cannot be detected by the browser, the
value can be an empty string ("").
...And 2 more matches
PublicKeyCredentialCreationOptions.extensions - Web APIs
extensions, an optional property of the publickeycredentialcreationoptions dictionary, is an object providing the client extensions and their input
values.
... extensions are
values requesting additional processing by the client and by the authenticator.
... syntax extensions = publickeycredentialcreationoptions.extensions
value an object with various keys and
values.
...And 2 more matches
PublicKeyCredentialRequestOptions.extensions - Web APIs
extensions, an optional property of the publickeycredentialrequestoptions dictionary, is an object providing the client extensions and their input
values.
... extensions are
values requesting additional processing by the client and by the authenticator.
... syntax extensions = publickeycredentialrequestoptions.extensions
value an object with various keys and
values.
...And 2 more matches
PublicKeyCredentialRequestOptions.rpId - Web APIs
its
value can only be a suffix of the current origin's domain.
... for example, if you are browsing on foo.example.com, the rpid
value may be "example.com" but not "bar.org" or "baz.example.com".
...if it is not explicitely provided, the user agent will use the
value of the current origin's domain.
...And 2 more matches
RTCIceCandidate.protocol - Web APIs
the protocol property's
value is set when the rtcicecandidate() constructor is used.
... the
value is automatically extracted from the candidate a-line, if it's formatted properly.
... syntax var protocol = rtcicecandidate.protocol;
value a domstring which indicates what network protocol the candidate uses, udp or tcp.
...And 2 more matches
RTCIceCandidate.usernameFragment - Web APIs
this
value is specified when creating the rtcicecandidate by setting the corresponding usernamefragment
value in the rtcicecandidateinit object when creating a new candidate with new rtcicecandidate().
... if you instead call rtcicecandidate() with a string parameter containing the candidate m-line text, the
value of usernamefragment is extracted from the m-line.
... syntax var ufrag = rtcicecandidate.usernamefragment;
value a domstring containing the username fragment (usually referred to in shorthand as "ufrag" or "ice-ufrag") that, along with the ice password ("ice-pwd"), uniquely identifies a single ongoing ice interaction, including for any communication with the stun server.
...And 2 more matches
RTCIceCandidateStats - Web APIs
this
value may be an ipv4 address, an ipv6 address, or a fully-qualified domain name.
... candidatetype optional a string matching one of the
values in the rtcicecandidatetype enumerated type, indicating what kind of candidate the object provides statistics for.
... deleted optional a boolean
value indicating whether or not the candidate has been released or deleted; the default
value is false.
...And 2 more matches
RTCIceComponent - Web APIs
the webrtc api's rtcicecomponent enumerated type contains domstring
values that each identify a specific ice component; these are "rtp" and "rtcp".
... these strings are mapped to corresponding numeric
values as they appear in the candidate a-line in sdp.
...
values "rtp" identifies an ice transport which is being used for the real-time transport protocol (rtp), or for rtp multiplexed with the rtp control protocol (rtcp).
...And 2 more matches
RTCInboundRtpStreamStats.averageRtcpInterval - Web APIs
the averagertcpinterval property of the rtcinboundrtpstreamstats dictionary is a floating-point
value indicating the average rtcp transmission interval, in seconds.
... syntax var averagertcpinterval = rtcinboundrtpstreamstats.averagertcpinterval;
value a floating-point
value indicating the average interval, in seconds, between transmissions of rtcp packets.
... because the interval's
value is determined in part by the number of active senders, it will be different for each user of a service.
...And 2 more matches
RTCOutboundRtpStreamStats.averageRtcpInterval - Web APIs
the averagertcpinterval property of the rtcoutboundrtpstreamstats dictionary is a floating-point
value indicating the average time that should pass between transmissions of rtcp packets on this stream.
... syntax var averagertcpinterval = rtcoutboundrtpstreamstats.averagertcpinterval;
value a floating-point
value indicating the average interval, in seconds, between transmissions of rtcp packets.
... because the interval's
value is determined in part by the number of active senders, it will be different for each user of a service.
...And 2 more matches
RTCPeerConnection.connectionState - Web APIs
the read-only connectionstate property of the rtcpeerconnection interface indicates the current state of the peer connection by returning one of the string
values specified by the enum rtcpeerconnectionstate.
... when this property's
value changes, a connectionstatechange event is sent to the rtcpeerconnection instance.
... syntax var connectionstate = rtcpeerconnection.connectionstate;
value the current state of the connection, as a
value from the enum rtcpeerconnectionstate.
...And 2 more matches
RTCRtpContributingSource.audioLevel - Web APIs
audiolevel will be the level
value defined in [rfc6465] if the rfc 6465 header extension is present, and otherwise null.
... syntax var audiolevel = rtcrtpcontributingsource.audiolevel
value a double-precision floating-point number which indicates the volume level of the audio in the most recently received rtp packet from the source described by the rtcrtpcontributingsource.
... this
value, which is in the range 0.0 to 1.0, is on a linear scale and its
value is defined in dbov, or decibels (overload).
...And 2 more matches
RTCRtpEncodingParameters.scaleResolutionDownBy - Web APIs
syntax rtpencodingparameters.scaleresolutiondownby = scalingfactor; rtpencodingparameters = { scaleresolutiondownby: scalingfactor };
value a double-precison floating-point number specifying the amount by which to reduce the size of the video during encoding.
... the default
value, 1.0, means that the video will be encoded at its original size.
... a
value of 2.0 would reduce the size of the video by a factor of 2 both horizontally and vertically, resulting in a video 25% the original size.
...And 2 more matches
RTCRtpSender.setParameters() - Web APIs
the available options are: degradationpreference specifies the preferred way the webrtc layer should handle optimizing bandwidth against quality in constrained-bandwidth situations; the
value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
...the default
value is low.
... transactionid a string containing a unique id for the last set of parameters applied; this
value is used to ensure that setparameters() can only be called to alter changes made by a specific previous call to getparameters().
...And 2 more matches
RTCRtpStreamStats.ssrc - Web APIs
syntax var ssrc = rtcrtpstreamstats.ssrc;
value the synchronization source (ssrc) is a 32-bit integer uniquely identifying the source of the rtp packets whose statistics are covered by the rtcstatsreport object of which this rtcrtpstreamstats object is a component.
... the manner in which these
values are generated is not mandated by the specification, although it does make recommendations.
... you should not make any assumptions based on the
value of ssrc other than that any two objects with the same ssrc
value refer to the same source.
...And 2 more matches
RTCSessionDescription() - Web APIs
syntax sessiondescription = new rtcsessiondescription(rtcsessiondescriptioninit);
values rtcsessiondescriptioninit optional an object providing the default
values for the session description; the object conforms to the rtcsessiondescriptioninit dictionary.
...a string which is a member of the rtcsdptype enum; it must have one of the following
values: this enum defines strings that describe the current state of the session description, as used in the type property.
... the session description's type will be specified using one of these
values.
...And 2 more matches
Using the Resource Timing API - Web APIs
resource timing properties an application developer can use the property
values to calculate the length of time a phase takes and that information can help diagnose performance issues.
... function display_size_data(){ // check for support of the performanceresourcetiming.*size properties and print their
values // if supported.
... if (performance === undefined) { console.log("= display size data: performance not supported"); return; } var list = performance.getentriesbytype("resource"); if (list === undefined) { console.log("= display size data: performance.getentriesbytype() is not supported"); return; } // for each "resource", display its *size property
values console.log("= display size data"); for (var i=0; i < list.length; i++) { console.log("== resource[" + i + "] - " + list[i].name); if ("decodedbodysize" in list[i]) console.log("...
...And 2 more matches
SVGAnimatedString - Web APIs
properties svganimatedstring.animval read only this is a domstring representing the animation
value.
... if the given attribute or property is being animated it contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, it contains the same
value as baseval.
...And 2 more matches
SVGFEConvolveMatrixElement - Web APIs
"_top"><rect x="221" y="65" width="260" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="351" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeconvolvematrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_edgemode_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_edgemode_duplicate 1 corresponds to the duplicate
value.
...And 2 more matches
SVGGradientElement - Web APIs
target="_top"><rect x="301" y="65" width="180" 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">svggradientelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_spreadmethod_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_spreadmethod_pad 1 corresponds to
value pad.
...And 2 more matches
SVGRect - Web APIs
rectangles consist of an x and y coordinate pair identifying a minimum x
value, a minimum y
value, and a width and height, which are constrained to be non-negative.
...if the attribute is not specified, the effect is as if a
value of 0 were specified.
... svgrect.y the exact effect of this coordinate depends on each element.if the attribute is not specified, the effect is as if a
value of 0 were specified.
...And 2 more matches
SVGTransform - Web APIs
readonly float angle readonly svgmatrix matrix constants svg_transform_unknown = 0 svg_transform_matrix = 1 svg_transform_translate = 2 svg_transform_scale = 3 svg_transform_rotate = 4 svg_transform_skewx = 5 svg_transform_skewy = 6 normative document svg 1.1 (2nd edition) constants name
value description svg_transform_unknown 0 the unit type is not one of predefined unit types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
...nslate(…) transformation svg_transform_scale 3 a scale(…) transformation svg_transform_rotate 4 a rotate(…) transformation svg_transform_skewx 5 a skewx(…) transformation svg_transform_skewy 6 a skewy(…) transformation properties name type description type unsigned short the type of the
value as specified by one of the svg_transform_* constants defined on this interface.
...And 2 more matches
SVGZoomAndPan - Web APIs
omandpan" target="_top"><rect x="1" y="1" width="130" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="66" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgzoomandpan</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_zoomandpan_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_zoomandpan_disable 1 corresponds to the
value disable.
...And 2 more matches
Using Service Workers - Web APIs
sync try { const
value = myfunction(); console.log(
value); } catch(err) { console.log(err); } async myfunction().then((
value) => { console.log(
value); }).catch((err) => { console.log(err); }); in the first example, we have to wait for myfunction() to run and return
value before any more of the code can execute.
... in the second example, myfunction() returns a promise for
value, then the rest of the code can carry on running.
...promises will only resolve with a single argument, so if you want to resolve with multiple
values, you need to use an array/object.
...And 2 more matches
SpeechSynthesisUtterance.rate - Web APIs
if unset, a default
value of 1 will be used.
... syntax var myrate = speechsynthesisutteranceinstance.rate; speechsynthesisutteranceinstance.rate = 1.5;
value a float representing the rate
value.
...other
values act as a percentage relative to this, so for example 2 is twice as fast, 0.5 is half as fast, etc.
...And 2 more matches
StaticRange - Web APIs
e4" stroke-width="2px" /><text x="226" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">staticrange</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor staticrange() creates a new staticrange object given the staticrangeinit dictionary specifying the default
values for its properties.
... staticrange.collapsed read only returns a boolean
value which is true if the range's start and end positions are the same, resulting in a range of length 0.
... staticrange.endoffset read only returns an integer
value indicating the offset into the node given by endcontainer at which the last character of the range is found.
...And 2 more matches
StereoPannerNode - Web APIs
the pan property takes a unitless
value between -1 (full left pan) and 1 (full right pan).
... example in our stereopannernode example (see source code) html we have a simple <audio> element along with a slider <input> to increase and decrease pan
value.
...we then use an oninput event handler to change the
value of the stereopannernode.pan parameter and update the pan
value display when the slider is moved.
...And 2 more matches
Storage - Web APIs
storage.getitem() when passed a key name, will return that key's
value.
... storage.setitem() when passed a key name and
value, will add that key to the storage, or update that key's
value if it already exists.
...if it does, we run a function called setstyles() that grabs the data items using storage.getitem() and uses those
values to update page styles.
...And 2 more matches
SubtleCrypto.decrypt() - Web APIs
the
values given for the extra parameters must match those passed into the corresponding encrypt() call.
... return
value result is a promise that fulfills with an arraybuffer containing the plaintext.
...note that counter must match the
value that was used for encryption.
...And 2 more matches
SubtleCrypto.encrypt() - Web APIs
return
value result is a promise that fulfills with an arraybuffer containing the "ciphertext".
... function getmessageencoding() { const messagebox = document.queryselector(".rsa-oaep #message"); let message = messagebox.
value; let enc = new textencoder(); return enc.encode(message); } function encryptmessage(publickey) { let encoded = getmessageencoding(); return window.crypto.subtle.encrypt( { name: "rsa-oaep" }, publickey, encoded ); } aes-ctr this code fetches the contents of a text box, encodes it for encryption, and encrypts it using aes in ctr mode.
... function getmessageencoding() { const messagebox = document.queryselector(".aes-ctr #message"); let message = messagebox.
value; let enc = new textencoder(); return enc.encode(message); } function encryptmessage(key) { let encoded = getmessageencoding(); // counter will be needed for decryption counter = window.crypto.getrandom
values(new uint8array(16)); return window.crypto.subtle.encrypt( { name: "aes-ctr", counter, length: 64 }, key, encoded ); } let iv = new uint8array(16); let key = new uint8array(16); let data = new uint8array(12345); //crypto functions are wrapped in promises so we have to use await and make sure the function that //contains this code is an async function //encrypt function wants a c...
...And 2 more matches
SubtleCrypto.sign() - Web APIs
return
value signature is a promise that fulfills with an arraybuffer containing the signature.
...*/ function getmessageencoding() { const messagebox = document.queryselector(".rsassa-pkcs1 #message"); let message = messagebox.
value; let enc = new textencoder(); return enc.encode(message); } let encoded = getmessageencoding(); let signature = await window.crypto.subtle.sign( "rsassa-pkcs1-v1_5", privatekey, encoded ); rsa-pss this code fetches the contents of a text box, encodes it for signing, and signs it with a private key.
...*/ function getmessageencoding() { const messagebox = document.queryselector(".rsa-pss #message"); let message = messagebox.
value; let enc = new textencoder(); return enc.encode(message); } let encoded = getmessageencoding(); let signature = await window.crypto.subtle.sign( { name: "rsa-pss", saltlength: 32, }, privatekey, encoded ); ecdsa this code fetches the contents of a text box, encodes it for signing, and signs it with a private key.
...And 2 more matches
SubtleCrypto.wrapKey() - Web APIs
return
value result is a promise that fulfills with an arraybuffer containing the encrypted exported key.
...*/ async function wrapcryptokey(keytowrap) { // get the key encryption key const keymaterial = await getkeymaterial(); salt = window.crypto.getrandom
values(new uint8array(16)); const wrappingkey = await getkey(keymaterial, salt); return window.crypto.subtle.wrapkey( "raw", keytowrap, wrappingkey, "aes-kw" ); } /* generate an encrypt/decrypt secret key, then wrap it.
...*/ async function wrapcryptokey(keytowrap) { // get the key encryption key const keymaterial = await getkeymaterial(); salt = window.crypto.getrandom
values(new uint8array(16)); const wrappingkey = await getkey(keymaterial, salt); iv = window.crypto.getrandom
values(new uint8array(12)); return window.crypto.subtle.wrapkey( "pkcs8", keytowrap, wrappingkey, { name: "aes-gcm", iv: iv } ); } /* generate a sign/verify key pair, then wrap the private key.
...And 2 more matches
TextTrack - Web APIs
if it doesn't have an id, then this
value is an empty string ("").
...the
value must be one of those in the texttrackkind enum.
...the
value must adhere to the format specified in the tags for identifying languages (bcp 47) document from the ietf, just like the html lang attribute.
...And 2 more matches
UIEvent.layerX - Web APIs
this property takes scrolling of the page into account and returns a
value relative to the whole of the document unless the event occurs inside a positioned element, where the returned
value is relative to the top left of the positioned element.
... syntax var xpos = event.layerx xpos is an integer
value in pixels for the x-coordinate of the mouse pointer, when the mouse event fired.
... examples <html> <head> <title>pagex\pagey & layerx\layery example</title> <script type="text/javascript"> function showcoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentnode.id; form.parentid.
value = parent_id; form.pagexcoords.
value = evt.pagex; form.pageycoords.
value = evt.pagey; form.layerxcoords.
value = evt.layerx; form.layerycoords.
value = evt.layery; } </script> <style type="text/css"> #d1 { border: solid blue 1px; padding: 20px; } #d2 { position: absolute; top: 180px; left: 80%; right:auto; width: 40%; border: solid blue 1px; padding: 20px; } #d3 { position: absolute; top: 240px; left: 20%; width: 50%; border: solid blue 1px; padding: 10px; } </style> </head> <body onmousedown="showcoords(eve...
...And 2 more matches
UIEvent.layerY - Web APIs
this property takes scrolling of the page into account, and returns a
value relative to the whole of the document, unless the event occurs inside a positioned element, where the returned
value is relative to the top left of the positioned element.
... syntax var ypos = event.layery; ypos is an integer
value in pixels for the y-coordinate of the mouse pointer, when the mouse event fired.
... example <html> <head> <title>pagex\pagey & layerx\layery example</title> <script type="text/javascript"> function showcoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentnode.id; form.parentid.
value = parent_id; form.pagexcoords.
value = evt.pagex; form.pageycoords.
value = evt.pagey; form.layerxcoords.
value = evt.layerx; form.layerycoords.
value = evt.layery; } </script> <style type="text/css"> #d1 { border: solid blue 1px; padding: 20px; } #d2 { position: absolute; top: 180px; left: 80%; right:auto; width: 40%; border: solid blue 1px; padding: 20px; } #d3 { position: absolute; top: 240px; left: 20%; width: 50%; border: solid blue 1px; padding: 10px; } </style> </head> <body onmousedown="showcoords(even...
...And 2 more matches
ULongRange - Web APIs
the ulongrange dictionary is used to define a range of permitted integer
values for a property, with either or both a maximum and minimum
value specified.
... the constrainulongrange dictionary is based on this, augmenting it to support exact and ideal
values as well.
... properties max a numeric
value in the range of signed 32-bit integers, specifying the largest permissible
value of the property it describes.
...And 2 more matches
URLSearchParams.append() - Web APIs
the append() method of the urlsearchparams interface appends a specified key/
value pair as a new search parameter.
... as shown in the example below, if the same key is appended multiple times it will appear in the parameter string multiple times for each
value.
... syntax urlsearchparams.append(name,
value) parameters name the name of the parameter to append.
...And 2 more matches
USBAlternateInterface - Web APIs
standardized
values for this field are defined by the usb implementers forum.
... a
value of 0xff indicates a vendor-defined interface.
...the meaning of this
value depends on the interfaceclass field.
...And 2 more matches
Vibration API - Web APIs
a single vibration you may pulse the vibration hardware one time by specifying either a single
value or an array consisting of only one
value: window.navigator.vibrate(200); window.navigator.vibrate([200]); both of these examples vibrate the device for 200 ms.
... vibration patterns an array of
values describes alternating periods in which the device is vibrating and not vibrating.
... each
value in the array is converted to an integer, then interpreted alternately as the number of milliseconds the device should vibrate and the number of milliseconds it should not be vibrating.
...And 2 more matches
WaveShaperNode.WaveShaperNode() - Web APIs
valid
values are 'none', '2x', or '4x'.
... return
value a new waveshapernode object instance.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetwaveshapernode() constructorchrome full support 55notes full support 55notes notes before chrome 59, the default
values were not supported.edge full support ≤79firefox full support 53ie no support noopera full support 42safari ?
...And 2 more matches
WebGL2RenderingContext.samplerParameter[if]() - Web APIs
possible
values: gl.texture_compare_func: a glenum specifying the texture comparison function.
... gl.texture_max_lod: a glfloat specifying the maximum level-of-detail
value.
... gl.texture_min_filter: a glenum specifying the texture minification filter gl.texture_min_lod: a glfloat specifying the minimum level-of-detail
value.
...And 2 more matches
WebGL2RenderingContext.vertexAttribI4[u]i[v]() - Web APIs
the webgl2renderingcontext.vertexattribi4[u]i[v]() methods of the webgl 2 api specify integer
values for generic vertex attributes.
... syntax void gl.vertexattribi4i(index, v0, v1, v2, v3); void gl.vertexattribi4ui(index, v0, v1, v2, v3); void gl.vertexattribi4iv(index,
value); void gl.vertexattribi4uiv(index,
value); parameters index a gluint specifying the position of the vertex attribute to be modified.
... v0, v1, v2, v3 an integer number for the vertex attribute
value.
...And 2 more matches
WebGLRenderingContext.compressedTexImage[23]D() - Web APIs
possible
values for compressedteximage2d: gl.texture_2d: a two-dimensional texture.
... possible
values for compressedteximage3d: gl.texture_2d_array gl.texture_3d level a glint specifying the level of detail.
...all
values are possible for compressedteximage2d.
...And 2 more matches
WebGLRenderingContext.getBufferParameter() - Web APIs
possible
values: gl.array_buffer: buffer containing vertex attributes, such as vertex coordinates, texture coordinate data, or vertex color data.
... when using a webgl 2 context, the following
values are available additionally: gl.copy_read_buffer: buffer for copying from one buffer object to another.
...possible
values: gl.buffer_size: returns a glint indicating the size of the buffer in bytes.
...And 2 more matches
WebGLRenderingContext.hint() - Web APIs
possible
values: gl.generate_mipmap_hint: quality of filtering when generating mipmap images with webglrenderingcontext.generatemipmap().
... when using a webgl 2 context, the following
values are available additionally: gl.fragment_shader_derivative_hint: same as ext.fragment_shader_derivative_hint_oes mode sets the behavior.
... the default
value is gl.dont_care.
...And 2 more matches
Lighting in WebGL - Web APIs
the vertex shader the first thing to do is update the vertex shader so it generates a shading
value for each vertex based on the ambient lighting as well as the directional lighting.
...if this
value is less than zero, then we pin the
value to zero, since you can't have less than zero light.
... once the amount of directional lighting is computed, we can generate the lighting
value by taking the ambient light and adding in the product of the directional light's color and the amount of directional lighting to provide.
...And 2 more matches
WebSocket.send() - Web APIs
the websocket.send() method enqueues the specified data to be transmitted to the server over the websocket connection, increasing the
value of bufferedamount by the number of bytes needed to contain the data.
...the string is added to the buffer in utf-8 format, and the
value of bufferedamount is increased by the number of bytes required to represent the utf-8 string.
... arraybuffer you can send the underlying binary data used by a typed array object; its binary data contents are queued in the buffer, increasing the
value of bufferedamount by the requisite number of bytes.
...And 2 more matches
Starting up and shutting down a WebXR session - Web APIs
thus the simplest code that fetches the xrsystem object is: const xr = navigator.xr; the
value of xr will be null or undefined if webxr isn't available.
... set the webgl context as the source for the xr system by creating an xrwebgllayer and passing set the
value of the session's renderstate property baselayer.
...the input
value into getoffsetreferencespace() is an xrrigidtransform encapsulating the player's position and orientation as specified in the default world coordinates.
...And 2 more matches
Visualizations with Web Audio API - Web APIs
the analyser node will then capture audio data using a fast fourier transform (fft) in a certain frequency domain, depending on what you specify as the analysernode.fftsize property
value (if no
value is specified, the default is 2048.) note: you can also specify a minimum and maximum power
value for the fft data scaling range, using analysernode.mindecibels and analysernode.maxdecibels, and different data averaging constants using analysernode.smoothingtimeconstant.
...we return the analysernode.frequencybincount
value, which is half the fft, then call uint8array() with the frequencybincount as its length argument — this is how many data points we will be collecting, for that fft size.
... var slicewidth = width * 1.0 / bufferlength; var x = 0; now we run through a loop, defining the position of a small segment of the wave for each point in the buffer at a certain height based on the data point
value form the array, then moving the line across to the place where the next wave segment should be drawn: for(var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * height/2; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } finally, we finish the line ...
...And 2 more matches
Web Audio API - Web APIs
a common modification is multiplying the samples by a
value to make them louder or quieter (as is the case with gainnode).
...it can be set to a specific
value or a change in
value, and can be scheduled to happen at a specific time and following a specific pattern.
... audioparammap provides a maplike interface to a group of audioparam interfaces, which means it provides the methods foreach(), get(), has(), keys(), and
values(), as well as a size property.
...And 2 more matches
Window.scrollX - Web APIs
this
value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number.
... syntax var x = window.scrollx;
value in practice, the returned
value is a double-precision floating-point
value indicating the number of pixels the document is currently scrolled horizontally from the origin, where a positive
value means the content is scrolled to the left.
... if the document is rendered on a subpixel-precise device, then the returned
value is also subpixel-precise and may contain a decimal component.
...And 2 more matches
Window.scrollY - Web APIs
this
value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number.
... syntax var y = window.scrolly
value in practice, the returned
value is a double-precision floating-point
value indicating the number of pixels the document is currently scrolled vertically from the origin, where a positive
value means the content is scrolled to upward.
... if the document is rendered on a subpixel-precise device, then the returned
value is also subpixel-precise and may contain a decimal component.
...And 2 more matches
Window.showModalDialog() - Web APIs
syntax returnval = window.showmodaldialog(uri[, arguments][, options]); returnval holds the return
value property as set by the document specified by uri.
... arguments is an optional variant containing
values passed to the dialog; these are made available in the window object's window.dialogarguments property.
... options is an optional string specifying window ornamentation for the dialog, using one or more semicolon delimited
values: syntax description center: {on | off | yes | no | 1 | 0 } if on, yes, or 1, the dialog window is centered on the desktop; otherwise it's hidden.
...And 2 more matches
XMLHttpRequest.setRequestHeader() - Web APIs
the xmlhttprequest method setrequestheader() sets the
value of an http request header.
...if this method is called several times with the same header, the
values are merged into one single request header.
... syntax xmlhttprequest.setrequestheader(header,
value) parameters header the name of the header whose
value is to be set.
...And 2 more matches
XREnvironmentBlendMode - Web APIs
its
values are used by the xrsession interface's environmentblendmode property.
...
values opaque the rendered image is drawn without allowing any pass-through imagery.
...the alpha
values specified in the xrsession's renderstate property's baselayer field are ignored since the alpha
values for the rendered imagery are all treated as being 1.0 (fully opaque).
...And 2 more matches
XRHandedness - Web APIs
the webxr enumerated type xrhandedness provides
values which identify which of a user's hands is being used to operate a particular input controller attached to the xr input device being used.
... xrhandedness is used as the
value of the the xrinputsource property handedness.
...
values none the input controller is not associated with one of the user's hands.
...And 2 more matches
XRInputSource.handedness - Web APIs
syntax let hand = xrinputsource.handedness;
value a domstring indicating whether the input controller is held in one of the user's hands, and if it is, which hand.
... the
value, which comes from the xrhandedness enumerated type, is one of the following: none the input controller is not associated with one of the user's hands.
... usage notes if the input source is not a device associated with a user's hand (whether by being held, attached, or worn), the
value of handedness is none.
...And 2 more matches
XRInputSourceArray.forEach() - Web APIs
the callback accepts up to three parameters: current
value a xrinputsource object which is the
value of the item from within the xrinputsourcearray which is currently being processed.
... currentindex optional an integer
value providing the index into the array at which the element given by current
value is located.
... thisarg optional the
value to be used for this while executing the callback.
...And 2 more matches
XRSessionEvent() - Web APIs
see event types for a list of the permitted
values.
... eventinitdict an object conforming to the xrsessioneventinit dictionary which contains
values to be applied to the newly-created event object.
... permitted
values are: session the xrsession to which the event is to be delivered.
...And 2 more matches
XRWebGLLayer.antialias - Web APIs
the read-only xrwebgllayer property antialias is a boolean
value which is true if the rendering layer's frame buffer supports antialiasing.
... otherwise, this property's
value is false.
... syntax let antialiasingsupported = xrwebgllayer.antialias;
value a boolean
value which is true if the webgl rendering layer's frame buffer is configured to support antialiasing.
...And 2 more matches
XRWebGLLayerInit.depth - Web APIs
syntax let layerinit = { depth: false }; let gllayer = new xrwebgllayer(xrsession, gl, layerinit); let gllayer = new xrwebgllayer(xrsession, gl, { depth: false });
value a boolean which can be set to false to specify that the new webgl layer should not have a depth buffer.
... the default
value is true.
... usage notes this property differs from ignoredepth
values in that a layer created with ignoredepth
values set to true may still have a depth buffer, but will not make use of it.
...And 2 more matches
ARIA: document role - Accessibility
associated wai-aria roles, states, and properties aria-expanded include with a
value of true or false if the document element is collapsible, to indicate if the document is currently expanded or collapsed.
... other
values include the default undefined which means the document is not collapsible.
... keyboard interactions the element should be made focusable by setting the tabindex="0" attribute /
value pair on it.
...And 2 more matches
ARIA: checkbox role - Accessibility
the developer is required to change the
value of the aria-checked attribute dynamically when the checkbox is activated.
... associated wai-aria roles, states, and properties aria-checked the
value of aria-checked defines the state of a checkbox.
... this attribute has one of three possible
values: true the checkbox is checked false the checkbox is not checked mixed the checkbox is partially checked, or indeterminate tabindex="0" used to make it focusable so the assistive technology user can tab to it and start reading right away.
...And 2 more matches
Alerts - Accessibility
="email" id="email" aria-required="true"/> <br /> <label for="website">website (optional):</label> <input name="website" id="website"/> </fieldset> <label for="message">please enter your message (required):</label> <br /> <textarea name="message" id="message" rows="5" cols="80" aria-required="true"></textarea> <br /> <input type="submit" name="submit"
value="send message"/> <input type="reset" name="reset"
value="reset form"/> </form> checking for validity and notifying the user form validations consists of several steps: checking if the e-mail address or entered name are valid.
... if the above criteria is not met, the field’s aria-invalid attribute will be given a
value of “true”.
...(amsg) { removeoldalert(); var newalert = document.createelement("div"); newalert.setattribute("role", "alert"); newalert.setattribute("id", "alert"); var msg = document.createtextnode(amsg); newalert.appendchild(msg); document.body.appendchild(newalert); } function checkvalidity(aid, asearchterm, amsg) { var elem = document.getelementbyid(aid); var invalid = (elem.
value.indexof(asearchterm) < 0); if (invalid) { elem.setattribute("aria-invalid", "true"); addalert(amsg); } else { elem.setattribute("aria-invalid", "false"); removeoldalert(); } } </script> the checkvalidity function the primary method in javascript used for form validation is the checkvalidity function.
...And 2 more matches
Custom properties (--*): CSS variables - CSS: Cascading Style Sheets
property names that are prefixed with --, like --example-name, represent custom properties that contain a
value that can be used in other declarations using the var() function.
... custom properties are scoped to the element(s) they are declared on, and participate in the cascade: the
value of such a custom property is that from the declaration decided by the cascading algorithm.
... initial
valuesee proseapplies toall elementsinheritedyescomputed
valueas specified with variables substitutedanimation typediscrete syntax --somekeyword: left; --somecolor: #0000ff; --somecomplex
value: 3px 6px rgb(20, 32, 54); <declaration-
value> this
value matches any sequence of one or more tokens, so long as the sequence does not contain an unallowed token.
...And 2 more matches
-moz-image-region - CSS: Cascading Style Sheets
/* keyword
value */ -moz-image-region: auto; /* <shape>
value */ -moz-image-region: rect(0, 8px, 4px, 4px); /* global
values */ -moz-image-region: inherit; -moz-image-region: initial; -moz-image-region: unset; the syntax is similar to the clip property.
... all four
values are relative to the upper left corner of the image.
... syntax
values auto automatically defines the region of the image to use.
...And 2 more matches
-moz-user-input - CSS: Cascading Style Sheets
/* keyword
values */ -moz-user-input: none; -moz-user-input: enabled; -moz-user-input: disabled; /* global
values */ -moz-user-input: inherit; -moz-user-input: initial; -moz-user-input: unset; for elements that normally take user input, such as a <textarea>, the initial
value of -moz-user-input is enabled.
... syntax
values none the element does not respond to user input, and it does not become :active.
...please note that this
value is no longer supported in firefox 60 onwards (bug 1405087).
...And 2 more matches
font-style - CSS: Cascading Style Sheets
the
values for the css descriptor is same as that of its corresponding font property.
... syntax font-style: normal; font-style: italic; font-style: oblique; font-style: oblique 30deg; font-style: oblique 30deg 50deg;
values normal selects the normal version of the font-family.
...note that a range is only supported when the font-style is oblique; for font-style: normal or italic, no second
value is allowed.
...And 2 more matches
@import - CSS: Cascading Style Sheets
r> = <media-not> | <media-and> | <media-in-parens>where <media-not> = not <media-in-parens><media-and> = <media-in-parens> [ and <media-in-parens> ]+<media-or> = <media-in-parens> [ or <media-in-parens> ]+<media-in-parens> = ( <media-condition> ) | <media-feature> | <general-enclosed>where <media-feature> = ( [ <mf-plain> | <mf-boolean> | <mf-range> ] )<general-enclosed> = [ <function-token> <any-
value> ) ] | ( <ident> <any-
value> )where <mf-plain> = <mf-name> : <mf-
value><mf-boolean> = <mf-name><mf-range> = <mf-name> [ '<' | '>' ]?
...<mf-
value> | <mf-
value> [ '<' | '>' ]?
...<mf-name> | <mf-
value> '<' '='?
...And 2 more matches
color - CSS: Cascading Style Sheets
syntax the color feature is specified as an <integer>
value that represents the number of bits per color component (red, green, blue) of the output device.
... if the device is not a color device, the
value is zero.
... it is a range feature, meaning that you can also use the prefixed min-color and max-color variants to query minimum and maximum
values, respectively.
...And 2 more matches
size - CSS: Cascading Style Sheets
syntax /* keyword
values for scalable size */ size: auto; size: portrait; size: landscape; /* <length>
values */ /* 1
value: height = width */ size: 6in; /* 2
values: width then height */ size: 4in 6in; /* keyword
values for absolute size */ size: a4; size: b5; size: jis-b4; size: letter; /* mixing size and orientation */ size: a4 portrait;
values auto the user agent decides the size of the page.
... <length> any length
value (see <length>).
... the first
value corresponds to the width of the page box and the second one corresponds to its height.
...And 2 more matches
width - CSS: Cascading Style Sheets
by providing one viewport length
value, that
value will determine both the min-width and the max-width to the
value provided.
... if two viewport
values are provided the first
value will be set to the min-width and the second
value will be set max-width.
... syntax /* an example with one viewport
value: */ @viewport { width: 320px; } /* an example with two viewport
values: */ @viewport { width: 320px, 120px; }
values auto the used
value is calculated from the other css descriptors'
values.
...And 2 more matches
zoom - CSS: Cascading Style Sheets
larger
values are zoomed in.
... smaller
values are zoomed out.
... syntax /* keyword
value */ zoom: auto; /* <number>
values */ zoom: 0.8; zoom: 2.0; /* <percentage>
values */ zoom: 150%;
values auto the user agent will set the document's initial zoom factor.
...And 2 more matches
Handling content breaks in multicol - CSS: Cascading Style Sheets
this property takes
values of: auto avoid avoid-page avoid-column avoid-region in the example below, we have applied break-inside to the figure element to prevent the caption from becoming separated from the image.
...they take the following
values when in a multicol context: auto avoid avoid-column column in this next example, we are forcing a column break before an h2 element.
... the orphans and widows properties take an integer as a
value, which represents the number of lines to keep together at the end and start of a fragment, respectively.
...And 2 more matches
CSS Display - CSS: Cascading Style Sheets
ng wrapping of flex items ordering flex items relationship of flexbox to other layout methods backwards compatibility of flexbox typical use cases of flexbox display: grid basic concepts of grid layout relationship to other layout methods line-based placement grid template areas layout using named grid lines auto-placement in grid layout box alignment in grid layout grids, logical
values and writing modes css grid layout and accessibility css grid layout and progressive enhancement realizing common layouts using grids specifications specification status comment css display module level 3the definition of 'display' in that specification.
... candidate recommendation added run-in, flow, flow-root, contents and multi-keyword
values.
... recommendation added the table model
values and inline-block.
...And 2 more matches
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
additionally, any new
values defined in the box alignment module will apply to flexible box layout; in otherwords, the box alignment module, once completed, will supercede the definitions here." in a later article in this series — aligning items in a flex container — we will take a thorough look at how the box alignment properties apply to flex items.
... the writing modes the writing modes specification defines the following
values of the writing-mode property, which serve to change the direction that blocks are laid out on the page, to match the direction that blocks lay out when content is formatted in that particular writing mode.
... flexbox and display: contents the contents
value of the display property is a new
value that is described in the spec as follows: “the element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal.
...And 2 more matches
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
der: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } <div class="wrapper"> <div>one</div> <div>two</div> <div>three</div> <div>four</div> <div>five</div> </div> .wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-auto-rows: 100px; } you can use minmax() in your
value for grid-auto-rows enabling the creation of rows that are a minimum size but then grow to fit content if it is taller.
...using the property grid-auto-flow with a
value of column.
...i do this with the grid-column-end and grid-row-end properties and setting the
value of this to span 2.
...And 2 more matches
Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
i have five child items in my container, and i have given the flex properties
values so that they can grow and shrink from a flex-basis of 150 pixels.
... a grid container as containing block to make the grid container a containing block you need to add the position property to the container with a
value of relative, just as you would make a containing block for any other absolutely positioned items.
...in this example the grid container is the containing block and so the absolute positioning offset
values are calculated in from the outer edges of the area it has been placed into.
...And 2 more matches
Logical properties for sizing - CSS: Cascading Style Sheets
when specifying the size of an item, the logical properties and
values specification gives you the ability to indicate sizing as it relates to the flow of text (inline and block) rather than physical sizing which relates to the physical dimensions of horizontal and vertical (e.g.
... logical keywords for resize the resize property sets whether or not an item can be resized and has physical
values of horizontal and vertical.
... the resize property also has logical keyword
values.
...And 2 more matches
Using CSS transforms - CSS: Cascading Style Sheets
the smaller its
value is, the deeper the perspective is.
... html the html below creates four copies of the same box, with the perspective set at different
values.
... /* shorthand classes for different perspective
values */ .pers250 { perspective: 250px; } .pers350 { perspective: 350px; } .pers500 { perspective: 500px; } .pers650 { perspective: 650px; } /* define the container div, the cube div, and a generic face */ .container { width: 200px; height: 200px; margin: 75px 0 0 75px; border: none; } .cube { width: 100%; height: 100%; backface-visibility: visible; perspective-origin: 150...
...And 2 more matches
CSS data types - CSS: Cascading Style Sheets
css data types define typical
values (including keywords and units) accepted by css properties and functions.
... they are a special kind of component
value type.
... index the data types defined by the set of css specifications include the following: <angle> <angle-percentage> <angular-color-hint> <angular-color-stop> <attr-fallback> <attr-name> <basic-shape> <blend-mode> <calc-product> <calc-sum> <calc-
value> <color> <color-stop> <color-stop-angle> <counter-style> <custom-ident> <dimension> <filter-function> <flex> <frequency> <frequency-percentage> <gradient> <ident> <image> <integer> <length> <length-percentage> <number> <number-percentage> <percentage> <position> <quote> <ratio> <resolution> <shape-box> <shape-radius> <string> <time> <time-percentage> <timing-function> <toggle-
value> <transform-function>...
...And 2 more matches
CSS reference - CSS: Cascading Style Sheets
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.
... the syntax for each specified
value depends on the data type defined for each specified property.
...ment()ellipse()em:emptyempty-cells:enabledenv()exffallback (@counter-style)filter<filter-function>:first:first-child::first-letter (:first-letter)::first-line (:first-line):first-of-typefit-content()<flex>flexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloat:focusfont@font-facefont-familyfont-family (@font-face)font-feature-settingsfont-feature-settings (@font-face)@font-feature-
valuesfont-kerningfont-language-overridefont-optical-sizingfont-sizefont-size-adjustfont-stretchfont-stretch (@font-face)font-stylefont-style (@font-face)font-synthesisfont-variantfont-variant (@font-face)font-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variation-settingsfont-variation-settings (@font-face)font-weightfont...
...And 2 more matches
animation-direction - CSS: Cascading Style Sheets
syntax /* single animation */ animation-direction: normal; animation-direction: reverse; animation-direction: alternate; animation-direction: alternate-reverse; /* multiple animations */ animation-direction: normal, reverse; animation-direction: alternate, reverse, normal; /* global
values */ animation-direction: inherit; animation-direction: initial; animation-direction: unset;
values normal the animation plays forwards each cycle.
...this is the default
value.
... note: when you specify multiple comma-separated
values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
...And 2 more matches
aspect-ratio - CSS: Cascading Style Sheets
syntax aspect-ratio: 1 / 1; /* global
values */ aspect-ratio: inherit; aspect-ratio: initial; aspect-ratio: unset;
values <auto> replaced elements with an intrinsic aspect ratio use that aspect ratio, otherwise the box has no preferred aspect ratio.
... formal definition initial
valueautoapplies toall elements except inline boxes and internal ruby or table boxesinheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | <ratio> examples mapping width and height to aspect-ratio firefox has added an internal aspect-ratio property (in version 69 onwards) that applies to replaced elements and other related elements that accept width and height attributes.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetaspect-ratio experimentalchrome partial support 79notes partial support 79notes notes chrome 79 adds internal support only for mapped
valuesedge partial support 79notes partial support 79notes notes edge 79 adds internal support only for mapped
valuesfirefox partial support 71notes partial support 71notes notes firefox 71 adds internal support only for mapped
values no support 69 — 71notes disabled not...
...And 2 more matches
background-attachment - CSS: Cascading Style Sheets
syntax /* keyword
values */ background-attachment: scroll; background-attachment: fixed; background-attachment: local; /* global
values */ background-attachment: inherit; background-attachment: initial; background-attachment: unset; the background-attachment property is specified as one of the keyword
values from the list below.
...
values fixed the background is fixed relative to the viewport.
...(it is effectively attached to the element's border.) formal definition initial
valuescrollapplies toall elements.
...And 2 more matches
border-bottom-width - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-bottom-width: thin; border-bottom-width: medium; border-bottom-width: thick; /* <length>
values */ border-bottom-width: 10em; border-bottom-width: 3vmax; border-bottom-width: 6px; /* global keywords */ border-bottom-width: inherit; border-bottom-width: initial; border-bottom-width: unset;
values <line-width> defines the width of the border, either as an explicit nonnegative <length> or a keyword.
... if it's a keyword, it must be one of the following
values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.
... nevertheless, they always follow the pattern thin ≤ medium ≤ thick, and the
values are constant within a single document.
...And 2 more matches
border-left-width - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-left-width: thin; border-left-width: medium; border-left-width: thick; /* <length>
values */ border-left-width: 10em; border-left-width: 3vmax; border-left-width: 6px; /* global keywords */ border-left-width: inherit; border-left-width: initial; border-left-width: unset;
values <line-width> defines the width of the border, either as an explicit nonnegative <length> or a keyword.
... if it's a keyword, it must be one of the following
values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.
... nevertheless, they always follow the pattern thin ≤ medium ≤ thick, and the
values are constant within a single document.
...And 2 more matches
border-right-width - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-right-width: thin; border-right-width: medium; border-right-width: thick; /* <length>
values */ border-right-width: 10em; border-right-width: 3vmax; border-right-width: 6px; /* global keywords */ border-right-width: inherit; border-right-width: initial; border-right-width: unset;
values <line-width> defines the width of the border, either as an explicit nonnegative <length> or a keyword.
... if it's a keyword, it must be one of the following
values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.
... nevertheless, they always follow the pattern thin ≤ medium ≤ thick, and the
values are constant within a single document.
...And 2 more matches
border-top-style - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-top-style: none; border-top-style: hidden; border-top-style: dotted; border-top-style: dashed; border-top-style: solid; border-top-style: double; border-top-style: groove; border-top-style: ridge; border-top-style: inset; border-top-style: outset; /* global
values */ border-top-style: inherit; border-top-style: initial; border-top-style: unset; the border-top-style property is speci...
... formal definition initial
valuenoneapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax <line-style>where <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset examples html <table> <tr> <td class="b1">none</td> <td class="b2">hidden</td> <td class="b3">dotted</td> <td class="b4">dashed</td> </tr> <tr> <td class="b5">solid</td> <td class="b6">double</td> <td class="b7">groove</td> <td class="b8">ridge</td> </tr> <tr> <td class="b9">inset</td> <td class="b10">outset</td> </tr> </table> css /* define look of the table */ table { border-width: 2px; background-color: #52e385; } tr, td { padding: 3px; } /* border-top-style example classes */ .b1 {border-top-style: none;}...
...And 2 more matches
border-top-width - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-top-width: thin; border-top-width: medium; border-top-width: thick; /* <length>
values */ border-top-width: 10em; border-top-width: 3vmax; border-top-width: 6px; /* global keywords */ border-top-width: inherit; border-top-width: initial; border-top-width: unset;
values <line-width> defines the width of the border, either as an explicit nonnegative <length> or a keyword.
... if it's a keyword, it must be one of the following
values: thin a thin border medium a medium border thick a thick border note: because the specification doesn't define the exact thickness denoted by each keyword, the precise result when using one of them is implementation-specific.
... nevertheless, they always follow the pattern thin ≤ medium ≤ thick, and the
values are constant within a single document.
...And 2 more matches
bottom - CSS: Cascading Style Sheets
the effect of bottom depends on how the element is positioned (i.e., the
value of the position property): when position is set to absolute or fixed, the bottom property specifies the distance between the element's bottom edge and the bottom edge of its containing block.
... syntax /* <length>
values */ bottom: 3px; bottom: 2.4em; /* <percentage>s of the height of the containing block */ bottom: 10%; /* keyword
value */ bottom: auto; /* global
values */ bottom: inherit; bottom: initial; bottom: unset;
values <length> a negative, null, or positive <length> that represents: for absolutely positioned elements, the distance to the bottom edge of the containing block.
... inherit specifies that the
value is the same as the computed
value from its parent element (which might not be its containing block).
...And 2 more matches
box-pack - CSS: Cascading Style Sheets
/* keyword
values */ box-pack: start; box-pack: center; box-pack: end; box-pack: justify; /* global
values */ box-pack: inherit; box-pack: initial; box-pack: unset; the direction of layout depends on the element's orientation: horizontal or vertical.
... syntax the box-pack property is specified as one of the keyword
values listed below.
...
values start the box packs contents at the start, leaving any extra space at the end.
...And 2 more matches
clear - CSS: Cascading Style Sheets
#container::after { content: ""; display: block; clear: both; } syntax /* keyword
values */ clear: none; clear: left; clear: right; clear: both; clear: inline-start; clear: inline-end; /* global
values */ clear: inherit; clear: initial; clear: unset;
values none is a keyword indicating that the element is not moved down to clear past floating elements.
... formal definition initial
valuenoneapplies toblock-level elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | left | right | both | inline-start | inline-end examples clear: left html <div class="wrapper"> <p class="black">lorem ipsum dolor sit amet, consectetuer adipiscing elit.
....wrapper{ border:1px solid black; padding:10px; } .both { border: 1px solid black; clear: both; } .black { float: left; margin: 0; background-color: black; color: #fff; width:20%; } .red { float: right; margin: 0; background-color: pink; width:20%; } p { width: 45%; } specifications specification status comment css logical properties and
values level 1the definition of 'float and clear' in that specification.
...And 2 more matches
column-gap (grid-column-gap) - CSS: Cascading Style Sheets
syntax /* keyword
value */ column-gap: normal; /* <length>
values */ column-gap: 3px; column-gap: 2.5em; /* <percentage>
value */ column-gap: 3%; /* global
values */ column-gap: inherit; column-gap: initial; column-gap: unset; the column-gap property is specified as one of the
values listed below.
...
values normal the browser's default spacing is used between columns.
...the <length> property's
value must be non-negative.
...And 2 more matches
column-span - CSS: Cascading Style Sheets
the column-span css property makes it possible for an element to span across all columns when its
value is set to all.
... /* keyword
values */ column-span: none; column-span: all; /* global
values */ column-span: inherit; column-span: initial; column-span: unset; an element that spans more than one column is called a spanning element.
... syntax the column-span property is specified as one of the keyword
values listed below.
...And 2 more matches
counters() - CSS: Cascading Style Sheets
the counters() css function enables nested counters, returning a concatenated string representing the current
values of the named counters, if there are any.
...it is generally used with pseudo-elements, but can be used, theoretically, anywhere a <string>
value is supported.
... the generated text is the
value of all counters with the given name, from outermost to innermost, separated by the specified string.
...And 2 more matches
<filter-function> - CSS: Cascading Style Sheets
examples filter function comparison this example provides a simple graphic, along with a select menu to allow you to choose between the different types of filter function, and a slider to allow you to vary the
values used inside the filter function.
.../option> <option>brightness</option> <option>contrast</option> <option>drop-shadow</option> <option>grayscale</option> <option>hue-rotate</option> <option>invert</option> <option>opacity</option> <option>saturate</option> <option>sepia</option> </select> </li> <li> <input type="range"><output></output> </li> <li> <p>current
value: <code></code></p> </li> </ul> css div { width: 300px; height: 300px; background: url(https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png) no-repeat center; } li { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } input { width: 60% } output { width: 5%; text-align: center; } sel...
...ect { width: 40%; margin-left: 2px; } javascript const selectelem = document.queryselector('select'); const divelem = document.queryselector('div'); const slider = document.queryselector('input'); const output = document.queryselector('output'); const cur
value = document.queryselector('p code'); selectelem.addeventlistener('change', () => { setslider(selectelem.
value); setdiv(selectelem.
value); }); slider.addeventlistener('input', () => { setdiv(selectelem.
value); }); function setslider(filter) { if(filter === 'blur') { slider.
value = 0; slider.min = 0; slider.max = 30; slider.step = 1; slider.setattribute('data-unit', 'px'); } else if(filter === 'brightness' || filter === 'contrast' || filter === 'saturate') { slider.
value = 1; slider.min = 0; ...
...And 2 more matches
flex-basis - CSS: Cascading Style Sheets
syntax /* specify <'width'> */ flex-basis: 10em; flex-basis: 3px; flex-basis: auto; /* intrinsic sizing keywords */ flex-basis: fill; flex-basis: max-content; flex-basis: min-content; flex-basis: fit-content; /* automatically size based on the flex item’s content */ flex-basis: content; /* global
values */ flex-basis: inherit; flex-basis: initial; flex-basis: unset; the flex-basis property is specified as either the keyword content or a <'width'>.
...
values <'width'> an absolute <length>, a <percentage> of the parent flex container's main size property, or the keyword auto.
... negative
values are invalid.
...And 2 more matches
font-kerning - CSS: Cascading Style Sheets
in the image below, for instance, the examples on the left do not use kerning, while the ones on the right do: syntax the font-kerning property is specified as one of the keyword
values listed below.
...
values auto the browser determines whether font kerning should be used or not.
... formal definition initial
valueautoapplies toall elements.
...And 2 more matches
font-language-override - CSS: Cascading Style Sheets
/* keyword
value */ font-language-override: normal; /* <string>
values */ font-language-override: "eng"; /* use english glyphs */ font-language-override: "trk"; /* use turkish glyphs */ /* global
values */ font-language-override: initial; font-language-override: inherit; font-language-override: unset; by default, html's lang attribute tells browsers to display glyphs designed specifically for that language.
...
values normal tells the browser to use font glyphs that are appropriate for the language specified by the lang attribute.
... this is the default
value.
...And 2 more matches
font-size-adjust - CSS: Cascading Style Sheets
/* use the specified font size */ font-size-adjust: none; /* use a font size that makes lowercase letters half the specified font size */ font-size-adjust: 0.5; /* global
values */ font-size-adjust: inherit; font-size-adjust: initial; font-size-adjust: unset; the property is useful since the legibility of fonts, especially at small sizes, is determined more by the size of lowercase letters than by the size of capital letters.
...this means the
value specified for the property should generally be the aspect ratio of the first choice font.
... syntax
values none choose the size of the font based only on the font-size property.
...And 2 more matches
font-variant-position - CSS: Cascading Style Sheets
/* keyword
values */ font-variant-position: normal; font-variant-position: sub; font-variant-position: super; /* global
values */ font-variant-position: inherit; font-variant-position: initial; font-variant-position: unset; when the usage of these alternate glyphs is activated, if one character in the run doesn't have such a typographically-enhanced glyph, the whole set of characters of the run is rendered using a fallback method, synthesizing these glyphs.
... syntax the font-variant-position property is specified as one of the keyword
values listed below.
...
values normal deactivates alternate superscript and subscript glyphs.
...And 2 more matches
gap (grid-gap) - CSS: Cascading Style Sheets
syntax /* one <length>
value */ gap: 20px; gap: 1em; gap: 3vmin; gap: 0.5cm; /* one <percentage>
value */ gap: 16%; gap: 100%; /* two <length>
values */ gap: 20px 10px; gap: 1em 0.5em; gap: 3vmin 2vmax; gap: 0.5cm 2mm; /* one or two <percentage>
values */ gap: 16% 100%; gap: 21px 82%; /* calc()
values */ gap: calc(10% + 20px); gap: calc(20px + 10%) calc(10% - 5px); /* global
values */ gap: inherit; gap: initial; gap: un...
...set; this property is specified as a
value for <'row-gap'> followed optionally by a
value for <'column-gap'>.
... if <'column-gap'> is omitted, it’s set to the same
value as <'row-gap'>.
...And 2 more matches
grid-auto-flow - CSS: Cascading Style Sheets
syntax /* keyword
values */ grid-auto-flow: row; grid-auto-flow: column; grid-auto-flow: dense; grid-auto-flow: row dense; grid-auto-flow: column dense; /* global
values */ grid-auto-flow: inherit; grid-auto-flow: initial; grid-auto-flow: unset; this property may take one of two forms: a single keyword: one of row, column, or dense.
...
values row items are placed by filling each row in turn, adding new rows as necessary.
... formal definition initial
valuerowapplies togrid containersinheritednocomputed
valueas specifiedanimation typediscrete formal syntax [ row | column ] | dense examples setting grid auto-placement html <div id="grid"> <div id="item1"></div> <div id="item2"></div> <div id="item3"></div> <div id="item4"></div> <div id="item5"></div> </div> <select id="direction" onchange="changegridautoflow()"> <option
value="colu...
...And 2 more matches
grid-column-end - CSS: Cascading Style Sheets
syntax /* keyword
value */ grid-column-end: auto; /* <custom-ident>
values */ grid-column-end: somegridarea; /* <integer> + <custom-ident>
values */ grid-column-end: 2; grid-column-end: somegridarea 4; /* span + <integer> + <custom-ident>
values */ grid-column-end: span 3; grid-column-end: span somegridarea; grid-column-end: 5 somegridarea span; /* global
values */ grid-column-end: inherit; grid-column-end: initial;...
... grid-column-end: unset;
values auto is a keyword indicating that the property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of 1.
... an <integer>
value of 0 is invalid.
...And 2 more matches
hanging-punctuation - CSS: Cascading Style Sheets
/* keyword
values */ hanging-punctuation: none; hanging-punctuation: first; hanging-punctuation: last; hanging-punctuation: force-end; hanging-punctuation: allow-end; /* two keywords */ hanging-punctuation: first force-end; hanging-punctuation: first allow-end; hanging-punctuation: first last; hanging-punctuation: last force-end; hanging-punctuation: last allow-end; /* three keywords */ hanging-punctuation: first force-end last; hanging-punctuation: first allow-end last; /* global
values */ hanging-punctuation: inherit; hanging-punctuation: initial; hanging-punctuation: unset; syntax the hanging-punctuation ...
...property may be specified with one, two, or three
values.
... one-
value syntax uses any one of the keyword
values in the list below.
...And 2 more matches
height - CSS: Cascading Style Sheets
syntax /* keyword
value */ height: auto; /* <length>
values */ height: 120px; height: 10em; /* <percentage>
value */ height: 75%; /* global
values */ height: inherit; height: initial; height: unset;
values <length> defines the height as an absolute
value.
... mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | w3c understanding wcag 2.0 formal definition initial
valueautoapplies toall elements but non-replaced inline elements, table columns, and column groupsinheritednopercentagesthe percentage is calculated with respect to the height of the generated box's containing block.
... if the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the
value computes to auto.
...And 2 more matches
image-rendering - CSS: Cascading Style Sheets
syntax /* keyword
values */ image-rendering: auto; image-rendering: crisp-edges; image-rendering: pixelated; /* global
values */ image-rendering: inherit; image-rendering: initial; image-rendering: unset;
values auto the scaling algorithm is ua dependent.
...if system resources are constrained, images with high-quality should be prioritized over those with any other
value, when considering which images to degrade the quality of and to what degree.
...this
value is intended for pixel-art images, such as in browser games.
...And 2 more matches
mask-border-repeat - CSS: Cascading Style Sheets
syntax /* keyword
value */ mask-border-repeat: stretch; mask-border-repeat: repeat; mask-border-repeat: round; mask-border-repeat: space; /* vertical | horizontal */ mask-border-repeat: round stretch; /* global
values */ mask-border-repeat: inherit; mask-border-repeat: initial; mask-border-repeat: unset; the mask-border-repeat property may be specified using one or two
values chosen from the list of
values below.
... when one
value is specified, it applies the same behavior on all four sides.
... when two
values are specified, the first applies to the top and bottom, the second to the left and right.
...And 2 more matches
mask-position - CSS: Cascading Style Sheets
/* keyword
values */ mask-position: top; mask-position: bottom; mask-position: left; mask-position: right; mask-position: center; /* <position>
values */ mask-position: 25% 75%; mask-position: 0px 0px; mask-position: 10% 8em; /* multiple
values */ mask-position: top right; mask-position: 1rem 1rem, center; /* global
values */ mask-position: inherit; mask-position: initial; mask-position: unset; syntax one or more <position>
values, separated by commas.
...
values <position> one to four
values representing a 2d position regarding the edges of the element's box.
... formal definition initial
valuecenterapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednopercentagesrefer to size of mask painting area minus size of mask layer image (see the text for background-position)computed
valueconsists of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage.animation typerepeatable list of simple list of length, percentage, or calc formal syntax <position>#where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top ...
...And 2 more matches
mask-repeat - CSS: Cascading Style Sheets
/* one-
value syntax */ mask-repeat: repeat-x; mask-repeat: repeat-y; mask-repeat: repeat; mask-repeat: space; mask-repeat: round; mask-repeat: no-repeat; /* two-
value syntax: horizontal | vertical */ mask-repeat: repeat space; mask-repeat: repeat repeat; mask-repeat: round space; mask-repeat: no-repeat round; /* multiple
values */ mask-repeat: space round, no-repeat; mask-repeat: round repeat, space, repeat-x; /* global
values */ mask-repeat: inherit; mask-repeat: initial; mask-repeat: unset; by default, the repeated images are clipped to the size of the element, but they can be scaled to fit (using round) or evenly ...
... syntax one or more <repeat-style>
values, separated by commas.
...
values <repeat-style> the one-
value syntax is a shorthand for the full two-
value syntax: single
value two-
value equivalent repeat-x repeat no-repeat repeat-y no-repeat repeat repeat repeat repeat space space space round round round no-repeat no-repeat no-repeat in the two-
value syntax, the first
value represents the horizontal repetition behavior and the second
value represents the vertical behavior.
...And 2 more matches
mask-type - CSS: Cascading Style Sheets
/* keyword
values */ mask-type: luminance; mask-type: alpha; /* global
values */ mask-type: inherit; mask-type: initial; mask-type: unset; this property may be overridden by the mask-mode property, which has the same effect but applies to the element where the mask is used.
... syntax the mask-type property is specified as one of the keyword
values listed below.
...
values luminance is a keyword indicating that the associated mask image is a luminance mask, i.e., that its relative luminance
values must be used when applying it.
...And 2 more matches
min-height - CSS: Cascading Style Sheets
it prevents the used
value of the height property from becoming smaller than the
value specified for min-height.
... the element's height is set to the
value of min-height whenever min-height is larger than max-height or height.
... syntax /* <length>
value */ min-height: 3.5em; /* <percentage>
value */ min-height: 10%; /* keyword
values */ min-height: max-content; min-height: min-content; min-height: fit-content(20em); /* global
values */ min-height: inherit; min-height: initial; min-height: unset;
values <length> defines the min-height as an absolute
value.
...And 2 more matches
minmax() - CSS: Cascading Style Sheets
syntax /* <inflexible-breadth>, <track-breadth>
values */ minmax(200px, 1fr) minmax(400px, 50%) minmax(30%, 300px) minmax(100px, max-content) minmax(min-content, 400px) minmax(max-content, auto) minmax(auto, 300px) minmax(min-content, auto) /* <fixed-breadth>, <track-breadth>
values */ minmax(200px, 1fr) minmax(30%, 300px) minmax(400px, 50%) minmax(50%, min-content) minmax(300px, max-content) minmax(200px, auto) /* <inflexible-breadth>, <fixed-bre...
...adth>
values */ minmax(400px, 50%) minmax(30%, 300px) minmax(min-content, 200px) minmax(max-content, 200px) minmax(auto, 300px) a function taking two parameters, min and max.
... each parameter can be a <length>, a <percentage>, a <flex>
value, or one of the keyword
values max-content, min-content, or auto.
...And 2 more matches
order - CSS: Cascading Style Sheets
items in a container are sorted by ascending order
value and then by their source code order.
... syntax /* <integer>
values */ order: 5; order: -5; /* global
values */ order: inherit; order: initial; order: unset; since order is only meant to affect the visual order of elements and not their logical or tab order.
...
values <integer> represents the ordinal group to be used by the item.
...And 2 more matches
overflow-wrap - CSS: Cascading Style Sheets
syntax /* keyword
values */ overflow-wrap: normal; overflow-wrap: break-word; overflow-wrap: anywhere; /* global
values */ overflow-wrap: inherit; overflow-wrap: initial; overflow-wrap: unset; the overflow-wrap property is specified as a single keyword chosen from the list of
values below.
...
values normal lines may only break at normal word break points (such as a space between two words).
... break-word the same as the anywhere
value, with normally unbreakable words allowed to be broken at arbitrary points if there are no otherwise acceptable break points in the line, but soft wrap opportunities introduced by the word break are not considered when calculating min-content intrinsic sizes.
...And 2 more matches
padding-bottom - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-bottom: 0.5em; padding-bottom: 0; padding-bottom: 2cm; /* <percentage>
value */ padding-bottom: 10%; /* global
values */ padding-bottom: inherit; padding-bottom: initial; padding-bottom: unset; the padding-bottom property is specified as a single
value chosen from the list below.
... unlike margins, negative
values are not allowed for padding.
...
values <length> the size of the padding as a fixed
value.
...And 2 more matches
padding-left - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-left: 0.5em; padding-left: 0; padding-left: 2cm; /* <percentage>
value */ padding-left: 10%; /* global
values */ padding-left: inherit; padding-left: initial; padding-left: unset; the padding-left property is specified as a single
value chosen from the list below.
... unlike margins, negative
values are not allowed for padding.
...
values <length> the size of the padding as a fixed
value.
...And 2 more matches
padding-right - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-right: 0.5em; padding-right: 0; padding-right: 2cm; /* <percentage>
value */ padding-right: 10%; /* global
values */ padding-right: inherit; padding-right: initial; padding-right: unset; the padding-right property is specified as a single
value chosen from the list below.
... unlike margins, negative
values are not allowed for padding.
...
values <length> the size of the padding as a fixed
value.
...And 2 more matches
padding-top - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-top: 0.5em; padding-top: 0; padding-top: 2cm; /* <percentage>
value */ padding-top: 10%; /* global
values */ padding-top: inherit; padding-top: initial; padding-top: unset; the padding-top property is specified as a single
value chosen from the list below.
... unlike margins, negative
values are not allowed for padding.
...
values <length> the size of the padding as a fixed
value.
...And 2 more matches
scroll-snap-align - CSS: Cascading Style Sheets
the two
values specify the snapping alignment in the block axis and inline axis, respectively.
... if only one
value is specified, the second
value defaults to the same
value.
... syntax /* keyword
values */ scroll-snap-align: none; scroll-snap-align: start end; /* when two
values set first is block, second inline */ scroll-snap-align: center; /* global
values */ scroll-snap-align: inherit; scroll-snap-align: initial; scroll-snap-align: unset;
values none the box does not define a snap position in that axis.
...And 2 more matches
text-decoration-line - CSS: Cascading Style Sheets
syntax /* single keyword */ text-decoration-line: none; text-decoration-line: underline; text-decoration-line: overline; text-decoration-line: line-through; text-decoration-line: blink; /* multiple keywords */ text-decoration-line: underline overline; /* two decoration lines */ text-decoration-line: overline underline line-through; /* multiple decoration lines */ /* global
values */ text-decoration-line: inherit; text-decoration-line: initial; text-decoration-line: unset; the text-decoration-line property is specified as none, or one or more space-separated
values from the list below.
...
values none produces no text decoration.
...this
value is deprecated in favor of css animations.
...And 2 more matches
text-decoration-thickness - CSS: Cascading Style Sheets
syntax /* single keyword */ text-decoration-thickness: auto; text-decoration-thickness: from-font; /* length */ text-decoration-thickness: 0.1em; text-decoration-thickness: 3px; /* percentage */ text-decoration-thickness: 10%; /* global
values */ text-decoration-thickness: inherit; text-decoration-thickness: initial; text-decoration-thickness: unset;
values auto the browser chooses an appropriate width for the text decoration line.
... from-font if the font file includes information about a preferred thickness, use that
value.
...a percentage inherits as a relative
value, and so therefore scales with changes in the font.
...And 2 more matches
text-decoration - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness syntax the text-decoration property is specified as one or more space-separated
values representing the various longhand text-decoration properties.
...
values text-decoration-line sets the kind of decoration used, such as underline or line-through.
... formal definition initial
valueas each of the properties of the shorthand:text-decoration-color: currentcolortext-decoration-style: solidtext-decoration-line: noneapplies toall elements.
...And 2 more matches
text-size-adjust - CSS: Cascading Style Sheets
/* keyword
values */ text-size-adjust: none; text-size-adjust: auto; /* <percentage>
value */ text-size-adjust: 80%; /* global
values */ text-size-adjust: inherit; text-size-adjust: initial; text-size-adjust: unset; because many websites have not been developed with small devices in mind, mobile browsers differ from desktop browsers in the way they render web pages.
...
values none disables the browser's inflation algorithm.
...this
value is used to cancel a none
value previously set with css.
...And 2 more matches
text-underline-offset - CSS: Cascading Style Sheets
syntax /* single keyword */ text-underline-offset: auto; /* length */ text-underline-offset: 0.1em; text-underline-offset: 3px; /* percentage */ text-underline-offset: 20%; /* global
values */ text-underline-offset: inherit; text-underline-offset: initial; text-underline-offset: unset; the text-underline-offset property is specified as a single
value from the list below.
...
values auto the browser chooses the appropriate offset for underlines.
...a percentage inherits as a relative
value, and so therefore scales with changes in the font.
...And 2 more matches
top - CSS: Cascading Style Sheets
the effect of top depends on how the element is positioned (i.e., the
value of the position property): when position is set to absolute or fixed, the top property specifies the distance between the element's top edge and the top edge of its containing block.
... syntax /* <length>
values */ top: 3px; top: 2.4em; /* <percentage>s of the height of the containing block */ top: 10%; /* keyword
value */ top: auto; /* global
values */ top: inherit; top: initial; top: unset;
values <length> a negative, null, or positive <length> that represents: for absolutely positioned elements, the distance to the top edge of the containing block.
... inherit specifies that the
value is the same as the computed
value from its parent element (which might not be its containing block).
...And 2 more matches
matrix() - CSS: Cascading Style Sheets
syntax the matrix() function is specified with six
values.
... the constant
values are implied and not passed as parameters; the other parameters are described in the column-major order.
... note: until firefox 16, gecko accepted a <length>
value for tx and ty.
...And 2 more matches
scale() - CSS: Cascading Style Sheets
when a coordinate
value is outside the [-1, 1] range, the element grows along that dimension; when inside, it shrinks.
...a
value of 1 has no effect.
... syntax the scale() function is specified with either one or two
values, which represent the amount of scaling to be applied in each direction.
...And 2 more matches
translateZ() - CSS: Cascading Style Sheets
syntax translatez(tz)
values tz a <length> representing the z-component of the translating vector.
... a positive
value moves the element towards the viewer, and a negative
value farther away.
...a
value of 500px means the user is 500 pixels "in front of" the imagery located at z=0.
...And 2 more matches
unicode-bidi - CSS: Cascading Style Sheets
/* keyword
values */ unicode-bidi: normal; unicode-bidi: embed; unicode-bidi: isolate; unicode-bidi: bidi-override; unicode-bidi: isolate-override; unicode-bidi: plaintext; /* global
values */ unicode-bidi: inherit; unicode-bidi: initial; unicode-bidi: unset; syntax
values normal the element does not offer an additional level of embedding with respect to the bidirectional algorithm.
... embed if the element is inline, this
value opens an additional level of embedding with respect to the bidirectional algorithm.
... plaintext this keyword makes the elements directionality calculated without considering its parent bidirectional state or the
value of the direction property.
...And 2 more matches
white-space - CSS: Cascading Style Sheets
syntax /* keyword
values */ white-space: normal; white-space: nowrap; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: break-spaces; /* global
values */ white-space: inherit; white-space: initial; white-space: unset; the white-space property is specified as a single keyword chosen from the list of
values below.
...
values normal sequences of white space are collapsed.
... the following table summarizes the behavior of the various white-space
values: new lines spaces and tabs text wrapping end-of-line spaces normal collapse collapse wrap remove nowrap collapse collapse no wrap remove pre preserve preserve no wrap preserve pre-wrap preserve preserve wrap hang pre-line preserve collapse wrap remove break...
...And 2 more matches
math:max() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:max() returns the maximum
value of a node-set.
... to compute the maximum
value of the node-set, the node set is sorted into descending order as it would be using xsl:sort() with a data type of number.
... the maximum
value is then the first node in the sorted list, converted into a number.
...And 2 more matches
math:min() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:min() returns the minimum
value of a node-set.
... to compute the minimum
value of the node-set, the node set is sorted into ascending order as it would be using xsl:sort() with a data type of number.
... the minimum
value is then the first node in the sorted list, converted into a number.
...And 2 more matches
Audio and video manipulation - Developer guides
video manipulation the ability to read the pixel
values from each frame of a video can be very useful.
...= document.getelementbyid('my-video'); myvideo.playbackrate = 2; playable code <video id="my-video" controls="true" width="480" height="270"> <source src="https://udn.realityripple.com/samples/5b/8cd6da9c65.webm" type="video/webm"> <source src="https://udn.realityripple.com/samples/6f/08625b424a.m4v" type="video/mp4"> </video> <div class="playable-buttons"> <input id="edit" type="button"
value="edit" /> <input id="reset" type="button"
value="reset" /> </div> <textarea id="code" class="playable-code"> var myvideo = document.getelementbyid('my-video'); myvideo.playbackrate = 2;</textarea> var textarea = document.getelementbyid('code'); var reset = document.getelementbyid('reset'); var edit = document.getelementbyid('edit'); var code = textarea.
value; function setplaybackrate() { e...
...val(textarea.
value); } reset.addeventlistener('click', function() { textarea.
value = code; setplaybackrate(); }); edit.addeventlistener('click', function() { textarea.focus(); }) textarea.addeventlistener('input', setplaybackrate); window.addeventlistener('load', setplaybackrate); note: try the playbackrate example live.
...And 2 more matches
Rich-Text Editing in Mozilla - Developer guides
byid('editorwindow').contentwindow.focus() } example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, s
value) { if (validatemode()) { document.execcommand(scmd, false, s
value); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.createtextnode(odoc.innerhtml); odoc.innerhtml = ""; ...
...font-size:10px; } #textbox { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post" action="sample.php" onsubmit="if(validatemode()){this.mydoc.
value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="formatdoc('formatblock',this[this.selectedindex].
value);this.selectedindex=0;"> <option selected>- formatting -</option> <option
value="h1">title 1 <h1></option> <option
value="h2">title 2 <h2></option> <option
value="h3">title 3 <h3></option> <option
value="h4">t...
...itle 4 <h4></option> <option
value="h5">title 5 <h5></option> <option
value="h6">subtitle <h6></option> <option
value="p">paragraph <p></option> <option
value="pre">preformatted <pre></option> </select> <select onchange="formatdoc('fontname',this[this.selectedindex].
value);this.selectedindex=0;"> <option class="heading" selected>- font -</option> <option>arial</option> <option>arial black</option> <option>courier new</option> <option>times new roman</option> </select> <select onchange="formatdoc('fontsize',this[this.selectedindex].
value);this.selectedindex=0;"> <option class="heading" selected>- size -</option> <option
value="1">very small</option> <option
value="2">a bit small</option> <option
value="3">normal</option> <option
value="4">medium-large</option> <opti...
...And 2 more matches
Making content editable - Developer guides
allowclipboard.clipboard.paste", "allaccess"); example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, s
value) { if (validatemode()) { document.execcommand(scmd, false, s
value); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.createtextnode(odoc.innerhtml); odoc.innerhtml = ""; ...
...font-size:10px; } #textbox { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post" action="sample.php" onsubmit="if(validatemode()){this.mydoc.
value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="formatdoc('formatblock',this[this.selectedindex].
value);this.selectedindex=0;"> <option selected>- formatting -</option> <option
value="h1">title 1 <h1></option> <option
value="h2">title 2 <h2></option> <option
value="h3">title 3 <h3></option> <option
value="h4">t...
...itle 4 <h4></option> <option
value="h5">title 5 <h5></option> <option
value="h6">subtitle <h6></option> <option
value="p">paragraph <p></option> <option
value="pre">preformatted <pre></option> </select> <select onchange="formatdoc('fontname',this[this.selectedindex].
value);this.selectedindex=0;"> <option class="heading" selected>- font -</option> <option>arial</option> <option>arial black</option> <option>courier new</option> <option>times new roman</option> </select> <select onchange="formatdoc('fontsize',this[this.selectedindex].
value);this.selectedindex=0;"> <option class="heading" selected>- size -</option> <option
value="1">very small</option> <option
value="2">a bit small</option> <option
value="3">normal</option> <option
value="4">medium-large</option> <opti...
...And 2 more matches
HTML attribute: maxlength - HTML: Hypertext Markup Language
this must be an integer
value 0 or higher.
... if no maxlength is specified, or an invalid
value is specified, the input or textarea has no maximum length.
... any maxlength
value must be greater than or equal to the
value of minlength, if present and valid.
...And 2 more matches
HTML attribute: required - HTML: Hypertext Markup Language
the boolean required attribute which, if present, indicates that the user must specify a
value for the input before the owning form can be submitted.
... the attribute is not supported or relevant to range and color, as both have default
values.
... note color and range don't support required, but type color defaults to #00000, and range defaults to the midpoint between min and max -- with min and max defaulting to 0 and 100 respectively in most browsers if not declared -- so always has a
value.
...And 2 more matches
<a>: The Anchor element - HTML: Hypertext Markup Language
can be used with or without a
value: without a
value, the browser will suggest a filename/extension, generated from various sources: the content-disposition http header the final segment in the url path the media type (from the (content-type header, the start of a data: url, or blob.type for a blob: url) defining a
value suggests it as the filename.
...allowed
values are the same as the global lang attribute.
...see referrer-policy for possible
values and their effects.
...And 2 more matches
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
form this attribute takes the
value of the id attribute of a <form> element you want the <fieldset> to be part of, even if it is not inside the form.
... its display
value is block by default, and it establishes a block formatting context.
... if the <fieldset> is styled with an inline-level display
value, it will behave as inline-block, otherwise it will behave as block.
...And 2 more matches
<li> - HTML: Hypertext Markup Language
value this integer attribute indicates the current ordinal
value of the list item as defined by the <ol> element.
... the only allowed
value for this attribute is a number, even if the list is displayed with roman numerals or letters.
... list items that follow this one continue numbering from the
value set.
...And 2 more matches
<object> - HTML: Hypertext Markup Language
the
value of the attribute must be an id of a <form> element in the same document.
...-- (absolute
values only.
... usemap a hash-name reference to a <map> element; that is a '#' followed by the
value of a name of a map element.
...And 2 more matches
<tbody>: The Table Body element - HTML: Hypertext Markup Language
possible
values are: left, aligning the content to the left of the cell center, centering the content in the cell right, aligning the content to the right of the cell justify, inserting spaces into the textual content so that the content is justified in the cell char, aligning the textual content on a special character with a minimal offset, defined by the char and charoff attributes.
... if this attribute is not set, the left
value is assumed.
...see the text-align's browser compatibility section for the <string>
value.
...And 2 more matches
dir - HTML: Hypertext Markup Language
it can have the following
values: ltr, which means left to right and is to be used for languages that are written from the left to the right (like english); rtl, which means right to left and is to be used for languages that are written from the right to the left (like arabic); auto, which lets the user agent decide.
...if not set, its
value is auto.
... the auto
value should be used for data with an unknown directionality, like data coming from user input, eventually stored in a database.
...And 2 more matches
itemscope - HTML: Hypertext Markup Language
specifying the itemscope attribute for an element creates a new item, which results in a number of name-
value pairs that are associated with the element.
... itemscope itemtype movie itemprop (itemprop name) (itemprop
value) itemprop director james cameron itemprop genre science fiction itemprop name avatar itemprop https://youtu.be/0ay1xikx7by trailer itemscope id attributes when you specify the itemscope attribute for an element, a new item is created.
... the item consists of a group of name-
value pairs.
...And 2 more matches
HTTP caching - HTTP
if an expires header exists, then its
value minus the
value of the date header determines the freshness lifetime.
...if this header is present, then the cache's freshness lifetime is equal to the
value of the date header minus the
value of the last-modified header divided by 10.
... etags the etag response header is an opaque-to-the-useragent
value that can be used as a strong validator.
...And 2 more matches
Using HTTP cookies - HTTP
a simple cookie is set like this: set-cookie: <cookie-name>=<cookie-
value> this shows the server sending headers to tell the client to store a pair of cookies: http/2.0 200 ok content-type: text/html set-cookie: yummy_cookie=choco set-cookie: tasty_cookie=strawberry [page content] then, with every subsequent request to the server, the browser sends back all previously stored cookies to the server using the cookie header.
... it takes three possible
values: strict, lax, and none.
... here is an example: set-cookie: mykey=my
value; samesite=strict the
values of samesite attribute are case-insensitive.
...And 2 more matches
Content-Disposition - HTTP
only the
value form-data, as well as the optional directive name and filename, can be used in the http context.
... header type response header (for the main body) general header (for a subpart of a multipart body) forbidden header name no syntax as a response header for the main body the first parameter in the http context is either inline (default
value, indicating it can be displayed inside the web page, or as the web page) or attachment (indicating it should be downloaded; most browsers presenting a 'save as' dialog, prefilled with the
value of the filename parameters if present).
... a name with a
value of '_charset_' indicates that the part is not an html field, but the default charset to use for parts without explicit charset information.
...And 2 more matches
CSP: default-src - HTTP
for each of the following directives that are absent, the user agent looks for the default-src directive and uses this
value for it: child-src connect-src font-src frame-src img-src manifest-src media-src object-src prefetch-src script-src script-src-elem script-src-attr style-src style-src-elem style-src-attr worker-src csp version 1 directive type fetch directive syntax one or more sources can be allowed for the default-src policy: content-security-policy: default-src <source>; content-security-policy: default-src <source> <source>; sources <source> can be one of the following: <host-source> internet hosts by name o...
...unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
...And 2 more matches
CSP: form-action - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
...And 2 more matches
CSP: navigate-to - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
...And 2 more matches
TypeError: can't assign to property "x" on "y": not an object - JavaScript
the javascript strict mode exception "can't assign to property" occurs when attempting to create a property on primitive
value such as a symbol, a string, a number or a boolean.
... primitive
values cannot hold any property.
... in strict_mode, a typeerror is raised when attempting to create a property on primitive
value such as a symbol, a string, a number or a boolean.
...And 2 more matches
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' }; examples colons vs.
...And 2 more matches
TypeError: 'x' is not iterable - JavaScript
the javascript exception "is not iterable" occurs when the
value which is given as the right hand-side of for…of or as argument of a function such as promise.all or typedarray.from, is not an iterable object.
... message typeerror: 'x' is not iterable (firefox, chrome) typeerror: 'x' is not a function or its return
value is not iterable (chrome) error type typeerror what went wrong?
... the
value which is given as the right hand-side of for…of or as argument of a function such as promise.all or typedarray.from, is not an iterable object.
...And 2 more matches
Array.prototype.length - JavaScript
the
value is an unsigned, 32-bit integer that is always numerically greater than the highest index in the array.
... description the
value of the length property is an integer with a positive sign and a
value less than 2 to the 32nd power (232).
...console.log(arr); // [ 1, 2, <3 empty items> ] arr.foreach(element => console.log(element)); // 1 // 2 as you can see, the length property does not necessarily indicate the number of defined
values in the array.
...And 2 more matches
Atomics.store() - JavaScript
the static atomics.store() method stores a given
value at the given position in the array and returns that
value.
... syntax atomics.store(typedarray, index,
value) parameters typedarray an integer typed array.
... index the position in the typedarray to store a
value in.
...And 2 more matches
DataView.prototype.setFloat32() - JavaScript
the setfloat32() method stores a signed 32-bit float (float)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setfloat32(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
...And 2 more matches
DataView.prototype.setFloat64() - JavaScript
the setfloat64() method stores a signed 64-bit float (double)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setfloat64(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
...And 2 more matches
DataView.prototype.setInt16() - JavaScript
the setint16() method stores a signed 16-bit integer (short)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setint16(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
...And 2 more matches
DataView.prototype.setInt32() - JavaScript
the setint32() method stores a signed 32-bit integer (long)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setint32(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
...And 2 more matches
DataView.prototype.setUint16() - JavaScript
the setuint16() method stores an unsigned 16-bit integer (unsigned short)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setuint16(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
...And 2 more matches
DataView.prototype.setUint32() - JavaScript
the setuint32() method stores an unsigned 32-bit integer (unsigned long)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setuint32(byteoffset,
value [, littleendian]) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
...And 2 more matches
Date.prototype.setDate() - JavaScript
syntax dateobj.setdate(day
value) parameters day
value an integer representing the day of the month.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the given date (the date object is also changed in place).
... description if the day
value is outside of the range of date
values for the month, setdate() will update the date object accordingly.
...And 2 more matches
Date.prototype.setSeconds() - JavaScript
syntax dateobj.setseconds(seconds
value[, ms
value]) versions prior to javascript 1.3 dateobj.setseconds(seconds
value) parameters seconds
value an integer between 0 and 59, representing the seconds.
... ms
value optional.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
...And 2 more matches
Date.prototype.setUTCMonth() - JavaScript
syntax dateobj.setutcmonth(month
value[, day
value]) parameters month
value an integer between 0 and 11, representing the months january through december.
... day
value optional.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
...And 2 more matches
Date.prototype.setUTCSeconds() - JavaScript
syntax dateobj.setutcseconds(seconds
value[, ms
value]) parameters seconds
value an integer between 0 and 59, representing the seconds.
... ms
value optional.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
...And 2 more matches
Date.prototype.toUTCString() - JavaScript
based on rfc7231 and modified according to ecma-262 toutcstring, it can have negative
values in the 2021 version the source for this interactive example is stored in a github repository.
... syntax dateobj.toutcstring() return
value a string representing the given date using the utc time zone.
... description the
value returned by toutcstring() is a string in the form www, dd mmm yyyy hh:mm:ss gmt, where: format sring description www day of week, as three letters (e.g.
...And 2 more matches
FinalizationRegistry.prototype.unregister() - JavaScript
return
value undefined.
... examples using unregister this example shows registering a target object using that same object as the unregister token, then later unregistering it via unregister: class thingy { #cleanup = label => { // ^^^^^−−−−− held
value console.error( `the \`release\` method was never called for the object with the label "${label}"` ); }; #registry = new finalizationregistry(this.#cleanup); /** * constructs a `thingy` instance.
... */ constructor(label) { // vvvvv−−−−− held
value this.#registry.register(this, label, this); // target −−−−−^^^^ ^^^^−−−−− unregister token } /** * releases resources held by this `thingy` instance.
...And 2 more matches
Intl.Collator.prototype.resolvedOptions() - JavaScript
syntax collator.resolvedoptions() return
value a new object with properties reflecting the locale and collation options computed during the initialization of the given collator object.
...if any unicode extension
values were requested in the input bcp 47 language tag that led to this locale, the key-
value pairs that were requested and are supported for this locale are included in locale.
... usage sensitivity ignorepunctuation the
values provided for these properties in the options argument or filled in as defaults.
...And 2 more matches
Intl.Collator - JavaScript
examples using collator the following example demonstrates the different potential results for a string occurring before, after, or at the same level as another: console.log(new intl.collator().compare('a', 'c')); // → a negative
value console.log(new intl.collator().compare('c', 'a')); // → a positive
value console.log(new intl.collator().compare('a', 'a')); // → 0 note that the results shown in the code above can vary between browsers and browser versions.
... this is because the
values are implementation-specific.
... that is, the specification requires only that the before and after
values are negative and positive.
...And 2 more matches
Intl.ListFormat() constructor - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
...possible
values are "conjunction" that stands for "and"-based lists (default, e.g., a, b, and c), or "disjunction" that stands for "or"-based lists (e.g., a, b, or c).
... "unit" stands for lists of
values with units (e.g., 5 pounds, 12 ounces).
...And 2 more matches
Intl.RelativeTimeFormat.prototype.formatToParts() - JavaScript
syntax relativetimeformat.formattoparts(
value, unit) parameters
value numeric
value to use in the internationalized relative time message.
...possible
values are: "year", "quarter", "month", "week", "day", "hour", "minute", "second".
... return
value an array of objects containing the formatted relative time in parts.
...And 2 more matches
Intl.RelativeTimeFormat - JavaScript
instance methods intl.relativetimeformat.prototype.format() formats a
value and a unit according to the locale and formatting options of the given intl.relativetimeformat object.
... // create a relative time formatter in your locale // with default
values explicitly passed in.
... const rtf = new intl.relativetimeformat("en", { localematcher: "best fit", // other
values: "lookup" numeric: "always", // other
values: "auto" style: "long", // other
values: "short" or "narrow" }); // format relative time using negative
value (-1).
...And 2 more matches
Intl - JavaScript
multiple locales may be specified (and a best-supported locale determined by evaluating each of them in order and comparing against the locales supported by the implementation) by passing an array (or array-like object, with a length property and corresponding indexed elements) whose elements are either intl.locale objects or
values that convert to unicode bcp 47 locale identifier strings.
...each constructor or function supports only a subset of the keys defined for the unicode extension, and the supported
values often depend on the language tag.
... for example, the "co" key (collation) is only supported by collator, and its "phonebk"
value is only supported for german.
...And 2 more matches
NaN - JavaScript
the global nan property is a
value representing not-a-number.
... the initial
value of nan is not-a-number — the same as the
value of number.nan.
..."foo"/3) examples testing against nan nan compares unequal (via ==, !=, ===, and !==) to any other
value -- including to another nan
value.
...And 2 more matches
Number.isFinite() - JavaScript
the number.isfinite() method determines whether the passed
value is a finite number.
... syntax number.isfinite(
value) parameters
value the
value to be tested for finiteness.
... return
value a boolean indicating whether or not the given
value is a finite number.
...And 2 more matches
Number.isSafeInteger() - JavaScript
the number.issafeinteger() method determines whether the provided
value is a number that is a safe integer.
... handling
values larger or smaller than ~9 quadrillion with full precision requires using an arbitrary precision arithmetic library.
... syntax number.issafeinteger(test
value) parameters test
value the
value to be tested for being a safe integer.
...And 2 more matches
Number.prototype.toFixed() - JavaScript
syntax numobj.tofixed([digits]) parameters digits optional the number of digits to appear after the decimal point; this may be a
value between 0 and 20, inclusive, and implementations may optionally support a larger range of
values.
... return
value a string representing the given number using fixed-point notation.
...
values between 0 and 100, inclusive, will not cause a rangeerror.
...And 2 more matches
Object() constructor - JavaScript
the object constructor creates an object wrapper for the given
value.
... if the
value is null or undefined, it will create and return an empty object.
... otherwise, it will return an object of a type that corresponds to the given
value.
...And 2 more matches
Object.setPrototypeOf() - JavaScript
return
value the specified object.
...otherwise, this method changes the [[prototype]] of obj to the new
value.
...* returns @object (if it was a primitive
value it will transformed into an object).
...And 2 more matches
Promise.prototype.catch() - JavaScript
this means that you have to provide an onrejected function even if you want to fall back to an undefined result
value - for example obj.catch(() => {}).
... return
value internally calls promise.prototype.then on the object upon which it was called, passing the parameters undefined and the received onrejected handler.
... returns the
value of that call, which is a promise.
...And 2 more matches
String.prototype.replace() - JavaScript
the match or matches are replaced with newsubstr or the
value returned by the specified function.
... return
value a new string, with some or all matches of a pattern replaced by a replacement.
...the function's result (return
value) will be used as the replacement string.
...And 2 more matches
String.prototype.replaceAll() - JavaScript
the matches are replaced with newsubstr or the
value returned by the specified function.
... return
value a new string, with all matches of a pattern replaced by a replacement.
...the function's result (return
value) will be used as the replacement string.
...And 2 more matches
String.prototype.toUpperCase() - JavaScript
the touppercase() method returns the calling string
value converted to uppercase (the
value will be converted to a string if it isn't one).
... syntax str.touppercase() return
value a new string representing the calling string converted to upper case.
... description the touppercase() method returns the
value of the string converted to uppercase.
...And 2 more matches
Symbol.prototype[@@toPrimitive] - JavaScript
the [@@toprimitive]() method converts a symbol object to a primitive
value.
... syntax symbol()[symbol.toprimitive](hint) return
value the primitive
value of the specified symbol object.
... description the [@@toprimitive]() method of symbol returns the primitive
value of a symbol object as a symbol data type.
...And 2 more matches
TypedArray.prototype.fill() - JavaScript
the fill() method fills all the elements of a typed array from a start index to an end index with a static
value.
... syntax typedarray.fill(
value[, start = 0[, end = this.length]]) parameters
value value to fill the typed array with.
... return
value the modified array.
...And 2 more matches
TypedArray.from() - JavaScript
thisarg optional
value to use as this when executing mapfn.
... return
value a new typedarray instance.
... differences from array.from() some subtle distinctions between array.from() and typedarray.from(): if the thisarg
value passed to typedarray.from() is not a constructor, typedarray.from() will throw a typeerror, where array.from() defaults to creating a new array.
...And 2 more matches
TypedArray.prototype.set() - JavaScript
the set() method stores multiple
values in the typed array, reading input
values from a specified array.
... syntax typedarray.set(array[, offset]) typedarray.set(typedarray[, offset]) parameters array the array from which to copy
values.
... all
values from the source array are copied into the target array, unless the length of the source array plus the offset exceeds the length of the target array, in which case an exception is thrown.
...And 2 more matches
WeakSet - JavaScript
they cannot contain arbitrary
values of any type, as sets can.
... instance methods weakset.prototype.add(
value) appends
value to the weakset object.
... weakset.prototype.delete(
value) removes
value from the weakset.
...And 2 more matches
null - JavaScript
the
value null represents the intentional absence of any object
value.
... it is one of javascript's primitive
values and is treated as falsy for boolean operations.
... syntax null description the
value null is written with a literal: null.
...And 2 more matches
Comma operator (,) - JavaScript
the comma operator (,) evaluates each of its operands (from left to right) and returns the
value of the last operand.
... this lets you create a compound expression in which multiple expressions are evaluated, with the compound expression's final
value being the
value of the rightmost of its member expressions.
... one or more expressions, the last of which is returned as the
value of the compound expression.
...And 2 more matches
Equality (==) - JavaScript
if the operands are of different types, try to convert them to the same type before comparing: when comparing a number to a string, try to convert the string to a numeric
value.
... if one of the operands is an object and the other is a number or a string, try to convert the object to a primitive using the object's
valueof() and tostring() methods.
... number: return true only if both operands have the same
value.
...And 2 more matches
Less than (<) - JavaScript
if both
values are strings, they are compared as strings, based on the
values of the unicode code points they contain.
... otherwise javascript attempts to convert non-numeric types to numeric
values: boolean
values true and false are converted to 1 and 0 respectively.
... strings are converted based on the
values they contain, and are converted as nan if they do not contain numeric
values.
...And 2 more matches
void operator - JavaScript
syntax void expression description this operator allows evaluating expressions that produce a
value into places where an expression that evaluates to undefined is desired.
... the void operator is often used merely to obtain the undefined primitive
value, usually using "void(0)" (which is equivalent to "void 0").
... javascript uris when a browser follows a javascript: uri, it evaluates the code in the uri and then replaces the contents of the page with the returned
value, unless the returned
value is undefined.
...And 2 more matches
for await...of - JavaScript
it invokes a custom iteration hook with statements to be executed for the
value of each distinct property of the object.
... syntax for await (variable of iterable) { statement } variable on each iteration a
value of a different property is assigned to variable.
... examples iterating over async iterables you can also iterate over an object that explicitly implements async iterable protocol: const asynciterable = { [symbol.asynciterator]() { return { i: 0, next() { if (this.i < 3) { return promise.resolve({
value: this.i++, done: false }); } return promise.resolve({ done: true }); } }; } }; (async function() { for await (let num of asynciterable) { console.log(num); } })(); // 0 // 1 // 2 iterating over async generators since the return
values of async generators conform to the async iterable protocol, they can be looped using for await...of.
...And 2 more matches
<math> - MathML
possible
values are either ltr (left to right) or rtl (right to left).
...it can have one of the following
values: block, which means that this element will be displayed outside the current span of text, as a block that can be positioned anywhere without changing the meaning of the text; inline, which means that this element will be displayed inside the current span of text, and cannot be moved out of it without changing the meaning of that text.
... if not present, its default
value is inline.
...And 2 more matches
<mfrac> - MathML
otherwise, if set to false (which is the default
value), numerator and denominator are on top of each other.
...possible
values are: left, center (default), and right.
...this attributes accepts any length
values.
...And 2 more matches
<mpadded> - MathML
possible
values: any length or an increment/decrement (a length prefixed with "+" or "-") .
...possible
values: any length or an increment/decrement (a length prefixed with "+" or "-") .
...possible
values: any length or an increment/decrement (a length prefixed with "+" or "-") .
...And 2 more matches
Codecs used by WebRTC - Web media technologies
special parameter support requirements avc offers a wide array of parameters for controlling optional
values.
...sometimes it means requiring a specific
value for a parameter, or that a specific set of
values be allowed.
... max-mbps if specified and supported by the software, this
value is an integer specifying the maximum rate at which macroblocks should be processed per second (in macroblocks per second).
...And 2 more matches
clip - SVG: Scalable Vector Graphics
this attribute has the same parameter
values as defined for the css clip property.
... unitless
values, which indicate current user coordinates, are permitted on the coordinate
values on the rect().
... the
value of auto defines a clipping path along the bounds of the viewport created by the given element.
...And 2 more matches
from - SVG: Scalable Vector Graphics
the from attribute indicates the initial
value of the attribute that will be modified during the animation.
... when used with the to attribute, the animation will change the modified attribute from the from
value to the to
value.
... when used with the by attribute, the animation will change the attribute relatively from the from
value by the
value specified in by.
...And 2 more matches
glyph-orientation-horizontal - SVG: Scalable Vector Graphics
otherwise, if the
value of this attribute is not a multiple of 180 degrees, then the current text position is incremented according to the vertical metrics of the glyph.
... as a presentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> context notes
value <angle> default
value 0deg animatable no <angle> the
value of the angle is restricted to 0, 90, 180, and 270 degrees.
... if another angle is specified, it is rounded to the closest of the permitted
values.
...And 2 more matches
glyph-orientation-vertical - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> context notes
value auto | <angle> default
value auto animatable no auto fullwidth ideographic and fullwidth latin text will be set with a glyph orientation of 0 degrees.
... <angle> the
value of the angle is restricted to 0, 90, 180, and 270 degrees.
... if another angle is specified, it is rounded to the closest of the permitted
values.
...And 2 more matches
kerning - SVG: Scalable Vector Graphics
elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> html, body, svg { height: 100%; font: 36px verdana, helvetica, arial, sans-serif; } <svg viewbox="0 0 150 125" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="30" kerning="auto">auto</text> <text x="10" y="70" kerning="0">number</text> <text x="10" y="110" kerning="20px">length</text> </svg> usage notes
value auto | <length> default
value auto animatable yes auto this
value indicates that the spacing between glyphs is adjusted based on kerning tables that are included in the font that will be used.
... if a length is provided without a unit identifier (e.g., an unqualified number such as 128), the length is processed as a width
value in the current user coordinate system.
... if a unit identifier (e.g., 0.25em or 1%) is provided, then the length is converted into a corresponding
value in the current user coordinate system.
...And 2 more matches
markerHeight - SVG: Scalable Vector Graphics
only one element is using this attribute: <marker> usage notes
value <length-percentage> | <number> default
value 3 animatable yes <length-percentage> this
value defines either an absolute or a relative height of the marker.
... relative
values refer to the height specified via the viewbox and preserveaspectratio attributes.
... <number> this
value defines the height of the marker in the units defined by the markerunits attribute.
...And 2 more matches
markerWidth - SVG: Scalable Vector Graphics
only one element is using this attribute: <marker> usage notes
value <length-percentage> | <number> default
value 3 animatable yes <length-percentage> this
value defines either an absolute or a relative width of the marker.
... relative
values refer to the width specified via the viewbox and preserveaspectratio attributes.
... <number> this
value defines the width of the marker in the units defined by the markerunits attribute.
...And 2 more matches
order - SVG: Scalable Vector Graphics
s2" x="0" y="0" width="100%" height="100%"> <feturbulence basefrequency="0.025" seed="0" /> <feconvolvematrix kernelmatrix="3 0 0 0 0 0 0 0 -4" order="1 1 1"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter:url(#emboss1);" /> <rect x="0" y="0" width="200" height="200" style="filter:url(#emboss2); transform: translatex(220px);" /> </svg> usage notes
value <number-optional-number> default
value 3 animatable yes <number-optional-number> this
value indicates the number of cells in each dimension for the kernel matrix.
... the
values provided must be <integer>s greater than zero.
...
values that are not integers will be truncated, i.e.
...And 2 more matches
orient - SVG: Scalable Vector Graphics
5 l 0 10 z" fill="red" /> </marker> </defs> <polyline points="10,10 10,90 90,90" fill="none" stroke="black" marker-start="url(#arrow)" marker-end="url(#arrow)" /> <polyline points="15,80 29,50 43,60 57,30 71,40 85,15" fill="none" stroke="grey" marker-start="url(#dataarrow)" marker-mid="url(#dataarrow)" marker-end="url(#dataarrow)" /> </svg> usage notes
value auto | auto-start-reverse | <angle> | <number> default
value 0 animatable yes (non-additive) auto this
value indicates that the marker is oriented such that its positive x-axis is pointing in a direction relative to the path at the position the marker is placed.
... <angle> this
value indicates that the marker is oriented such that the specified angle is that measured between the shape's positive x-axis and the marker's positive x-axis.
... note: for example, if a
value of 45 is given, then the marker's positive x-axis would be pointing down and right in the shape's coordinate system.
...And 2 more matches
refX - SVG: Scalable Vector Graphics
value <length-percentage> | <number> | left | center | right default
value 0 animatable yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio attributes.
... percentage
values are interpreted as being a percentage of the viewbox width.
... for backwards compatibility, the behavior when refx is not specified on a <symbol> element is different from when it is specified with a
value of 0, and therefore different from the behavior when an equivalent attribute is not specified on a <marker> element.
...And 2 more matches
refY - SVG: Scalable Vector Graphics
value <length-percentage> | <number> | top | center | bottom default
value 0 animatable yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio attributes.
... percentage
values are interpreted as being a percentage of the viewbox height.
... for backwards compatibility, the behavior when refy is not specified on a <symbol> element is different from when it is specified with a
value of 0, and therefore different from the behavior when an equivalent attribute is not specified on a <marker> element.
...And 2 more matches
repeatCount - SVG: Scalable Vector Graphics
" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="5"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="indefinite"/> </rect> </svg> usage notes
value <number> | indefinite default
value none animatable no <number> this
value specifies the number of iterations.
... it can include partial iterations expressed as fraction
values.
... a fractional
value describes a portion of the simple duration.
...And 2 more matches
rotate - SVG: Scalable Vector Graphics
usage notes
value auto | auto-reverse | <number> default
value 0 animatable no the auto and auto-reverse
values allow the animated element's rotation to change dynamically as it travels along the path.
... if the
value of rotate is auto, the element turns to align its right-hand side in the current direction of motion.
... if the
value is auto-reverse, it turns its left-hand side in the current direction of motion.
...And 2 more matches
visibility - SVG: Scalable Vector Graphics
with a
value of hidden or collapse the current graphics element is invisible.
... depending on the
value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
...ewbox="0 0 220 120" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="200" height="100" stroke="black" stroke-width="5" fill="transparent" /> <g stroke="seagreen" stroke-width="5" fill="skyblue"> <rect x="20" y="20" width="80" height="80" visibility="visible" /> <rect x="120" y="20" width="80" height="80" visibility="hidden"/> </g> </svg> usage notes
value visible | hidden | collapse default
value visible animatable yes visible this
value indicates that the element will be painted.
...And 2 more matches
<foreignObject> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default
value: auto; animatable: yes width the width of the foreignobject.
...
value type: <length>|<percentage> ; default
value: auto; animatable: yes x the x coordinate of the foreignobject.
...
value type: <length>|<percentage> ; default
value: 0; animatable: yes y the y coordinate of the foreignobject.
...And 2 more matches
<set> - SVG: Scalable Vector Graphics
the svg <set> element provides a simple means of just setting the
value of an attribute for a specified duration.
... it supports all attribute types, including those that cannot reasonably be interpolated, such as string and boolean
values.
... html,body,svg { height:100%; margin:0; padding:0; } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <style> rect { cursor: pointer } .round { rx: 5px; fill: green; } </style> <rect id="me" width="10" height="10"> <set attributename="class" to="round" begin="me.click" dur="2s" /> </rect> </svg> attributes to this attribute defines the
value to be applied to the target attribute for the duration of the animation.
...And 2 more matches
Fills and Strokes - SVG: Scalable Vector Graphics
you can use the same css color naming schemes that you use in html, whether that's color names (that is red), rgb
values (that is rgb(255,0,0)), hex
values, rgba
values, etc.
... note: in firefox 3+, rgba
values are also allowed, and will give the same effect.
...if you specify both an rgba
value and a fill/stroke opacity
value, both will be applied.
...And 2 more matches
Gradients in SVG - SVG: Scalable Vector Graphics
duplicate
values will use the stop that is assigned furthest down the xml tree.
... also, like with fill and stroke, you can specify a stop-opacity attribute to set the opacity at that position (again, in ff3 you can also use rgba
values to do this).
...it can take on one of three
values, "pad", "reflect", or "repeat".
...And 2 more matches
Types of attacks - Web security
for endpoints that require a post request, it's possible to programmatically trigger a <form> submit (perhaps in an invisible <iframe>) when the page is loaded: <form action="https://bank.example.com/withdraw" method="post"> <input type="hidden" name="account"
value="bob"> <input type="hidden" name="amount"
value="1000000"> <input type="hidden" name="for"
value="mallory"> </form> <script>window.addeventlistener('domcontentloaded', (e) => { document.queryselector('form').submit(); }</script> there are a few techniques that should be used to prevent this from happening: get endpoints should be idempotent—actions that enact a change and do not simpl...
...this token should be unique per user and stored (for example, in a cookie) such that the server can look up the expected
value when the request is sent.
... for all non-get requests that have the potential to perform an action, this input field should be compared against the expected
value.
...And 2 more matches
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
on a related note, any attribute in an lre and some attributes of a limited number of xslt elements can also include what is known as an attribute
value template.
... an attribute
value template is simply a string that includes an embedded xpath expression which is used to specify the
value of an attribute.
... use the {{listsubpages}} macro once the bcd for <xsl:fallback>, <xsl:import>, <xsl:namespace-alias>, <xsl:number>, <xsl:output>, <xsl:stylesheet>, <xsl:text> and <xsl:
value-of> is fully migrated.
...And 2 more matches
Loading Content Scripts - Archive of obsolete content
it takes one of three possible
values: "start" loads the scripts immediately after the document element for the page is inserted into the dom.
... the default
value is "end".
... the contentscriptoptions is a json that is exposed to content scripts as a read only
value under self.options property.
... any kind of jsonable
value (object, array, string, etc.) can be used here.
io/text-streams - Archive of obsolete content
charset : string inputstream is expected to be in the character encoding named by this
value.
...see nsicharsetconvertermanager.idl for documentation on how to determine other valid
values for this.
... charset : string text will be written to outputstream using the character encoding named by this
value.
...see nsicharsetconvertermanager.idl for documentation on how to determine other valid
values for this.
cfx to jpm - Archive of obsolete content
so: if you never did anything with ids when using cfx, then the
value in your add-on's package.json will be something like "jid1-f3boogbjqje67a", and the corresponding id in the install.rdf will be "jid1-f3boogbjqje67a@jetpack".
... id handling with jpm when you create an xpi with jpm xpi: if the package.json does not include an id field, then the id written into the install.rdf is the
value of the name field prepended with "@".
... what you need to do all this means that: if your package.json contains an id field, and its
value does not contain "@", then you must append "@jetpack" to it when switching to jpm.
...so when switching over to jpm: either rename your "main.js" to "index.js" and move it from "lib" to the top level or add a main field to package.json with the
value "lib/main.js".
Adding Events and Commands - Archive of obsolete content
then you need to identify which of your xul elements will be linked to this broadcaster, using the observes attribute: <menuitem id="xulschoolhello-hello-menu-item" label="&xulschoolhello.hello.label;" accesskey="&xulschoolhello.helloitem.accesskey;" observes="xulschoolhello-online-broadcaster" oncommand="xulschoolchrome.browseroverlay.sayhello(event);" /> the attribute
value is set to be the id of the broadcaster element, indicating that this element will observe all attribute changes that happen in the broadcaster.
...all nodes observing it will automatically have those attribute
values set or removed as well.
... you can override pre-existing
values, such as the label attribute
value in the example.
...this way you only need to set
values to the broadcaster instead of having to check if the button is there or not.
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
}, ["a", { href: href, key: "link", onclick: function (event) { alert(event.target.href); } }, text], ["span", { class: "stuff" }, "stuff"]]], document, nodes)); alert(nodes.link); function addentrytopopup(menupopup, doc, chromewindow) { var newitem = doc.createelement("menuitem"); newitem.setattribute("
value", "test
value"); newitem.setattribute("label", "another popup menu item"); menupopup.appendchild(newitem); }; var jsontemplatebtn = ["xul:toolbarbutton", { id: "mytestbutton", class: "toolbarbutton-1", type: "menu", label: "test button label", tooltiptext: "test button tooltip", removable: true, ...
...the demo of this is seen at jsfiddle :: jsontodom example var json = ['html:div', {style:'background-color:springgreen'}, ['html:form', {id:'myfirstform'}, ['html:input', {type:'text',
value:'my field'}], ['html:button', {id:'mybtn'}, 'button text content'] ], ['html:form', {id:'mysecondform'}, ['html:input', {type:'text',
value:'my field for second form'}], ['html:div', {}, 'sub div with textcontent and siblings', ['html:br', {}], ['html:input', {type:'checkbox', id:'mycheck'}], ...
...it is safe, though inefficient, to assign dynamic
values to innerhtml if any dynamic content in the
value is escaped with the following function: function escapehtml(str) { return str.replace(/[&"'<>]/g, (m) => ({ "&": "&", '"': """, "'": "'", "<": "<", ">": ">" })[m]); } or slightly more verbose, but slightly more efficient: function escapehtml(str) { return str.replace(/[&"'<>]/g, (m) => escapehtml.replacements[m]); } escapehtm...
...l.replacements = { "&": "&", '"': """, "'": "'", "<": "<", ">": ">" }; note that quotation marks must be escaped in order to prevent fragments escaping attribute
values.
Promises - Archive of obsolete content
yield db.executecached( "insert into nodes (id, owner, key,
value) \
values (:id, :owner, :key, :
value);", { params: { id: node.id, owner: node.owner.id, key: node.key,
value: node.
value }}); }); // perform a bulk update.
... yield db.execute( "select owners.group as group, nodes.
value as task \ from nodes \ inner join owners on owner.id = nodes.owner \ where nodes.key = 'task';", { onrow: row => { runtask(row.getresultbyname("task"), row.getresultbyname("group")); } }); // and quickly grab a single row
value.
... let [row] = yield db.execute( "select
value from nodes where key = 'timestamp' \ order by
value desc limit 1"); latesttimestamp = row.getresultbyindex(0); } finally { // make sure to close the database when finished.
...e(accept => this.addonmanager.getinstallforfile(url, accept, mimetype)); }, getallinstalls: function getallinstalls() { return new promise(accept => this.addonmanager.getallinstalls(accept)); }, _replacemethod: function replacemethod(method, callback) { object.defineproperty(this, method, { enumerable: true, configurable: true,
value: key => { return new promise(accept => this.addonmanager[method](key, addon => accept(callback(addon)))); } }); }, }; for (let method of ["getaddonbyid", "getaddonbysyncguid"]) aom._replacemethod(method, addon => aom.addon(addon)); for (let method of ["getalladdons",...
Index of archived content - Archive of obsolete content
installversion object methods properties return codes winprofile object methods winreg object methods winreg
value xpjs components proposal xre xtech 2005 presentations directions of the mozilla rdf engine extending gecko with xbl and xtf mozilla e4x rich web svg and canvas in mozilla ...
... npnvariable npn_createobject npn_destroystream npn_enumerate npn_evaluate npn_forceredraw npn_getauthenticationinfo npn_getintidentifier npn_getproperty npn_getstringidentifier npn_getstringidentifiers npn_geturl npn_geturlnotify npn_get
value npn_get
valueforurl npn_hasmethod npn_hasproperty npn_identifierisstring npn_intfromidentifier npn_invalidaterect npn_invalidateregion npn_invoke npn_invokedefault npn_memalloc npn_memflush npn_memfree npn_pluginthreadasynccall npn_...
...posturl npn_posturlnotify npn_releaseobject npn_releasevariant
value npn_reloadplugins npn_removeproperty npn_requestread npn_retainobject npn_setexception npn_setproperty npn_set
value npn_set
valueforurl npn_status npn_utf8fromidentifier npn_useragent npn_version npn_write npobject npp nppvariable npp_destroy npp_destroystream npp_get
value npp_handleevent npp_new npp_newstream npp_print npp_set
value npp_setwindow npp_streamasfile npp_urlnotif...
...y npp_write npp_writeready npprint npprintcallbackstruct nprect npregion npsaveddata npsetwindowcallbackstruct npstream npstring nputf8 npvariant npvarianttype npwindow np_getmimedescription np_get
value np_initialize np_port np_shutdown samples and test cases shipping a plugin as a toolkit bundle supporting private browsing in plugins the first install problem writing a plugin for mac os x xembed extension for mozilla plugins sax security ...
Creating a Help Content Pack - Archive of obsolete content
this attribute is optional, with fallback to the
value welcome.
... rdf:id="foo" nc:link="foo.html" nc:title="foo"/></rdf:li> next, add the following to your file just after the existing rdf:description element: <rdf:description rdf:about="#foo"> <nc:subheadings> <rdf:seq> <rdf:li><rdf:description rdf:id="bar" nc:link="bar.html" nc:title="bar"/></rdf:li> </rdf:seq> </nc:subheadings> </rdf:description> except for the different
value for rdf:about, this looks exactly like a top-level entry definition.
...then, to describe that entry, you set an rdf:about attribute to the
value of the entry's rdf:id, prefixed by a #.
...the
value of that attribute is the rdf:id of the topic you want displayed when the viewer is loaded.
Introducing the Audio API extension - Archive of obsolete content
to do this start writing the data in small portions and wait for the
value returned by mozcurrentsampleoffset() to be greater than 0.
... var prebuffersize = samplerate * 0.020; // initial buffer is 20 ms var autolatency = true, started = new date().
valueof(); ...
... // auto latency detection if (autolatency) { prebuffersize = math.floor(samplerate * (new date().
valueof() - started) / 1000); if (audio.mozcurrentsampleoffset()) { // play position moved?
... autolatency = false; } processing an audio stream since the mozaudioavailable event and the mozwriteaudio() method both use float32array
values, it is possible to take the output of one audio stream and pass it directly (or process first and then pass) to a second.
RDF Datasource How-To - Archive of obsolete content
finally, replace "my-datasource" with a
value appropriate for your datasource.
... this
value, when prefixed with "rdf:", is a datasource identifier, and may be used with nsirdfservice::getdatasource() to retrieve your datasource from the rdf service.
...om/) that your datasource describes: <window xmlns:html="http://www.w3.org/1999/xhtml" xmlns:rdf="http://www.w3.org/tr/wd-rdf-syntax#" xmlns="http://www.mozilla.org/keymaster/gat...re.is.only.xul"> <tree datasources="rdf:my-datasource" ref="http://foo.bar.com/"> <template> <treechildren> <treeitem uri="..."> <treerow> <treecell> <text
value="rdf:http://home.netscape.com/nc-rdf#name" /> </treecell> <treecell> <text
value="rdf:http://home.netscape.com/nc-rdf#url" /> </treecell> </treerow> </treeitem> </treechildren> </template> <treehead> <treeitem> <treecell>name</treecell> <treecell>url</treecell> </treeitem> </treehead...
...the tree tag will be treated as if it has the id attribute with a
value http://foo.bar.com/.
Reading textual data - Archive of obsolete content
you can fallback to the default character encoding stored in preferences (intl.charset.default, a localized pref
value) when reading from a file, the question is harder to answer.
...iconverterinputstream.default_replacement_character; var is = components.classes["@mozilla.org/intl/converter-input-stream;1"] .createinstance(components.interfaces.nsiconverterinputstream); is.init(fis, charset, 1024, replacementchar); now you can read string from is: var str = {}; var numchars = is.readstring(4096, str); if (numchars != 0 /* eof */) var read_string = str.
value; to read the entire stream and do something with the data: var str = {}; while (is.readstring(4096, str) != 0) { processdata(str.
value); } don't forget to close the stream when you're done with it (is.close()).
...omponents.interfaces.nsiconverterinputstream); // this assumes that fis is the nsiinputstream you want to read from is.init(fis, charset, 1024, 0xfffd); is.queryinterface(components.interfaces.nsiunicharlineinputstream); if (is instanceof components.interfaces.nsiunicharlineinputstream) { var line = {}; var cont; do { cont = is.readline(line); // now you can do something with line.
value } while (cont); } the above example reads an entire stream until eof.
...you want to read, as an nsifile var fis = components.classes["@mozilla.org/network/file-input-stream;1"] .createinstance(components.interfaces.nsifileinputstream); fis.init(file, -1, -1, 0); var lis = fis.queryinterface(components.interfaces.nsilineinputstream); var linedata = {}; var cont; do { cont = lis.readline(linedata); var line = converter.converttounicode(linedata.
value); // now you can do something with line } while (cont); fis.close(); see also writing textual data joel on software: the absolute minimum every software developer absolutely, positively must know about unicode and character sets ...
Windows Install - Archive of obsolete content
// subkeys have to exist before
values can be put in.
... var subkey; // the name of the subkey you are poking around in var valname; // the name of the
value you want to look at var
value; // the data in the
value you want to look at.
... winreg.setrootkey(winreg.hkey_current_user) ;// current_user subkey = "software\\microsoft\\windows\\currentversion\\runonce" ; winreg.createkey(subkey,""); valname = "ren8dot3";
value = fprogram + "ren8dot3.exe " + ftemp + "ren8dot3.ini"; err = winreg.set
valuestring(subkey, valname,
value); } } function prepareren8dot3(listlongfilepaths) { var ftemp = getfolder("temporary"); var fprogram = getfolder("program"); var fren8dot3ini = getwinprofile(ftemp, "ren8dot3.ini"); var binicreated = false; var flongfilepath; var sshortfilepath; if(fren8dot3ini != null) { for(i = 0; i < listlongfilepaths.length; i++) { flongfilepat...
...program); if(verifydiskspace(fprogram, srdest)) { setpackagefolder(fprogram); err = adddirectory("", "6.0.0.2000110801", "bin", // dir name in jar to extract fprogram, // where to put this file // (returned from getfolder) "", // subdir name to create relative to fprogram true); // force flag logcomment("adddirectory() returned: " + err); // check return
value if(err == success) { err = performinstall(); logcomment("performinstall() returned: " + err); } else cancelinstall(err); } else cancelinstall(insufficient_disk_space); // end main ...
addDirectory - Archive of obsolete content
version an installversion object or a string of up to four integer
values delimited by periods, such as "1.17.1999.1517".
... for variants of this method without a version argument the
value from initinstall will be used.
...pass 0 as the default
value.
...for a list of possible
values, see return codes.
addFile - Archive of obsolete content
version an installversion object or a string of up to four integer
values delimited by periods, such as "1.17.1999.1517".
... for variants or this method without a version argument the
value from initinstall will be used.
...pass 0 as the default
value.
...for a list of possible
values, see return codes.
loadResources - Archive of obsolete content
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.
... returns a javascript object whose property names are the keys from that file and whose
values are the strings.
...this method is used to internationalize installation scripts by allowing the installer to retrieve localized string
values from a separate file.
... the following lines retrieve the properties as a javascript object and make the
values accessible with the familiar "dot property" syntax: reseg2obj = loadresources("bin/res_eg_2.properties"); dump( reseg2obj.title ) ...
getString - Archive of obsolete content
getstring retrieves a
value from a .ini file.
... key the key in that section whose
value to return.
... returns the
value of the key or an empty string if none was found.
...example to get the name of the wallpaper file from the desktop section of the win.ini file, use this call: ini = getwinprofile (getfolder("windows"), "win.ini"); var wallpaper
value = ini.getstring ("desktop", "wallpaper"); ...
WinReg Object - Archive of obsolete content
typically
values in the windows registry are strings.
... to manipulate such
values, use the get
valuestring and set
valuestring methods.
... to manipulate other
values, use the get
value and set
value methods.
... reading registry
values is immediate.
A XUL Bestiary - Archive of obsolete content
in the example above, the chrome is simply a skin file to be loaded into the xul file, but the chrome can also be used to load whole chromes, as when a <menuitem> in one window brings up a new chrome: <menuitem
value="mozilla help" oncommand="window.opendialog('chrome://help/content/help.xul', '_blank', 'chrome,all,dialog=no')" /> in this example, the chrome url is being used to point to a chrome within the package hierarchy of the mozilla application.
...for a widget like the menu that appears in the following example, menu is the element and both
value and the id are attributes.
...the attribute has a
value associated with it (such as the string "file" for the id attribute in the example above).
...to create an event handler, simple place the code you want executed within the appropriate event listener: <menuitem
value="click me" onclick="alert('event handled.')" /> it follows from the description above that event handlers can be written for events that are fired somewhere below them in the hierarchy.
align - Archive of obsolete content
« xul reference home align type: one of the
values below the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the total size of the children.
... baseline this
value applies to horizontally oriented boxes only.
... stretch this is the default
value.
...you can also specify the
value of align using the style property -moz-box-align.
buttons - Archive of obsolete content
« xul reference home buttons type: comma-separated list of the
values below a comma-separated list of buttons to appear in the dialog box.
...the following
values can be used in the list: accept: the ok button, which will accept the changes when pressed.
... note: if you don't want to display any buttons in the dialog box, set the
value of this attribute to "," (a single comma).
... warning: if the accept and cancel buttons are actually shown is system dependent and is mainly controlled by the
value of the boolean preference browser.preferences.instantapply.
textbox.type - Archive of obsolete content
« xul reference home type type: one of the
values below you can set the type attribute to one of the
values below for a more specialized type of textbox.
...in addition, arrow buttons appear next to the textbox to let the user step through
values.
... there are several attributes that allow the number textbox to be configured, including decimalplaces, min, max, increment, wraparound, hidespinbuttons, and textbox.
value.
...the command event will fire as the user modifies the
value.
toolbarbutton.type - Archive of obsolete content
you can set this attribute to the
value menu to create a button with a menu popup.
... menu: set the type attribute to the
value menu to create a button with a menu popup.
... menu-button: you can also use the
value menu-button to create a button with a menu.
... examples: type
value <toolbarbutton > menu menu-button checkbox radio see also type ...
openPopup - Archive of obsolete content
« xul reference home openpopup( anchor , position , x , y , iscontextmenu, attributesoverride, triggerevent ) return type: no return
value opens the popup relative to a specified node at a specific location.
... position possible
values for position are: before_start, before_end, after_start, after_end, start_before, start_after, end_before, end_after, overlap, and after_pointer.
... check positioning of the popup guide for a precise description of the effect of the different
values.
... attributesoverride if the attributesoverride argument is true, the position attribute on the popup node overrides the position
value argument.
MenuItems - Archive of obsolete content
this type of menuitem can be created by using the type attribute and setting it to the
value "checkbox".
...the first menuitem is checked by default, as indicated by the checked attribute set to the
value true.
...the
value of this attribute can be any name you wish; all radio menuitems within the same menu with the same name are part of the same group.
...this becomes the default
value for the menu.
Property - Archive of obsolete content
etedefaultindex container contentdocument contentprincipal contenttitle contentview contentvieweredit contentviewerfile contentwindow contextmenu control controller controllers crop current currentindex currentitem currentnotification currentpage currentpane currentset currenturi customtoolbarcount database datasources date dateleadingzero date
value decimalplaces decimalsymbol defaultbutton default
value description dir disableautocomplete disableautocomplete disableautoselect disabled disablekeynavigation dlgtype docshell documentcharsetinfo editable editingcolumn editingrow editingsession editor editortype emptytext deprecated since gecko 2 enablecolumndrag eventnode firstordinalcolumn firs...
...tpermanentchild flex focused focuseditem forcecomplete group handlectrlpageupdown handlectrltab hasuser
value height hidden hideseconds highlightnonmatches homepage hour hourleadingzero id ignoreblurwhilesearching image increment inputfield inverted is24hourclock ispm issearching iswaiting itemcount label labelelement lastpermanentchild lastselected left linkedpanel listboxobject locked markupdocumentviewer max maxheight maxlength maxrows maxwidth menu menuboxobject menupopup min minheight minresultsforpopup minwidth minute minuteleadingzero mode month monthleadingzero name next nomatch notificationshidden object observes onfirstpage onlastpage open ordinal orient pack...
... selecteditem selecteditems selectedpanel selectedtab selectionend selectionstart selstyle seltype sessioncount sessionhistory showcommentcolumn showpopup size smoothscroll spinbuttons src state statusbar statustext stringbundle strings style subject suppressonselect tabcontainer tabindex tabs tabscrolling tabpanels tag textlength text
value timeout title toolbarname toolbarset tooltip tooltiptext top treeboxobject type uri useraction
value valuenumber view webbrowserefind webnavigation webprogress width wizardpages wraparound year yearleadingzero related dom element properties dom:element.attributes dom:element.baseuri dom:element.childelementcount dom:element.childnodes dom:el...
...t.clientheight dom:element.clientleft dom:element.clienttop dom:element.clientwidth dom:element.clonenode dom:element.firstchild dom:element.firstelementchild dom:element.lastchild dom:element.lastelementchild dom:element.localname dom:element.namespaceuri dom:element.nextelementsibling dom:element.nextsibling dom:element.nodename dom:element.nodetype dom:element.node
value dom:element.ownerdocument dom:element.parentnode dom:element.prefix dom:element.previouselementsibling dom:element.previoussibling dom:element.scrollheight dom:element.scrollleft dom:element.scrolltop dom:element.scrollwidth dom:element.tagname dom:element.textcontent ...
Bindings - Archive of obsolete content
the ?photo variable is filled in with the known
value and then the arc is looked up the datasource, filling in the
value for the ?description variable.
...t/palace.jpg, ?title = 'palace from above') (?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/canal.jpg, ?title = 'canal') (?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/obelisk.jpg, ?title = 'obelisk') the second triple will add a ?description for the first photo, adding a fourth variable-
value pair to the existing data.
...the builder continues by filling in the
values for any bindings.
...the
value of the ?photo variable is known for each match, the datasource is examined for the description, and the
value of the ?description variable is filled in.
Static Content - Archive of obsolete content
<menulist datasources="template-guide-photos4.rdf" ref="http://www.daml.org/2001/09/countries/country-ont#country" oncommand="applyfilter(event.target.
value);"> <menupopup> <menuitem label="all"/> </menupopup> <template> <query> <content uri="?start"/> <triple subject="?country" predicate="http://www.w3.org/1999/02/22-rdf-syntax-ns#type" object="?start"/> <triple subject="?country" predicate="http://purl.org/dc/elements/1.1/title" object="?countrytitle"/> </qu...
...ery> <action> <menupopup> <menuitem uri="?country" label="?countrytitle"
value="?country"/> </menupopup> </action> </template> </menulist> the only difference between the previous example and this one is that the menulist element has some additional content added before the template.
... <radiogroup datasources="template-guide-photos4.rdf" ref="http://www.daml.org/2001/09/countries/country-ont#country" onselect="applyfilter(event.target.
value);"> <radio label="all" selected="true"/> <template> <query> <content uri="?start"/> <triple subject="?country" predicate="http://www.w3.org/1999/02/22-rdf-syntax-ns#type" object="?start"/> <triple subject="?country" predicate="http://purl.org/dc/elements/1.1/title" object="?countrytitle"/> </query> <action> ...
... <radio uri="?country" label="?countrytitle"
value="?country"/> </action> </template> </radiogroup> this example doesn't have any other content to generate outside the radio element with the uri attribute, so it will just be copied as is.
Using Recursive Templates - Archive of obsolete content
<groupbox type="menu" datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="*"/> <action> <vbox uri="?" class="indent"> <label
value="?name"/> </vbox> </action> </template> </groupbox> in this simplified example, the xpath expression just gets the list of child elements of the reference node.
... <vbox id="row2" container="true" empty="false" class="indent"> <label
value="male"/> <vbox id="row4" class="indent"><label
value="napoleon bonaparte"/></vbox> <vbox id="row5" class="indent"><label
value="julius caesar"/></vbox> <vbox id="row6" class="indent"><label
value="ferdinand magellan"/></vbox> </vbox> <vbox id="row3" container="true" empty="false" class="indent"> <label
value="female"/> <vbox id="row7" class="indent"><label
value="cleopatra...
..."/></vbox> <vbox id="row8" class="indent"><label
value="laura secord"/></vbox> </vbox> </groupbox> note how similar content corresponding to the action body is created for both the groups as well as the people.
...<vbox datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="*"> <assign var="?type" expr="local-name(.)"/> </query> <rule> <where subject="?type" rel="equals"
value="group"/> <action> <groupbox uri="?"> <caption label="?name"/> </groupbox> </action> </rule> <rule> <action> <label uri="?"
value="?name"/> </action> </rule> </template> </vbox> the first rule contains a where clause which matches only those results that have a type of group.
Adding Labels and Images - Archive of obsolete content
an example is shown below: example 1 : source view <label
value="this is some text"/> the
value attribute can be used to specify the text that you wish to have displayed.
...set the
value of the control attribute to the id of the element to be focused.
... example 3 : source view <label
value="click here:" control="open-button"/> <button id="open-button" label="open"/> in the example above, clicking the label will cause the button to be focused.
...as with the label element, you can either use the
value attribute for a single line of text or place text or xhtml content inside opening and closing description tags for longer blocks of text.
Broadcasters and Observers - Archive of obsolete content
for example, to make a button an observer of the broadcaster above: <button id="offline_button" observes="isoffline"/> the observes attribute has been placed on the button and its
value has been set to the
value of the id on the broadcaster to observe.
...if the
value of the label attribute on the broadcaster changes, the observers will update the
values of their label attributes also.
...the observers will grab all the
values of any attributes from the broadcasters whenever they change.
... whenever the
value of any of the attributes on the broadcaster changes, the observers are all notified and they update their own attributes to match.
Custom Tree Views - Archive of obsolete content
the following example shows this: <tree id="my-tree" flex="1"> <treecols> <treecol id="namecol" label="name" flex="1"/> <treecol id="datecol" label="date" flex="1"/> </treecols> <treechildren/> </tree> to assign data to be displayed in the tree, the view object needs to be created which is used to indicate the
value of each cell, the total number of rows plus other optional information.
...the rows are supplied as numeric
values starting at 0.
...in the older versions of mozilla (before firefox 1.5 or mozilla 1.8), the columns are supplied as the
values of the id attribute on the columns.
...we can assign a
value to this property at any time to set or change the view.
More Event Handlers - Archive of obsolete content
the event's button property can be used to determine which button was pressed, where possible
values are 0 for the left button, 1 for the middle button and 2 for the right button.
... if you've configured your mouse differently, these
values may be different.
...here is an example which displays the current mouse coordinates: example 4 : source view <script> function updatemousecoordinates(e){ var text = "x:" + e.clientx + " y:" + e.clienty; document.getelementbyid("xy").
value = text; } </script> <label id="xy"/> <hbox width="400" height="400" onmousemove="updatemousecoordinates(event);"/> in this example, the size of the box has been set explicitly so the effect is easier to see.
...this string is then assigned to the
value property of the label.
The Box Model - Archive of obsolete content
you can set this attribute to the
value horizontal to create a horizontal box and vertical to create a vertical box.
...the example below shows a simple login prompt: example 2 : source view <vbox> <hbox> <label control="login"
value="login:"/> <textbox id="login"/> </hbox> <hbox> <label control="pass"
value="password:"/> <textbox id="pass"/> </hbox> <button id="ok" label="ok"/> <button id="cancel" label="cancel"/> </vbox> here four elements have been oriented vertically, two inner hbox tags and two button elements.
...example 3 : source view <vbox> <hbox> <vbox> <label control="login"
value="login:"/> <label control="pass"
value="password:"/> </vbox> <vbox> <textbox id="login"/> <textbox id="pass"/> </vbox> </hbox> <button id="ok" label="ok"/> <button id="cancel" label="cancel"/> </vbox> notice how the text boxes are now aligned with each other.
... </description> <hbox> <label
value="search for:" control="find-text"/> <textbox id="find-text"/> </hbox> <hbox> <spacer flex="1"/> <button id="find-button" label="find"/> <button id="cancel-button" label="cancel"/> </hbox> </vbox> the vertical box causes the main text, the box with the textbox and the box with the buttons to orient vertically.
XBL Inheritance - Archive of obsolete content
for example, the following binding creates a textbox which adds the text 'http://www' to the beginning of its
value when the f4 key is pressed.
... example 1 : source <binding id="textboxwithhttp" extends="chrome://global/content/bindings/textbox.xml#textbox"> <handlers> <handler event="keypress" keycode="vk_f4"> this.
value="http://www"+
value; </handler> </handlers> </binding> the xbl here extends from the xul textbox element.
...in this case, the
value history is used, which looks up urls in the history.
... (you can also use the
value addrbook to look up addresses in the address book.) firefox uses a different autocomplete mechanism than the mozilla suite, see xul:textbox (firefox autocomplete) in the next section, we'll see an example xbl-defined widget.
XUL Event Propagation - Archive of obsolete content
this is the case in the example code in the diagram, where the onclick event listener for the button element handles the click event by displaying a simple alert dialog: <button
value="click me" onclick="alert('thank you')" /> the opposite of event bubbling is event capturing.
...for example, if an event handler at the menu is handling an event raised by one of the menu items, then the menu should be able to identify the raising element and take the appropriate action, as in the following example, where a javascript function determines which menuitem was selected and responds appropriately: <script> function docmd(el) { v = el.getattribute("
value"); if (v == "new") alert("new clicked"); else if (v == "open") alert("open clicked"); else alert("close clicked"); } </script> ...
... <menu class="menu"
value="file" oncommand="docmd(event.target)"> <menupopup> <menuitem oncommand="alert('new item alert')"
value="new" /> <menuitem
value="open" /> <menuitem oncommand="alert('close handler')"
value="close" /> </menupopup> </menu> ...
... <box id="bigbox"> <menu
value="file"> <menupopup> <menuitem
value="new" onclick="alert('not captured')" /> ...
image - Archive of obsolete content
validate type: one of the
values below this attribute indicates whether to load the image from the cache or not.
...the following
values are accepted, or leave out the attribute entirely for default handling: always the image is always checked to see whether it should be reloaded.
... properties accessibletype type: integer a
value indicating the type of accessibility object for the element.
... src type: url gets and sets the
value of the src attribute.
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:.
... in the case of the textnode element, the entire node is replaced with text corresponding to the result of the
value attribute.
... attributes
value examples (example needed) attributes
value type: uri the text
value to display.
... this
value should be an rdf property (predicate).
XUL Application Packaging - Archive of obsolete content
it is parsed as a windows-style ini file with [headings] and key=
value pairs.
... optional - default
value is any xulrunner less than xulrunner 2 example: maxversion=1.8.0.* the [xre] section the xre section specifies various features of xulrunner startup that can be enabled enableextensionmanager specifies whether to enable extensions and extension management.
... legal
values are 1 and 0.
...legal
values are 1 and 0.
NPEvent - Archive of obsolete content
wparam 32 bit field for the windows event parameter; parameter
value depends upon event type.
... lparam 32 bit field for the windows event parameter; parameter
value depends upon event type.
...
values: 0 nullevent 1 mousedown 2 mouseup 3 keydown 4 keyup 5 autokey 6 updateevt 7 diskevt 8 activateevt 15 osevt 23 khighlevelevent getfocusevent 0, 1 (true, false) losefocusevent adjustcursorevent 0, 1 (true, false) for information about these events, see the mac os developer documentation.
...as the xevents sent to the plug-in are synthesized and there is not a native window corresponding to the plug-in rectangle, some of the members of the xevent structures are not set to their normal xserver
values.
NPN_PostURL - Archive of obsolete content
for
values, see npn_geturl.
... file a boolean
value that specifies whether to post a file.
...
values: true: post the file whose path is specified in buf, then delete the file.
...for possible
values, see error codes.
NPP_NewStream - Archive of obsolete content
the plugin should set this
value to request a mode for the stream.
... for more information about each of these
values, see directions in this section.
... implementation note: some plugins, notably silverlight, do not set this outparam, and rely on the outparam being initialized to a default np_normal
value.
...
values: np_normal (default): delivers stream data to the instance in a series of calls to npp_writeready and npp_write.
NPP_SetWindow - Archive of obsolete content
the window structure contains a window handle and
values for top left corner, width, height, and clipping rectangle (see note on unix below).
...for possible
values, see error codes.
...subsequent calls to npp_setwindow indicate changes in size or position; these calls pass the same npwindow object each time, but with different
values.
...this window is valid for the life of the instance, or until npp_setwindow is called again with a different
value.
NPWindow - Archive of obsolete content
type npwindowtype
value that specifies whether the npwindow instance represents a window or a drawable.
...
values: npwindowtypewindow: indicates that the window field holds a platform-specific handle to a window (as in navigator 2.0 and navigator 3.0).
... the browser calls npp_set
value whenever the drawable changes.
... the plug-in should not modify the field
values in this structure.
Developing cross-browser and cross-platform pages - Archive of obsolete content
the browser identification approach relies on functions that check the browser type string
value and browser version string
value and that search for certains characters or sub-strings in the navigator.useragent property string.
...for example, firefox 1.x users and users of any/all mozilla-based browsers can customize the "general.useragent.*" string properties to any
value.
... function hideelement(id_attribute_
value) { if (document.getelementbyid && document.getelementbyid(id_attribute_
value) && document.getelementbyid(id_attribute_
value).style ) { document.getelementbyid(id_attribute_
value).style.visibility = "hidden"; }; } // example: // <button type="button" onclick="hideelement('d1');">hide div</button> // <div id="d1">some text</div> these repeated calls to document.getelementbyi...
...if there is, the code sees if document.getelementbyid(id_attribute_
value) returns a reference to an existing element, which it then checks for a style object.
-ms-content-zoom-limit-max - Archive of obsolete content
initial
value400%applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednopercentagesthe largest allowed zoom factor.
...larger
values zoom in.
... smaller
values zoom out.computed
valueas specifiedanimation typediscrete syntax
values <percentage> the maximum zoom factor.
... remarks this property constrains the limit for touch zooming as well as
values of the mscontentzoomfactor property.
-ms-content-zoom-limit-min - Archive of obsolete content
initial
value100%applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednopercentagesthe smallest allowed zoom factor.
...larger
values zoom in.
... smaller
values zoom out.computed
valueas specifiedanimation typediscrete syntax
values <percentage> the minimum zoom factor.
... remarks this property constrains the limit for touch zooming as well as
values of the mscontentzoomfactor property.
-ms-content-zoom-snap-points - Archive of obsolete content
initial
valuesnapinterval(0%, 100%)applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values snapinterval( <percentage>, <percentage> ) specifies where the snap-points will be placed.
... if any
value specified is less than that specified by the -ms-content-zoom-limit-min property, the
value of -ms-content-zoom-limit-min is used.
... if any
value specified is greater than that specified by the -ms-content-zoom-limit-max property, the
value of -ms-content-zoom-limit-max is used.
... formal syntax snapinterval( <percentage>, <percentage> ) | snaplist( <percentage># ) examples this example demonstrates both types of
values for the -ms-content-zoom-snap-points property.
-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.
...
values -ms-content-zoom-snap-type
value of the -ms-content-zoom-snap-type property.
... -ms-content-zoom-snap-points
value of the -ms-content-zoom-snap-points property.
-ms-filter - Archive of obsolete content
the following types: filters transitions procedural surfaces formal syntax filter: <-ms-filter-function>+ -ms-filter: [ "'" <-ms-filter-function># "'" ] | [ '"' <-ms-filter-function># '"' ] where <-ms-filter-function> = <-ms-filter-function-progid> | <-ms-filter-function-legacy> where <-ms-filter-function-progid> = 'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-
value> ')' ] <-ms-filter-function-legacy> = <ident-token> | <function-token> <any-
value> ')' the <string> contains the list of filters, transitions, and procedural surfaces.
... gradienttype default: 0 (equivalent to linear-gradient(to bottom, …)) set to a non-zero
value to make the gradient horizontal (equivalent to linear-gradient(to right, …)) startcolor the end color, supports only opaque colors in the #rrggbb notation.
... 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-im...
...use commas (,) to separate multiple
values, as shown in the examples section.
-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-type the
value of the -ms-scroll-snap-type property.
... -ms-scroll-snap-points-x the
value of the -ms-scroll-snap-points-x property.
-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.
... -ms-scroll-snap-type the
value of the -ms-scroll-snap-type property.
... -ms-scroll-snap-points-y the
value of the -ms-scroll-snap-points-y property.
-ms-scroll-translation - Archive of obsolete content
initial
valuenoneapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values vertical-to-horizontal vertical to horizontal translation, as described in remarks, will take place when appropriate.
... inherit the initial
value.
... the
value is inherited from the element's parent element.
... this property's initial
value is inherit on all elements, except the <html> element, where it defaults to none.
Accessing XML children - Archive of obsolete content
this gives an xml document of <foo> <bar> <baz/> <quux/> </bar> </foo> note, however, that assigning a non-xml
value to a child element that doesn't exist will create that element.
...operator allows you to change its
value.
... var elem = <foo> <bar>1</bar> </foo> elem.bar = 2; will replace the previous
value of 1 with 2.
...var a = <foo> <bar/> <baz/> </foo>; var list = a.*; list.length(); // returns 2 element attributes many xml elements have attributes with particular
values assigned to them.
Introduction - Archive of obsolete content
with special syntax, we can assign the
value of a javascript variable to be the
value of an e4x element.
...you can also use brace notation on attributes of elements (their names or
values).
...note, however, that xml elements can only have text as their
value.
... what really happens with the {} notation is that the variables' tostring method is called, and the returned
value is placed in the element.
Iterator - Archive of obsolete content
keyonly if keyonly is truthy
value, iterator.prototype.next returns property_name only.
...iterator instance returns [property_name, property_
value] array for each iteration if keyonly is falsy, otherwise, if keyonly is truthy, it returns property_name for each iteration.
... methods iterator.prototype.next returns next item in the [property_name, property_
value] format or property_name only.
... 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 // y 20 } iterates over property name var a = { x: 10, y: 20, }; for (var name in iterator(a, true)) { ...
Date.getVarDate() - Archive of obsolete content
the getvardate method returns a vt_date
value from a date object.
... return
value returns a vt_date
value.
... remarks the getvardate() method is used when javascript code interacts with com objects, activex objects, or other objects that accept and return date
values in vt_date format.
...the actual format of the returned
value depends on regional settings.
Debug - Archive of obsolete content
constants async callback status codes contant description
value debug.ms_async_callback_status_assign_delegate the synchronous work item assigned a callback or continuation to be run by an asynchronous operation.
... 4 async operation status codes contant description
value debug.ms_async_op_status_success the asynchronous operation was successful.
... examples print the
value of a variable this example uses the write function to display the
value of the variable.
... var counter = 42; debug.write("the
value of counter is " + counter); requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, internet explorer 10 standards, internet explorer 11 standards.
New in JavaScript 1.8 - Archive of obsolete content
array.prototype.reduce() array.prototype.reduceright() changed functionality in javascript 1.8 changes in destructuring for..in one change that occurred in the release of javascript 1.8 was a bug fix related to the key/
value destructuring of arrays introduced in javascript 1.7.
... previously it was possible to destructure the keys/
values of an array by using for ( var [key,
value] in array ).
... however, that made it impossible to destructure the
values of an array - that were arrays (i.e., when an iterator returns an array of the current key-
value pair).
...one can, however, use for ( var [key,
value] in iterator(array)).
Number.toInteger() - Archive of obsolete content
the number.tointeger() method used to evaluate the passed
value and convert it to an integer, but its implementation has been removed.
... if the target
value is nan, null or undefined, 0 is returned.
... if the target
value is false, 0 is returned and if true, 1 is returned.
... syntax number.tointeger(number) parameters number the
value to be converted to an integer.
Object.observe() - Archive of obsolete content
old
value: only for "update" and "delete" types.
... the
value before the change.
... return
value the object to be observed.
... examples logging all six different types var obj = { foo: 0, bar: 1 }; object.observe(obj, function(changes) { console.log(changes); }); obj.baz = 2; // [{name: 'baz', object: <obj>, type: 'add'}] obj.foo = 'hello'; // [{name: 'foo', object: <obj>, type: 'update', old
value: 0}] delete obj.baz; // [{name: 'baz', object: <obj>, type: 'delete', old
value: 2}] object.defineproperty(obj, 'foo', {writable: false}); // [{name: 'foo', object: <obj>, type: 'reconfigure'}] object.setprototypeof(obj, {}); // [{name: '__proto__', object: <obj>, type: 'setprototype', old
value: <prototype>}] object.seal(obj); // [ // {name: 'foo', object: <obj>, type: 'reconfigure'}, // {...
Window: devicelight event - Archive of obsolete content
bubbles no cancelable no interface sensorcallback target defaultview (window) other properties property type description
value read only double (float) the sensor data for ambient light in lux.
... min read only double (float) the minimum
value in the range the sensor detects (if available, 0 otherwise).
... max read only double (float) the maximum
value in the range the sensor detects (if available, 0 otherwise).
... examples window.addeventlistener('devicelight', function(event) { console.log(event.
value); }); specifications specification status comment ambient light sensorthe definition of 'ambient light events' in that specification.
Windows Media in Netscape - Archive of obsolete content
this is the example: needs to be embedded in wiki page (can it just be put here?) <object id="playerex2" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" height="200" width="200"> <param name="uimode"
value="full"> <param name="autostart"
value="true"> <param name="url"
value="media/preludesteel.wma"> your browser does not support the activex windows media player </object> the same markup (used above and shown below) will work in both ie and netscape 7.1.
... <object id="playerex2" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" height="200" width="200"> <param name="uimode"
value="full" /> <param name="autostart"
value="true" /> <param name="url"
value="preludesteel.wma" /> your browser does not support the activex windows media player </object> the classid attribute references the clsid of windows media player 7 and above -- windows media player versions before 7 used a different clsid.
... <object id="playerex2" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" height="200" width="200"> <param name="uimode"
value="full" /> <param name="autostart"
value="true" /> <param name="url"
value="preludesteel.wma" /> </object> <script type="text/javascript"> if(!document.playerex2.versioninfo) { // control not installed -- the versioninfo property returns null // redirect users to http://www.microsoft.com/windows/windowsmedia/download/default.asp } else { //control was correctly created //proceed wit...
...here, for example, is a code snippet that works equally well on both netscape 7.1 and ie: <object id="player" height="0" width="0" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6"> <param name="autostart"
value="true"> </object> <input type="button" name="playmedia"
value="play" onclick="startmediaup()"> <input type="button" name="stopmedia"
value="stop" onclick="shutmediadown()"> <p>this example shows a minimally-functional player <script> <!-- function startmediaup () { document.player.url = "preludesteel.wma"; document.player.controls.play(); } function shutmediadown () { document.player.co...
Move the ball - Game development
defining a drawing loop to keep constantly updating the canvas drawing on each frame, we need to define a drawing function that will run over and over again, with a different set of variable
values each time to change sprite positions, etc.
...to define x and y: var x = canvas.width/2; var y = canvas.height-30; next update the draw() function to use the x and y variables in the arc() method, as shown in the following highlighted line: function draw() { ctx.beginpath(); ctx.arc(x, y, 10, 0, math.pi*2); ctx.fillstyle = "#0095dd"; ctx.fill(); ctx.closepath(); } now comes the important part: we want to add a small
value to x and y after every frame has been drawn to make it appear that the ball is moving.
... let's define these small
values as dx and dy and set their
values to 2 and -2 respectively.
...every 10 milliseconds the canvas is cleared, the blue circle (our ball) will be drawn on a given position and the x and y
values will be updated for the next frame.
Visual typescript game engine - Game development
* @property drawreference * @type string */ private drawreference: string = "frame"; /** * aspectratio default
value, can be changed in run time.
... * default
value is 12034 */ private rtcserverport: number = 12034; /** * connectorport is access port used to connect * session web socket.
... * default
value is 9001 */ private broadcasterport: number = 9001; /** * @description important note for this property: if you * disable (false) you cant use account system or any other * network.
... item's selling for crypto
values.
CORS-safelisted request header - MDN Web Docs Glossary: Definitions of Web-related terms
when containing only these headers (and
values that meet the additional requirements laid out below), a requests doesn't need to send a preflight request in the context of cors.
... you can safelist more headers using the access-control-allow-headers header and also list the above headers there to circumvent the following additional restrictions: additional restrictions cors-safelisted headers must also fulfill the following requirements in order to be a cors-safelisted request header: for accept-language and content-language: can only have
values consisting of 0-9, a-z, a-z, space or *,-.;=.
... for content-type: needs to have a mime type of its parsed
value (ignoring parameters) of either application/x-www-form-urlencoded, multipart/form-data, or text/plain.
... for any header: the
value’s length can't be greater than 128.
Signature (functions) - MDN Web Docs Glossary: Definitions of Web-related terms
a signature can include: parameters and their types a return
value and type exceptions that might be thrown or passed back information about the availability of the method in an object-oriented program (such as the keywords public, static, or prototype).
...a signature in javascript can still give you some information about the method: myobject.prototype.myfunction(
value) the method is installed on an object called myobject.
... the method accepts one parameter, which is called
value and is not further defined.
... the void keyword indicates that this method has no return
value.
Type coercion - MDN Web Docs Glossary: Definitions of Web-related terms
type coercion is the automatic or implicit conversion of
values from one data type to another (such as strings to numbers).
... type conversion is similar to type coercion because they both convert
values from one data type to another with one key difference — type coercion is implicit whereas type conversion can be either implicit or explicit.
... examples const
value1 = '5'; const
value2 = 9; let sum =
value1 +
value2; console.log(sum); in the above example, javascript has coerced the 9 from a number into a string and then concatenated the two
values together, resulting in a string of 59.
...to return this result, you'd have to explicitly convert the 5 to a number using the number() method: sum = number(
value1) +
value2; ...
Test your skills: CSS and JavaScript accessibility - Learn web development
explain what the problems are, and what the guidelines are that state the acceptable
values for color and sizing.
...select new
values for the color and font-size that fix the problem.
...update the css with these new
values to fix the problem.
...explain what tools or methods you used to select the new
values and test the code.
Fundamental CSS comprehension - Learn web development
as a last little touch, give the paragraph inside the <article> an appropriate padding
value so that its left edge lines up with the <h2> and footer paragraph, and set its color to be fairly light so it is easy to read.
...this could affect the
values you need, although in this simple example this is not an issue.) other things to think about: you'll get bonus marks if you write your css for maximum readability, with a separate declaration on each line.
... when trying to work out the em
value you need to represent a certain pixel length, think about what base font size the root (<html>) element has, and what it needs to be multiplied by to get the desired
value.
... that'll give you your em
value, at least in a simple case like this.
Images, media, and form elements - Learn web development
below we have used the
value cover, which sizes the image down, maintaining the aspect ratio so that it neatly fills the box.
... if we use contain as a
value the image will be scaled down until it is small enough to fit inside the box.
... you could also try the
value of fill, which will fill the box but not maintain the aspect ratio.
... previous overview: building blocks next in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content
values and units sizing items in css images, media, and form elements styling tables debugging css organizing your css ...
Floats - Learn web development
try changing the float
value to right and replace margin-right with margin-left in the last ruleset to see what the result is.
...the clear property accepts the following
values: left: clear items floated to the left.
...} .wrapper { background-color: rgb(79,185,227); padding: 10px; color: #fff; } .box { float: left; margin: 15px; width: 150px; height: 150px; border-radius: 5px; background-color: rgb(207,232,220); padding: 1em; } .wrapper::after { content: ""; clear: both; display: block; } using overflow an alternative method is to set the overflow property of the wrapper to a
value other than visible.
... display: flow-root the modern way of solving this problem is to use the
value flow-root of the display property.
Beginner's guide to media queries - Learn web development
the width (and height) media features can be used as ranges, and therefore be prefixed with min- or max- to indicate that the given
value is a minimum, or a maximum.
... in practice, using minimum or maximum
values is much more useful for responsive design so you will rarely see width or height used alone.
...this takes three possible
values, none, fine and coarse.
...the
value none means the user has no pointing device; perhaps they are navigating with the keyboard only or with voice commands.
How to structure a web form - Learn web development
here is a little example: <form> <fieldset> <legend>fruit juice size</legend> <p> <input type="radio" name="size" id="size_1"
value="small"> <label for="size_1">small</label> </p> <p> <input type="radio" name="size" id="size_2"
value="medium"> <label for="size_2">medium</label> </p> <p> <input type="radio" name="size" id="size_3"
value="large"> <label for="size_3">large</label> </p> </fieldset> </form> note: you can find this example in fieldset-legend.html (see it live al...
... for example, clicking on the "i like cherry" label text in the example below will toggle the selected state of the taste_cherry checkbox: <form> <p> <input type="checkbox" id="taste_1" name="taste_cherry"
value="cherry"> <label for="taste_1">i like cherry</label> </p> <p> <input type="checkbox" id="taste_2" name="taste_banana"
value="banana"> <label for="taste_2">i like banana</label> </p> </form> note: you can find this example in checkbox-label.html (see it live also).
...add this code to your form: <section> <h2>contact information</h2> <fieldset> <legend>title</legend> <ul> <li> <label for="title_1"> <input type="radio" id="title_1" name="title"
value="k" > king </label> </li> <li> <label for="title_2"> <input type="radio" id="title_2" name="title"
value="q"> queen </label> </li> <li> <label for="title_3"> <input type="radio" id="title_3" name="title"
value="j"> joker </label>...
... enter the following below the previous section: <section> <h2>payment information</h2> <p> <label for="card"> <span>card type:</span> </label> <select id="card" name="usercard"> <option
value="visa">visa</option> <option
value="mc">mastercard</option> <option
value="amex">american express</option> </select> </p> <p> <label for="number"> <span>card number:</span> <strong><abbr title="required">*</abbr></strong> </label> <input type="tel" id="number" name="cardnumber"> </p> <p> <label for="date"> <span...
Using data attributes - Learn web development
</article> javascript access reading the
values of these attributes out in javascript is also very simple.
... data
values are strings.
... number
values must be quoted in the selector for the styling to take effect.
...in addition, search crawlers may not index data attributes'
values.
Build your own function - Learn web development
we then use yet another dom api function called element.setattribute() to set a class attribute on our panel with a
value of msgbox.
... first of all, update the first line of the function: function displaymessage() { to this: function displaymessage(msgtext, msgtype) { now when we call the function, we can provide two variable
values inside the parentheses to specify the message to display in the message box, and the type of message it is.
...in the next article we'll wrap up functions by explaining another essential related concept — return
values.
... previous overview: building blocks next in this module making decisions in your code — conditionals looping code functions — reusable blocks of code build your own function function return
values introduction to events image gallery ...
Test your skills: Math - Learn web development
you will have to create four numeric
values, then add the first two together, then subtract the fourth from the third, then multiply the two secondary results together to get a result of 48.
... finally, we need to write a test that proves that this
value is an even number.
...if it isn't, you'll have to adjust some of the initial input
values.
... the
value of finalnumber needs to be 10.42.
Ember app structure and componentization - Learn web development
> <div class="view"> <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > <label>buy movie tickets</label> <button type="button" class="destroy" title="remove this todo" ></button> </div> <input autofocus class="edit"
value="todo text"> </li> <li> <div class="view"> <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > <label>go to movie</label> <button type="button" class="destroy" title="remove this todo" ></button> </div> ...
... <input autofocus class="edit"
value="todo text"> </li> </ul> </section> <footer class="footer"> <span class="todo-count"> <strong>0</strong> todos left </span> <ul class="filters"> <li> <a href="#">all</a> <a href="#">active</a> <a href="#">completed</a> </li> </ul> <button type="button" class="clear-completed"> clear completed </button> </footer> </section> the rendered output should now be as follows: this looks pretty complete, but remember that this is only a static prototype.
...this is because the default css absolutely positions the checkbox + label with negative top and left
values to move it next to the input, rather than it being inside the "main" section.
... add the following into the todo.hbs file: <li> <div class="view"> <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > <label>buy movie tickets</label> <button type="button" class="destroy" title="remove this todo" ></button> </div> <input autofocus class="edit"
value="todo text"> </li> footer.hbs should be updated to contain the following: <footer class="footer"> <span class="todo-count"> <strong>0</strong> todos left </span> <ul class="filters"> <li> <a href="#">all</a> <a href="#">active</a> <a href="#">completed</a> </li> </ul> <button type="button" class="clear-completed"> clear completed </button> ...
Beginning our React todo list - Learn web development
setting a
value of true means that the button is pressed by default.
... notes: to use boolean
values (true and false) in jsx attributes, you must enclose them in curly braces.
... if you write defaultchecked="true", the
value of defaultchecked will be "true" — a string literal.
... the aria-pressed attribute used in our earlier code snippet has a
value of true because aria-pressed is not a true boolean attribute in the way checked is.
Rendering a list of Vue components - Learn web development
to do that, we’ll add a data property to the app.vue component object, containing a todoitems field whose
value is an array of todo items.
... to make sure that vue can accurately compare the key attributes, they need to be string or numeric
values.
... import lodash.uniqueid into your app component in the same way you did with your todoitem component, using import uniqueid from 'lodash.uniqueid'; next, add an id field to each element in your todoitems array, and assign each of them a
value of uniqueid('todo-').
...to-do list', done: false } ] }; } }; now, add the v-for directive and key attribute to the <li> element in your app.vue template, like so: <ul> <li v-for="item in todoitems" :key="item.id"> <to-do-item label="my todo item" :done="true"></to-do-item> </li> </ul> when you make this change, every javascript expression between the <li> tags will have access to the item
value in addition to the other component attributes.
Handling common accessibility problems - Learn web development
each label needs to be included inside a <label> to link it unambiguously to its partner form input (each <label> for attribute
value needs to match the form element id
value), and it will make sense even if the source order is not completely logical (which to be fair it should be).
...its
value indicates how urgently the screen reader should read it out: off: the default.
... up cursor and down cursor (when inside form) change form input
values (in the case of things like select boxes).
... spacebar (when inside form) select chosen
value.
Mozilla accessibility architecture
for example, they all expose an accessible name, or text representation, of each object, and they all use an enumerated integer
value from a finite list, to expose the role of an object.
... examples of accessible role constants are role_button, role_checkbox and role_list, although they can have slightly different names and
values in each api.
...to get this
value we currently take the pointer to the dom node, turn it into an integer, and then negate it.
...if mnextsibling equals the magic
value dead_end_accessible (void*)1, then there are known to be no more siblings.
Cookies Preferences in Mozilla
the default
values given are for firefox 3.
... network.cookie.cookiebehavior default
value: 0 0 = accept all cookies by default 1 = only accept from the originating site (block third party cookies) 2 = block all cookies by default 3 = use p3p settings (note: this is only applicable to older mozilla suite and seamonkey versions.) 4 = storage access policy: block cookies from trackers network.cookie.lifetimepolicy default
value: 0 0 = accept cookies normally 1 = prompt for each cookie (prompting was removed in firefox 44) 2 = accept for current session only 3 = accept for n days network.cookie.lifetime.days default
value: 90 only used if network.cookie.lifetimepolicy is set to 3 sets the number of days that the lifetime of cookies should be limited to.
... network.cookie.alwaysacceptsessioncookies default
value: false only used if network.cookie.lifetimepolicy is set to 1 true = accepts session cookies without prompting false = prompts for session cookies network.cookie.thirdparty.sessiononly default
value: false true = restrict third party cookies to the session only false = no restrictions on third party cookies network.cookie.maxnumber default
value: 1000 configures the maximum amount of cookies to be stored valid range is from 0-65535, rfc 2109 and 2965 require this to be at least 300 network.cookie.maxperhost default
value: 50 configures the maximum amount of cookies to be stored per host valid range is from 0-65535, rfc 2109 and 2965 require this to be at least 20 network.cookie.disablecookieformailnews default
value: tr...
... network.cookie.prefsmigrated default
value: false migration pref for users with older profiles (before mozilla 1.7).
Experimental features in Firefox
nightly 77 no developer edition 77 no beta 77 no release 77 no preference name layout.css.grid-template-masonry-
value.enabled media feature: prefers-contrast the prefers-contrast media feature is used to detect whether the user has specified a preference for higher (or lower) contrast in the presentation of web content.
... nightly 73 no developer edition 73 no beta 73 no release 73 no preference name dom.webgpu.enabled html dom api global event: beforeinput the global beforeinput event is sent to an <input> element—or any element whose contenteditable attribute is enabled—immediately before the element's
value changes.
...the
value changes over time depending on what the user is doing, their preferences, and the state of the browser in general.
... potential
values include allowed (autoplay is currently permitted), allowed-muted (autoplay is allowed but only with no—or muted—audio), and disallowed (autoplay is not allowed at this time).
mozbrowsermetachange
details the details property returns an anonymous javascript object with the following properties: name a domstring representing the <meta> name attribute
value.
... content a domstring representing the <meta> content attribute
value, i.e.
... lang optional a domstring representing the <meta> name attribute
value, if included.
... if not included, the
value returned is undefined.
overflow-clip-box-block
/* keyword
values */ overflow-clip-box-block: padding-box; overflow-clip-box-block: content-box; /* global
values */ overflow-clip-box-block: inherited; overflow-clip-box-block: initial; overflow-clip-box-block: unset; note: on gecko, by default, padding-box is used everywhere, but <input type="text"> and similar use the
value content-box.
...
value not found in db!
... syntax
values padding-box this keyword makes the clipping be related to the padding box.
... examples padding-box html <div class="things"> <input
value="abcdefghijklmnopqrstuvwxyzÅÄÖ" class="scroll padding-box"> <div class="scroll padding-box"><span>abcdefghijklmnopqrstuvwxyzÅÄÖ</span></div> </div> css .scroll { overflow: auto; padding: 0 30px; width: 6em; border: 1px solid black; background: lime content-box; } .padding-box { overflow-clip-box-block: padding-box; } javascript function scrollsomeelements() { var elms = document.queryselectorall('.scroll'); for (i=0; i < elms.length; ++i) { elms[i].scrollleft=80; } } var elt = document.queryelementsbytagname('body')[0]; elt.addeventlistener("load", scrollsomeelements, false); ...
overflow-clip-box-inline
/* keyword
values */ overflow-clip-box-inline: padding-box; overflow-clip-box-inline: content-box; /* global
values */ overflow-clip-box-inline: inherited; overflow-clip-box-inline: initial; overflow-clip-box-inline: unset; note: on gecko, by default, padding-box is used everywhere, but <input type="text"> and similar use the
value content-box.
...
value not found in db!
... syntax
values padding-box this keyword makes the clipping be related to the padding box.
... examples padding-box html <div class="things"> <input
value="abcdefghijklmnopqrstuvwxyzÅÄÖ" class="scroll padding-box"> <div class="scroll padding-box"><span>abcdefghijklmnopqrstuvwxyzÅÄÖ</span></div> </div> css .scroll { overflow: auto; padding: 0 30px; width: 6em; border: 1px solid black; background: lime content-box; } .padding-box { overflow-clip-box-inline: padding-box; } javascript function scrollsomeelements() { var elms = document.queryselectorall('.scroll'); for (i=0; i < elms.length; ++i) { elms[i].scrollleft=80; } } var elt = document.queryelementsbytagname('body')[0]; elt.addeventlistener("load", scrollsomeelements, false);...
Assert.jsm
method overview undefined ok(
value, message); undefined equal(actual, expected, message); undefined notequal(actual, expected, message); undefined deepequal(actual, expected, message); undefined notdeepequal(actual, expected, message); undefined strictequal(actual, expected, message); undefined notstrictequal(actual, expected, message); undefined throws(block, expected...
... ok, equal, notequal, deepequal, notdeepequal, strictequal, notstrictequal, throws, setreporter, report methods ok() pure assertion tests whether a
value is truthy, as determined by !!guard.
...to test strictly for the
value true, use assert.strictequal(true, guard, message_opt);.
... all assertion methods provide both the actual and expected
values to the assertion error for display purposes.
DownloadTarget
it is possible for this property to have a non-zero
value even if the target file no longer exists, if the
value is available in download metadata.
... if that metadata is no longer available and the file has been deleted, then this
value is zero.
... for single-file downloads, this property's
value will always match the actual size of the file on disk, while the download.totalbytes property, when available, may indicate the size of the data as encoded for transfer instead.
...you can use this
value from the front-end to reduce file i/o that would be required to check the file directly.
Http.jsm
httprequest supports the following parameters: name meaning headers an array of headers postdata this can be: a string: send it as is an array of parameters: encode as form
values null/undefined: no post data.
... headers or post data are given as an array of arrays, for each inner array the first
value is the key and the second is the
value.
... for example: [["key1", "
value1"], ["key2", "
value2"]].
...in case an array of parameters is given, it will be treated as an array of key-
value pairs.
NetUtil.jsm
return
value returns the nsiasyncstreamcopier object that is handling the copy.
... nsichannel newchannel( awhattoload, [optional] aorigincharset, [optional] abaseuri ); parameters return
value an nsichannel allowing access to the specified data source.
... return
value returns the nsiuri object representing the specified target.
... return
value a string containing the bytes read from the input stream.
Encodings for localization files
see the table below for appropriate
values.
...this must match the charset= parameter in this file, and the win_installer_charset parameter in charset.mk the fontname/fontsize/charset parameters in this file must be set to good
values.
...see the table below for appropriate
values for the charset= parameter.
... browser/installer/installer.inc utf-8 toolkit/installer/unix/install.it utf-8 native windows encodings the following table lists native windows encodings, and the win_installer_charset and charset=
values for each: encoding name win_installer_charset (charset.mk) charset= (windows/install.it) ansi_charset cp1252 0 baltic_charset cp1257 186 chinesebig5_charset cp950 136 easteurope_charset cp1250 238 gb2312_charset cp936 134 greek_charset cp1253 161 hangul_charset cp949 129 russian_charset cp1251 204 shiftjis_charset cp932 128 turkish_charset cp1254 162 vietnamese_charset cp1258 ...
Localization and Plurals
components.utils.import("resource://gre/modules/pluralform.jsm"); methods: get these methods make use of the browser's current locale specified by chrome://global/locale/intl.properties's pluralrule
value.
...tils.import("resource://gre/modules/pluralform.jsm"); // pluralform.get expects a semi-colon separated list of words let downloads = "download;downloads"; // pretend this number came from somewhere else let num = 10; // display the correct plural form for 10 downloads: "you have 10 downloads.") print("you have " + num + " " + pluralform.get(num, downloads) + "."); // try again with a different
value: "you have 1 download." num = 1; print("you have " + num + " " + pluralform.get(num, downloads) + ".") the above example works, but is still difficult to localize, because we're concatenating strings assuming a particular grammatical structure.
...t plural form, * function that returns the number of plural forms] */ [string pluralform get(int anum, string awords), int numforms numforms()] makegetter(int arulenum) here is an example usage of makegetter: components.utils.import("resource://gre/modules/pluralform.jsm"); // let's get irish (plural rule #11) let [get, numforms] = pluralform.makegetter(11); // make up some
values to use with "get" let dummytext = "form 1;form 2;form 3;form 4;form 5"; let dummynum = 10; // in the case of irish, the
value 10 uses plural form #4, so "form 4" is printed print(get(dummynum, dummytext)); in this example, the irish plural rule was hardcoded, but this could be a
value specified in the .properties file.
... so for your extension, specify a pluralrule
value in the .properties, and call pluralform.makegetter(pluralrulefromproperties), making sure to save the 2 returned functions.
Mozilla Framework Based on Templates (MFBT)
floatingpoint.h provides various operations for examining and working upon double-precision floating point
values, and for producing various special floating point
values.
... rangedptr.h implements rangedptr, a smart pointer template whose
value may be manipulated only within a range specified at construction time, and which may be dereferenced only at valid locations in that range.
... this pointer is a useful way to expose access to
values within an array.
... refptr.h implements various smart pointer templates to simplify reference counting of
values of particular classes.
Using the viewport meta tag to control layout on mobile browsers
it can be set to a specific number of pixels like width=600 or to the special
value device-width, which is the width of the screen in css pixels at a scale of 100%.
... (there are corresponding height and device-height
values, which may be useful for pages with elements that change size or position based on the viewport height.) the initial-scale property controls the zoom level when the page is first loaded.
...this is consistent with the css 2.1 specification, which says: if the pixel density of the output device is very different from that of a typical computer display, the user agent should rescale pixel
values.
...if web developers want their scale settings to remain consistent when switching orientations on the iphone, they must add a maximum-scale
value to prevent this zooming, which has the sometimes-unwanted side effect of preventing users from zooming in: <meta name="viewport" content="initial-scale=1, maximum-scale=1"> suppress the small zoom applied by many smartphones by setting the initial scale and minimum-scale
values to 0.86.
JS::PerfMeasurement
here is the complete c++-level api: perfmeasurement::eventmask this is an enumeration defining all of the bit mask
values in the above table.
...perfmeasurement::all in a constructor call, this special
value means "measure everything that can possibly be measured." perfmeasurement::num_measurable_events this constant equals the total number of events defined by the api - not necessarily the total number of events that a particular os allows you to measure.
... all the counter variables for events that are not being measured will have the fixed
value (uint64)-1.
... counter
values are accumulated across many start/stop cycles, and you can modify their
values if you want; stop simply adds counts read back from the os to whatever is already in each counter.
Midas
document.querycommand
value determines the current
value of the document, range, or current selection for the given command.
... supported commands command
value description backcolor a color code.
...it takes the same
values as contentreadonly, but the meaning of true and false are inversed.
...it takes the same
values as stylewithcss, but the meaning of true and false are inversed.
NSPR Poll Method
the arguments and return
value of the poll method are described below.
... return
value if the poll method stores a nonzero
value in *out_flags, the return
value will be the
value of in_flags.
...therefore, nspr clients should only use the return
value as described in how to use the poll method section below.) if the poll method stores zero in *out_flags, the return
value will be the bottom layer's desires with respect to the in_flags.
...declare two print16 variables to receive the return
value and the out_flags output argument of the poll method.
PL_HashTableLookup
looks up the entry with the specified key and return its
value.
... returns the
value of the entry with the specified key, or null if there is no such entry.
...this means that one cannot tell whether a null return
value means the entry does not exist or the
value of the entry is null.
... keep this ambiguity in mind if you want to store null
values in a hash table.
PR_AtomicAdd
syntax #include <pratom.h> print32 pr_atomicadd( print32 *ptr, print32 val); parameter the function has the following parameters: ptr a pointer to the
value to increment.
... val a
value to be added.
... returns the returned
value is the result of the addition.
... description atomically add a 32 bit
value.
PR_AtomicDecrement
atomically decrements a 32-bit
value.
... syntax #include <pratom.h> print32 pr_atomicdecrement(print32 *val); parameter the function has the following parameter: val a pointer to the
value to decrement.
... returns the function returns the decremented
value (i.e., the result).
...the
value returned is the referenced variable's final
value.
PR_AtomicIncrement
atomically increments a 32-bit
value.
... syntax #include <pratom.h> print32 pr_atomicincrement(print32 *val); parameter the function has the following parameter: val a pointer to the
value to increment.
... returns the function returns the incremented
value (i.e., the result).
...the result of the function is the
value of the memory after the operation.
PR_Poll
returns the function returns one of these
values: if successful, the function returns a positive number indicating the number of prpolldesc structures in pds that have events.
... the
value 0 indicates the function timed out.
... the
value -1 indicates the function failed.
...if pr_poll returns 0 or -1, the out_flags fields do not contain meaningful
values and must not be used.
PR_Recv
timeout a
value of type printervaltime specifying the time limit for completion of the receive operation.
... returns the function returns one of the following
values: a positive number indicates the number of bytes actually received.
... the
value 0 means the network connection is closed.
... the
value -1 indicates a failure.
PR_RecvFrom
timeout a
value of type printervaltime specifying the time limit for completion of the receive operation.
... returns the function returns one of the following
values: a positive number indicates the number of bytes actually received.
... the
value 0 means the network connection is closed.
... the
value -1 indicates a failure.
PR_SetThreadPrivate
returns the function returns one of the following
values: if successful, pr_success.
... description if the thread already has non-null private data associated with it, and if the destructor function for the index is known (not null), nspr calls the destructor function associated with the index before setting the new data
value.
...if the swapped out
value is not null, the destructor function is called.
... on return, the private data associated with the index is reassigned the new private data's
value, even if it is null.
PR_WaitCondVar
timeout the
value pr_interval_no_timeout requires that a condition be notified (or the thread interrupted) before it will resume from the wait.
... the
value pr_interval_no_wait causes the thread to release the lock, possibly causing a rescheduling within the runtime, then immediately attempt to reacquire the lock and resume.
... returns the function returns one of the following
values: if successful, pr_success.
... any
value other than pr_interval_no_timeout or pr_interval_no_wait for the timeout parameter will cause the thread to be rescheduled due to either explicit notification or the expiration of the specified interval.
PR_WaitSemaphore
returns the
value of the environment variable.
... returns prstatus description pr_waitsemaphore tests the
value of the semaphore.
... if the
value of the semaphore is > 0, the
value of the semaphore is decremented and the function returns.
... if the
value of the semaphore is 0, the function blocks until the
value becomes > 0, then the semaphore is decremented and the function returns.
Encrypt Decrypt MAC Keys As Session Objects
* get their cka_ids * generate a random
value to use as iv for aes cbc * open an input file and an output file, * write a header to the output that identifies the two keys by * their cka_ids, may include original file name and length.
...key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generaterandom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a random
value to use as iv for aes cbc */ generaterandom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for writing.\n", headerfilename); return secfailure; } encfile = pr_open(encrypte...
...progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->
value); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilen...
...ame = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->
value); break; case 'z': noisefilename = strdup(optstate->
value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!command || !dbdir || !infilename || !outfilename) usage(progname); if (pl_strlen(command)==0) usage(progname); cmd = command[0] == 'a' ?
Encrypt and decrypt MAC using token
* get their cka_ids * generate a random
value to use as iv for aes cbc * open an input file and an output file, * write a header to the output that identifies the two keys by * their cka_ids, may include original file name and length.
...key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generaterandom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a random
value to use as iv for aes cbc */ generaterandom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for writing.\n", headerfilename); return secfailure; } encfile = pr_open(encrypte...
...progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->
value); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilen...
...ame = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->
value); break; case 'z': noisefilename = strdup(optstate->
value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!command || !dbdir || !infilename || !outfilename) usage(progname); if (pl_strlen(command)==0) usage(progname); cmd = command[0] == 'a' ?
NSS 3.35 release notes
for the sslsignaturescheme enum, the enumerated
values ssl_sig_rsa_pss_sha* are deprecated in response to a change in tls 1.3.
... note: the
value of ssl_tls13_key_share_xtn
value, from the sslextensiontype, has been renumbered to match changes in tls 1.3.
... this is not expected to cause problems; code compiled against previous versions of tls will now refer to an unsupported codepoint, if this
value was used.
... this makes it clearer, that options can have
values other than 0 or 1.
Enc Dec MAC Output Public Key as CSR
* generate a random
value to use as iv for aes cbc * open an input file and an output file, * wrap the symmetric and mac keys using public key * write a header to the output that identifies the two wrapped keys * and public key * loop until eof(input) * read a buffer of plaintext from input file, * mac it, append the mac to the plaintext * encrypt it using cbc, using previo...
...ing mac key\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generaterandom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a random
value to use as iv for aes cbc */ generaterandom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for writing.\n", headerfilename); return secfailure; } encfile = pr_open(encrypte...
...progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "c:d:i:o:f:p:z:a:s:r:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': cmd = option2command(optstate->
value); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilen...
...ame = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->
value); break; case 'r': certreqfilename = strdup(optstate->
value); break; case 's': subjectstr = strdup(optstate->
value); subject = cert_asciitoname(subjectstr); break; case 'z': noisefilename = strdup(optstate->
value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (cmd == unknown || !dbdir) { usage(progname); } /* for intermediate header file, choose filename as inputfile name with extension ".header" */ strcpy(headerfilename, progname); strcat(he...
Encrypt Decrypt_MAC_Using Token
* get their cka_ids * generate a random
value to use as iv for aes cbc * open an input file and an output file, * write a header to the output that identifies the two keys by * their cka_ids, may include original file name and length.
...key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generaterandom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a random
value to use as iv for aes cbc.
...progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->
value); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilen...
...ame = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->
value); break; case 'z': noisefilename = strdup(optstate->
value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!command || !dbdir || !infilename || !outfilename) usage(progname); if (pl_strlen(command)==0) usage(progname); cmd = command[0] == 'a' ?
NSS Sample Code Sample_3_Basic Encryption and MACing
* get their cka_ids * generate a random
value to use as iv for aes cbc * open an input file and an output file, * write a header to the output that identifies the two keys by * their cka_ids, may include original file name and length.
...key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generaterandom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a random
value to use as iv for aes cbc */ generaterandom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for writing.\n", headerfilename); return secfailure; } encfile = pr_open(encrypte...
...progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->
value); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilen...
...ame = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->
value); break; case 'z': noisefilename = strdup(optstate->
value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!command || !dbdir || !infilename || !outfilename) usage(progname); if (pl_strlen(command)==0) usage(progname); cmd = command[0] == 'a' ?
nss tech note2
0c938 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getinfo 1024[805ef10]: pinfo = 0xbffff340 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getslotlist 1024[805ef10]: tokenpresent = 0x0 1024[805ef10]: pslotlist = 0x0 1024[805ef10]: pulcount = 0xbffff33c 1024[805ef10]: *pulcount = 0x2 1024[805ef10]: rv = 0x0 note that when a pkcs #11 function takes a pointer argument for which it will set a
value (c_getslotlist above), this mode will display the
value upon return.
...display verbose information, including template
values, array
values, etc.
...jects 1024[805ef10]: hsession = 0x1000001 1024[805ef10]: phobject = 0x806d810 1024[805ef10]: ulmaxobjectcount = 16 1024[805ef10]: pulobjectcount = 0xbffff38c 1024[805ef10]: *pulobjectcount = 0x1 1024[805ef10]: phobject[0] = 0xf6457d04 1024[805ef10]: rv = 0x0 1024[805ef10]: c_findobjectsfinal 1024[805ef10]: hsession = 0x1000001 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getattribute
value 1024[805ef10]: hsession = 0x1000001 1024[805ef10]: hobject = 0xf6457d04 1024[805ef10]: ptemplate = 0xbffff2d0 1024[805ef10]: ulcount = 2 1024[805ef10]: cka_token = 0 [1] 1024[805ef10]: cka_label = 0 [20] 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getattribute
value 1024[805ef10]: hsession = 0x1000001 1024[805ef10]: hobject = 0xf6457d04 1024[805ef10]: ptemplate = 0xbffff2d0 10...
...if the environment variable nss_output_file is set, its
value will be used as the path name of the file to which the final output will be written.
nss tech note5
most of the args are illustrated above secitem label; /* empty, doesn't need to be freed */ label.data = null; label.len = 0; secitem *pub
value = null; pub
value = /* ??
... numattribs = 4; } else if(keytype == ckk_dsa) { attribs[0] = cka_sign; numattribs = 1; } <big>do the unwrap</big> seckeyprivatekey *unwrappedpvtkey = pk11_unwrapprivkey(slot, wrappingsymkey, wrapmech, secparam, &wrappedkey, &label, pub
value, token, pr_true /* sensitive */ keytype, attribs, numattribs, null /*wincx*/); clean up pk11_freesymkey(wrappingsymkey); <big>if (secparam) secitem_freeitem(secparam, pr_true);</big> <big>secitem_freeitem(&wrappedkey, pr_true);</big> if (pub
value) secitem_freeitem(pub
value, pr_true); if (un...
... secstatus rv = pk11_extractkey
value(symkey); secitem *keydata = pk11_getkeydata(symkey); generating a persistent symmetric key secitem keyid; ck_mechanism_type ciphermech = ckm_aes_cbc_pad; keyid.data = /* ptr to an array of bytes representing the id of the key to be generated */; keyid.len = /* length of the array of bytes */; /* keysize must be 0 for fixed key-length algorithms like des...
... and appropriate
value * for non fixed-key-length algorithms */ pk11symkey *key = pk11_tokenkeygen(slot, ciphermech, 0, 32 /* keysize */, &keyid, pr_true, 0); int keylen = pk11_getkeylength(key); ciphermech = pk11_getmechanism(key); /* find the symmetric key in the database */ key = pk11_findfixedkey(slot, ciphermech, &keyid, 0); moving a key from one slot to another to move a private key from one slot to another, wrap the private key on the origin slot and unwrap it into the destination slot.
nss tech note8
there was no api function by which client programs could set these
values.
...->creationtime = ssl_time(); sid->expirationtime = sid->creationtime + ssl_sid_timeout; (*ss->sec.cache)(sid); for ssl3: sid->lastaccesstime = sid->creationtime = ssl_time(); sid->expirationtime = sid->creationtime + ssl3_sid_timeout; (*ss->sec.cache)(sid); the cache api was defined such that the caller must set creationtime properly, and may set expirationtime to the desired
value or to zero.
... since all the callers of the socket's cache function always initialized both their creationtime and expirationtime using the client's session lifetime variables, i changed the server's caching function to ignore the expirationtime computed by the caller, and compute its own expiration time, using the cache's own timeout
values, or that was the intent.
... but an implementation flaw caused the caching code to continue to use the client's timeout time
values, not the server cache's own timeout
values.
NSS functions
3.2.1 and later cert_createsubjectcertlist mxr 3.4 and later cert_createvalidity mxr 3.5 and later cert_crlcacherefreshissuer mxr 3.7 and later cert_decodealtnameextension mxr 3.10 and later cert_decodeauthinfoaccessextension mxr 3.10 and later cert_decodeauthkeyid mxr 3.10 and later cert_decodeava
value mxr 3.4 and later cert_decodebasicconstraint
value mxr 3.2 and later cert_decodecertfrompackage mxr 3.4 and later cert_decodecertificatepoliciesextension mxr 3.2 and later cert_decodecertpackage mxr 3.2 and later cert_decodecrldistributionpoints mxr 3.10 and later cert_decodedercrl mxr 3.2 and later ...
... mxr 3.5 and later cert_dupcertificate mxr 3.2 and later cert_dupcertlist mxr 3.2 and later cert_enableocspchecking mxr 3.2 and later cert_encodealtnameextension mxr 3.7 and later cert_encodeandaddbitstrextension mxr 3.5 and later cert_encodeauthkeyid mxr 3.5 and later cert_encodebasicconstraint
value mxr 3.5 and later cert_encodecertpoliciesextension mxr 3.12 and later cert_encodecrldistributionpoints mxr 3.5 and later cert_encodegeneralname mxr 3.4 and later cert_encodeinfoaccessextension mxr 3.12 and later cert_encodeinhibitanyextension mxr 3.12 and later cert_encodenoticereference mxr 3.12 and l...
...xr 3.2 and later pk11_savecontextalloc mxr 3.6 and later pk11_setfortezzahack mxr 3.2 and later pk11_setpasswordfunc mxr 3.2 and later pk11_setprivatekeynickname mxr 3.4 and later pk11_setpublickeynickname mxr 3.4 and later pk11_setslotpw
values mxr 3.2 and later pk11_setsymkeynickname mxr 3.4 and later pk11_setsymkeyuserdata mxr 3.11 and later pk11_setwrapkey mxr 3.2 and later pk11_sign mxr 3.2 and later pk11_signaturelen mxr 3.2 and later pk11_symkeyfromhandle mxr...
...gneddata_getdigestalgs mxr 3.2 and later nss_cmssigneddata_getsignerinfo mxr 3.2 and later nss_cmssigneddata_hasdigests mxr 3.2 and later nss_cmssigneddata_importcerts mxr 3.2 and later nss_cmssigneddata_setdigests mxr 3.2 and later nss_cmssigneddata_setdigest
value mxr 3.4 and later nss_cmssigneddata_signerinfocount mxr 3.2 and later nss_cmssigneddata_verifycertsonly mxr 3.2 and later nss_cmssigneddata_verifysignerinfo mxr 3.2 and later nss_cmssignerinfo_addmssmimeenckeyprefs mxr 3.6 and later nss_cmssignerinfo_addsmime...
ssltyp.html
secstatus the return
value for many ssl functions.
...in this case the
value returned by pr_geterror is meaningless.
... returns the function returns one of these
values: if successful, secsuccess.
... returns the function returns one of these
values: if successful, secsuccess.
Scripting Java
for example, we can access the
value of the java package: js> packages.java [javapackage java] as a handy shortcut, rhino defines a top-level variable java that is equivalent to packages.java.
...using the javascript for..in construct, we can print out all these
values: js> for (i in f) { print(i) } exists parentfile mkdir tostring wait [44 others] note that not only the methods of the file class are listed, but also the methods inherited from the base class java.lang.object (like wait).
...if you remember from chapter 3, it is possible to define a javascript object with the {propertyname:
value} notation.
...for example, to create an array of bytes, we must use the special field java.lang.byte.type: js> a = java.lang.reflect.array.newinstance(java.lang.character.type, 2); [c@7a84e4 the resulting
value can then be used anywhere a java array of that type is allowed.
Bytecodes
a frame on the stack has space for javascript
values (the tagged
value format) in a few different categories.
... the space for a single javascript
value is called a "slot", so the categories are: argument slots: holds the actual arguments passed to the current frame.
... there are also some slots reserved for dedicated functionality, holding
values like this and the callee / return
value.
... there is always a "top of stack" (tos) that corresponds to the latest
value pushed onto the expression stack.
Functions
if the function does not assign to any closed-on vars/args, and it only reads closed-on local variables and arguments that never change
value after the function is created, then the function can be implemented as a flat closure.
... when a flat closure is created, all the closed-on
values are copied from the stack into reserved slots of the function object.
... to evaluate a name, instead of walking the scope chain, we just take the
value from the reserved slot.
... in some cases, the jit can optimize a jsop_name instruction that refers to a variable in an enclosing scope to pull the
value directly out of the call object's dslots.
Garbage collection
the class heap
value does the same thing for
value.
...in other words, it is an updatable pointer to a gc thing (it is essentially a cell** that the gc knows about.) root a starting point to the gc graph traversal, a root is known to be alive for some external reason (one other than being reachable by some other part of the gc heap.) weak pointer in common cs terminology, a weak pointer is one that doesn't keep the pointed-to
value live for gc purposes.
... typically, a weak pointer
value has a get() method that returns a null pointer if the object has been gc'd.
...thus, there is no get() method and no protection against the pointed-to
value getting gc'd--the programmer must ensure that the lifetime of the pointed-to object contains the lifetime of the weak pointer.
Introduction to the JavaScript shell
gcparam(name[,
value]) added in spidermonkey 1.8 read or configure garbage collector parameters.
... if
value is not specified, gcparam() returns the current
value associated with gc parameter named name.
... if
value is specified, it must be convertable to a positive uint32; gcparam() sets gc parameter name to
value.
... line2pc([function, ] line) returns the program counter
value corresponding to the specified line of code.
BOOLEAN_TO_JSVAL
cast a c integer to a boolean js::
value without any type checking or error handling.
... please use js::boolean
value/js::true
value/js::false
value instead in spidermonkey 45 or later.
... syntax jsval boolean_to_jsval(bool b); name type description b bool c integer
value to be converted to a boolean jsval.
... see also mxr id search for boolean_to_jsval js::boolean
value bug 1177892 -- removed ...
INT_TO_JSVAL
converts a specified integer
value to a js integer
value.
... please use js::int32
value instead in spidermonkey 45 or later.
...to convert any number to a jsval, regardless of whether it fits in an int jsval, use js_newnumber
value instead.
... see also mxr id search for int_to_jsval js::toint32 js::int32
value bug 1177892 -- removed ...
JS::Handle
this is most useful as a parameter type, which guarantees that the t
value is properly rooted.
...functions which take gc things or
values as arguments and need to root those arguments should generally use handles for those arguments and avoid any explicit rooting.
...second, if the caller does not pass a rooted
value a compile error will be generated, which is quicker and easier to fix than when relying on a separate rooting analysis.
... there are typedefs available for the main types: namespace js { typedef handle<jsfunction*> handlefunction; typedef handle<jsid> handleid; typedef handle<jsobject*> handleobject; typedef handle<jsscript*> handlescript; typedef handle<jsstring*> handlestring; typedef handle<js::symbol*> handlesymbol; // added in spidermonkey 38 typedef handle<
value> handle
value; } see also mxr id search for js::handle mxr id search for js::handlefunction mxr id search for js::handleid mxr id search for js::handleobject mxr id search for js::handlescript mxr id search for js::handlestring mxr id search for js::handlesymbol mxr id search for js::handle
value js::rooted js::mutablehandle gc rooting guide bug 714647 bug 761391 - added js::...
JS::Remove*Root
syntax void remove
valueroot(jscontext *cx, js::heap<js::
value> *vp); void removestringroot(jscontext *cx, js::heap<jsstring *> *rp); void removeobjectroot(jscontext *cx, js::heap<jsobject *> *rp); void removescriptroot(jscontext *cx, js::heap<jsscript *> *rp); void remove
valuerootrt(jsruntime *rt, js::heap<js::
value> *vp); void removestringrootrt(jsruntime *rt, js::heap<jsstring *> *rp); void removeobjectrootrt(js...
... vp js::heap<js::
value> address of the js::
value variable to remove from the root set.
... this must have been passed to one of js::add
valueroot, js::addnamed
valueroot or js::addnamed
valuerootrt.
... see also mxr id search for js::remove
valueroot mxr id search for js::removestringroot mxr id search for js::removeobjectroot mxr id search for js::removescriptroot mxr id search for js::remove
valuerootrt mxr id search for js::removestringrootrt mxr id search for js::removeobjectrootrt mxr id search for js::removescriptrootrt bug 912581 bug 1107639 ...
JS::ToBoolean
this article covers features introduced in spidermonkey 17 convert any javascript
value to a boolean.
... syntax bool js::toboolean(js::handle
value v) name type description v js::handle
value the
value to convert.
... description js::toboolean converts a javascript
value to a boolean.
... it implements the toboolean operation described in ecma 262 §7.1.2.this function can not fail and the return
value is always the boolean conversion of the argument.
JSNewEnumerateOp
syntax typedef bool (* jsnewenumerateop)(jscontext *cx, js::handleobject obj, js::autoidvector &properties); // added in spidermonkeysidebar 38 typedef bool (* jsnewenumerateop)(jscontext *cx, js::handleobject obj, jsiterateop enum_op, js::mutablehandle
value statep, js::mutablehandleid idp); // obsolete since jsapi 37 name type description cx jscontext * the context in which the enumeration is taking place.
...the properties each op adds to the properties vector are added to the set of
values the for-in loop will iterate over.
...(spidermonkey, noting the jsclass_new_enumerate flag, will cast that function pointer back to type jsnewenumerateop before calling it.) the behavior depends on the
value of enum_op: jsenumerate_init a new, opaque iterator state should be allocated and stored in *statep.
... the return
value is used to indicate success, with a
value of false indicating failure.
JSType
the
values of the jstype enumeration represent the types of javascript
values.
...
value description jstype_void the undefined
value.
... jstype_boolean boolean
values, true and false.
... jstype_null the null
value.
JSVersion
the
values of the jsversion enumerated type stand for particular versions of the javascript run-time.
... the functions js_getversion, js_setversion, js_stringtoversion, and js_versiontostring use these
values.
... description the jsversion enumerated type includes the following
values.
... enumeration
value meaning name jsversion_1_0obsolete since jsapi 24 100 javascript 1.0 "1.0" jsversion_1_1obsolete since jsapi 24 110 javascript 1.1 "1.1" jsversion_1_2obsolete since jsapi 24 120 javascript 1.2 "1.2" jsversion_1_3obsolete since jsapi 24 130 javascript 1.3 "1.3" jsversion_1_4obsolete since jsapi 24 140 javascript 1.4 "1.4" jsversion_ecma_3 148 ecma 262 edition 3 "ecmav3" jsversion_1_5obsolete since jsapi 24 150 javascript 1.5 "1.5" jsversion_1_6 160 javascript 1.6 "1.6" jsversion_1_7 170 javascript 1.7 "1.7" ...
JS_Add*Root
syntax jsbool js_add
valueroot(jscontext *cx, jsval *vp); jsbool js_addstringroot(jscontext *cx, jsstring **spp); jsbool js_addobjectroot(jscontext *cx, jsobject **opp); jsbool js_addgcthingroot(jscontext *cx, void **rp); jsbool js_addnamed
valueroot(jscontext *cx, jsval *vp, const char *name); jsbool js_addnamedstringroot(jscontext *cx, jsstring **spp, const char *name); jsbool js_addnamedobjectroot(jscontext *cx, jsobjec...
... vp jsval * (in js_add
valueroot and js_addnamed
valueroot) the address of the jsval variable to root spp jsstring ** (in js_addstringroot and js_addnamedstringroot) the address of the jsstring* variable to root opp jsobject ** (in js_addobjectroot and js_addnamedobjectroot) the address of the jsobject* variable to root rp void ** (in js_addgcthingroot and js_addnamedgcthingroot) the address of the jsstring* or jsobject* (not jsval) va...
...if js_add*root succeeds, then as long as this variable points to a javascript
value or pointer to gc-thing, that
value/gc-thing is protected from garbage collection.
... see also mxr id search for js_add
valueroot mxr id search for js_addstringroot mxr id search for js_addobjectroot mxr id search for js_addnamed
valueroot mxr id search for js_addnamedstringroot mxr id search for js_addnamedobjectroot bug 912581 ...
JS_CompareStrings
see description for
value of *result.
...on error, it returns js_false and the
value in result is unchanged.
...as the standard says: the comparison of strings uses a simple lexicographic ordering on sequences of code point
value values.
...see also mxr id search for js_comparestrings js_convert
value js_getstringchars js_getstringlength js_
valuetostring ...
JS_EncodeCharacters
src const jschar * the pointer to 16-bit
values of jsstring.
... srclen size_t the length of the source string, in 16-bit
values.
... description js_encodecharacters copies the characters of a jschar array into a char array, converting the 16-bit
values to 8-bit
values.
... this happens if the destination is too small for the resulting string or if the source buffer isn't proper utf-16 because it contains unpaired surrogate
values.
JS_ExecuteScriptVersion
the this
value is obj.
...on success, *rval receives the
value from the last executed expression statement processed in the script.
... if the script executes successfully, *rval receives the
value from the last executed expression statement processed in the script, and js_executescript returns true.
... otherwise it returns false, and the
value left in *rval is unspecified.
JS_ForgetLocalRoot
remove a
value from the innermost current local root scope.
... thing void * pointer to the
value to be unrooted.
...in case a native hook allocates many objects or other gc-things, but the native protects some of those gc-things by storing them as property
values in an object that is itself protected, the hook can call js_forgetlocalroot to free the local root automatically pushed for the now-protected gc-thing.
... (here the term gc-thing refers to any
value that is subject to garbage collection: a jsobject, jsstring, jsfunction, or jsdouble.) js_forgetlocalroot works on any gc-thing allocated in the current local root scope, but it's more time-efficient when called on references to more recently created gc-things.
JS_GetGCParameter
syntax uint32_t js_getgcparameter(jsruntime *rt, jsgcparamkey key); void js_setgcparameter(jsruntime *rt, jsgcparamkey key, uint32_t
value); uint32_t js_getgcparameterforthread(jscontext *cx, jsgcparamkey key); // added in spidermonkeysidebar 17 void js_setgcparameterforthread(jscontext *cx, jsgcparamkey key, uint32_t
value); // added in spidermonkeysidebar 17 name type description rt jsruntime * the runtime to configure.
...
value uint32_t (js_setgcparameter only) the
value to assign to the parameter.
...k_count, jsgc_compaction_enabled, jsgc_allocation_threshold_factor, jsgc_allocation_threshold_factor_avoid_interrupt, jsgc_nursery_free_threshold_for_idle_collection, jsgc_pretenure_threshold, jsgc_pretenure_group_threshold, jsgc_nursery_free_threshold_for_idle_collection_percent, jsgc_min_nursery_bytes, jsgc_min_last_ditch_gc_period, } jsgcparamkey;
value (c++/js shell) description jsgc_max_bytes / "maxbytes" maximum nominal heap before last ditch gc.
... jsgc_nursery_free_threshold_for_idle_collection_percent / "nurseryfreethresholdforidlecollectionpercent" collect the nursery in idle time if it has less than this percentage of capacity free (
value from 0 - 99).
JS_GetPropertyAttributes
if an error occurs, the
value left in *foundp is unspecified.
... if an error occurs, the return
value is js_false, and the
values left in *attrsp and *foundp are unspecified.
...the
value left in *attrsp is unspecified.
... the return
value is js_true (to indicate that no error occurred).
JS_HasInstance
syntax bool js_hasinstance(jscontext *cx, js::handle<jsobject*> obj, js::handle<js::
value> v, bool *bp); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... v js::handle<js::
value> the
value to test.
... description js_hasinstance determines if a specified js
value, v, is an instance of js object, obj.
...on error or exception, it returns false, and the
value left in *bp is undefined.
JS_InternString
get an interned string - a jsstring that is protected from gc and automatically shared with other code that needs a jsstring with the same
value.
... description js_internstring and js_internstringn return an interned javascript string with a specified
value, s.
...if an interned string already exists with the desired
value, these functions return the existing string.
...see also mxr id search for js_internstring mxr id search for js_internstringn mxr id search for js_internucstring mxr id search for js_internucstringn js_getemptystring
value js_newstringcopyn js_newstringcopyz js_newucstring js_newucstringcopyn js_newucstringcopyz js_
valuetostring ...
JS_LooselyEqual
this article covers features introduced in spidermonkey 1.8.1 determine whether two javascript
values are equal in the sense of the == operator.
... syntax bool js_looselyequal(jscontext *cx, js::handle<js::
value> v1, js::handle<js::
value> v2, bool *equal); name type description cx jscontext * the context in which to perform the conversion.
... v1, v2 js::handle<js::
value> the
value to compare.
... see also mxr id search for js_looselyequal js_strictlyequal js_same
value ...
JS_NewDouble
use js_newnumber
value instead.
...to convert a jsdouble to a jsval, use js_newnumber
value instead.
... warning: the argument d must not be a
value that could fit in an integer jsval.
...see also js_number
value bug 549143 ...
JS_ParseJSON
this article covers features introduced in spidermonkey 1.8.6 parse a string using the json syntax described in ecmascript 5 and return the corresponding
value.
... index jsint (in js_parsejsonwithreviver only) a reviver function to apply to the created
value after parsing; see json.parse.
...*vp receives the
value after parsing (and optionally, processing by the reviver).
... if an error occurs, the
value left in *vp is undefined.
JS_SetPropertyAttributes
attrs unsigned int attribute
values to set.
... attrs is an unsigned integer containing the attribute
value to set.
... it is the bitwise or of zero or more of the following
values: flag purpose jsprop_enumerate property is visible in for and in loops.
... if js_setpropertyattributes cannot locate an object with the specified property, it returns js_false, and the
value left in *foundp is undefined.
JS_StrictlyEqual
this article covers features introduced in spidermonkey 1.8.1 determine whether two javascript
values are equal in the sense of the === operator.
... syntax // added in spidermonkey 45 bool js_strictlyequal(jscontext *cx, js::handle<js::
value> v1, js::handle<js::
value> v2, bool *equal); // obsolete since jsapi 39 bool js_strictlyequal(jscontext *cx, jsval v1, jsval v2, bool *equal); name type description cx jscontext * the context in which to perform the conversion.
... v1, v2 js::handle<js::
value> / jsval the
value to compare.
... see also mxr id search for js_strictlyequal js_looselyequal js_same
value bug 1132045 -- use handle ...
jsid
a few jsapi functions use jsids instead of js::
values for property names: js_nextproperty, js_enumerate, and all functions with names ending in byid.
... also, there is an additional jsid
value, jsid_void, which does not occur in js scripts but may be used to indicate the absence of a valid jsid.
... a void jsid is not a valid id and only arises as an exceptional api return
value, such as in js_nextproperty.
... a jsid is not implicitly convertible to or from a jsval; js_
valuetoid or js_idto
value must be used instead.
Web Replay
mainly, pointer
values may differ between recording and replay, and the points where gcs occur, and the set of objects collected, may differ.
... this non-determinism is prevented from spreading too far with the following techniques: different pointer
values can affect the internal layout of hash tables.
... similarly, gc behavior can cause
values read from weak pointers to differ between recording and replay.
... when the process resumes forward or backward these side effects will be lost (the process reverts to its original state) and while paused at a breakpoint these effects can cause some strange behavior — after the above eval, getting the x.f property directly could produce a different
value from eval("x.f").
XUL Accessibility
aggregating the text from element subtree if the child node is hidden then it's ignored excepting the case when the element used as label is hidden itself if the child node is text node then its rendered
value is appended if the child node is element then if it implements nsidomxullabeledcontrolelement then the
value of label property is appended otherwise if it's a label element then then
value attribute is appended otherwise append tooltiptext attribute append the accessible
value searching specific element in neighbour of the element search inside the element subtree go up through parents (m...
...aria-labelledby="descr1 descr2" /> if the element implements nsidomxullabeledcontrolelement or nsidomxulselectcontrolitemelement interface then it is used label property if the element doesn't implement nsidomxulselectcontrolelement then label attribute is used if neighbour of the element has label element pointing to this element by the control attribute, if the label element is found then use
value attribute or its content.
... <label
value="it's label for control" control="control" /> <hbox role="grouping" id="control" /> get tooltiptext attribute if the element is anonymous child of the element that is the direct child of toolbaritem element or the element is direct child of toolbaritem element then title attribute of toolbaritem element is used (currently it's used in firefox ui only) if the element has aria role and the role allows to aggregate name from subtree of element then generate name from subtree of the element description the following rules to generate accessible description are applied: check aria-describedby attribute, description is generated from elements pointed by aria-describedby attribute <description id="descr1">label1</description> <description id="descr2">label2</description> <textbox...
... <description
value="it's label for control" control="control" /> <hbox role="grouping" id="control" /> get tooltiptext attribute
value if the aria role is used and it allows to have accessible
value then aria-
valuetext or aria-
valuenow are used if the element is xlink then
value is generated from link location actions if the element is xlink then jump action is exposed if the element has registered click event handler then click action is exposed xul elements notification used to display an informative message.
XPCOM array guide
for example, to remove three objects, starting at the third object in the array (that is, the object with index
value 2): myarray.removeobjectsat(2, 3); nstarray<t> nstarray<t> is a typesafe array for holding various objects.
...this method is bounds-safe; that is, if you attempt to access an element outside the range of the array, a specified "safe"
value is returned.
... for example: var
value = myarray.safeelementat(idx, default
value); if (
value == default
value) { /* the index idx was out of bounds, or the
value at that index was the default
value */ } note: as of gecko 8.0, if the element type is a pointer type, you can use the safeelementat() method without providing a default
value.
... note: as of gecko 10.0, if the element type is a smart pointer type, you can use the safeelementat() method without providing a default
value.
An Overview of XPCOM
in xpcom, all interface methods should return an nsresult error
value (see the xpcom api reference for a listing of these error codes).
...if there isn't a match, the class returns an error and sets the out
value to null.
...this simple macro declares a constant with the
value of the cid: static ns_define_cid(kwebshellcid, ns_web_shell_cid); a cid is sometimes also referred to as a class identifier.
... nsnull default null
value.
Creating the Component Code
since xpcom already knows internally what kind of file it has just loaded and called registerself on, passing this
value to the registration methods is a shortcut for determining what kind of component is being registered.
...in many cases this
value is passed in or easily accessible.
... the first parameter of the call to createinstance specifies the component the client code is looking for, which is the same
value passed to registerfactorylocation.
... return the nsresult
value from queryinterface.
Components.utils.Sandbox
sandboxname a string
value which identifies the sandbox in about:memory (and possibly other places in the future).
...a recommended
value for this property is an absolute path to the script responsible for creating the sandbox.
... wantxrays a boolean
value indicating whether the sandbox wants xray vision with respect to same-origin objects outside the sandbox.
...this technique isn't limited to functions - it can be used to import objects or
values.
Components.utils.cloneInto
options : object this optional parameter is an object with the following optional properties: clonefunctions: a boolean
value that determines if functions should be cloned.
... if omitted the default
value is false.
... wrapreflectors: a boolean
value that determines if objects reflected from c++, such as dom objects, should be cloned.
... if omitted the default
value is false.
nsACString
assign the assign family of functions sets the
value of a string's internal buffer.
... replace the replace family of functions sets the
value of a string's internal buffer.
... append the append family of functions appends a
value to the end of a string's internal buffer.
... insert the insert family of functions inserts a
value into a string's internal buffer.
operator+=
return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
operator=
return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
operator=
return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
IAccessibleApplication
return
value s_false if there is nothing to return, [out]
value is null.
... return
value s_false if there is nothing to return, [out]
value is null.
... return
value s_false if there is nothing to return, [out]
value is null.
... return
value s_false if there is nothing to return, [out]
value is null.
IAccessibleHypertext
return
value e_invalidarg if bad [in] passed, [out]
value is null.
... return
value e_invalidarg if bad [in] passed, [out]
value is null.
... s_false if there is nothing to return, [out]
value is -1.
... return
value s_ok.
imgILoader
roup, in imgidecoderobserver aobserver, in nsisupports acx, in nsloadflags aloadflags, in nsisupports cachekey, in imgirequest arequest, in nsichannelpolicy channelpolicy); imgirequest loadimagewithchannel(in nsichannel achannel, in imgidecoderobserver aobserver, in nsisupports cx, out nsistreamlistener alistener); boolean supportimagewithmimetype(in string mimetype); constants constant
value description load_cors_anonymous 1 << 16 load_cors_use_credentials 1 << 17 methods loadimage() start the load and decode of an image.
...channelpolicy return
value loadimagewithchannel() start the load and decode of an image.
... return
value supportimagewithmimetype() checks if a decoder for the an image with the given mime type is available.
... return
value true if a decoder is available, false otherwise.
nsIAccessibleProvider
obsolete since gecko 1.9 accessibletype long
value representing the type of accessible object.
... constants common use constants constant
value description noaccessible 0 do not create an accessible for this object this is useful if an ancestor binding already implements nsiaccessibleprovider, but no accessible is desired for the inheriting binding.
... xul controls constants constant
value description xulalert 0x00001001 xulbutton 0x00001002 xulcheckbox 0x00001003 xulcolorpicker 0x00001004 xulcolorpickertile 0x00001005 xulcombobox 0x00001006 xuldropmarker 0x00001007 xulgroupbox 0x00001008 xulimage 0x00001009 xullink 0x0000100a xullistbox 0x0000100b xullistcell 0x00001026 xullisthead 0x00001024 xullistheader 0x00001025 xullistitem 0x0000100c xulmenubar 0x0000100d xulmenuitem 0x0000100e xulmenupopup 0x0000100f xulmenuseparator 0x00001010 xulpane 0x00001011 xulprogressmeter 0x00001012 xulscale 0x00001013 xulstatusb...
... xultext 0x0000101a xultextbox 0x0000101b xulthumb 0x0000101c xultree 0x0000101d xultreecolumns 0x0000101e xultreecolumnitem 0x0000101f xultoolbar 0x00001020 xultoolbarseparator 0x00001021 xultooltip 0x00001022 xultoolbarbutton 0x00001023 xforms elements constants constant
value description xformscontainer 0x00002000 used for xforms elements that provide accessible object for itself as well for anonymous content.
nsIAccessibleRole
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) constants constant
value description role_nothing 0 used when accessible has no strong defined role.
... role_dial 49 represents a dial or knob whose purpose is to allow a user to set a
value.
... role_slider 51 represents a slider, which allows the user to adjust a setting in given increments between minimum and maximum
values.
... role_spinbutton 52 represents a spin box, which is a control that allows the user to increment or decrement the
value displayed in a separate "buddy" control associated with the spin box.
nsIAnnotationObserver
onitemannotationset() this method is called when an annotation
value is set for an item.
... it could be a new annotation, or it could be a new
value for an existing annotation.
... onpageannotationset() this method is called when an annotation
value is set for a uri.
... it could be a new annotation, or it could be a new
value for an existing annotation.
nsIApplicationCacheService
return
value the nsiapplicationcache best able to serve the resource indicated by the key parameter.
... return
value the newly-created nsiapplicationcache.
... return
value the currently active cache object for the cache group.
... return
value the application cache object for the specified client id.
nsIAutoCompleteInput
text
value astring the
value of the text in the autocomplete text field.
... return
value the name of the specified object.
...return
value return true to prevent handling the selection.
...return
value return true to prevent the reversion.
nsIBinaryOutputStream
xpcom/io/nsibinaryoutputstream.idlscriptable this interface allows writing of primitive data types (integers, floating-point
values, booleans, and so on.) to a stream in a binary, untagged, fixed-endianness format.
... writeboolean() writes a boolean
value (as a byte) to the stream.
... void writeboolean( in prbool aboolean ); parameters aboolean the boolean
value to write to the stream; the
value will consist of one byte in the output stream.
...void writefloat( in float afloat ); parameters afloat the floating point
value to write to the stream.
nsIBlocklistService
te(in jsval addon, [optional] in astring appversion, [optional] in astring toolkitversion); unsigned long getpluginblockliststate(in nsiplugintag plugin, [optional] in astring appversion, [optional] in astring toolkitversion); boolean isaddonblocklisted(in jsval addon, [optional] in astring appversion, [optional] in astring toolkitversion); constants constant
value description state_not_blocked 0 state_softblocked 1 state_blocked 2 state_outdated 3 methods getaddonblockliststate() determine the blocklist state of an add-on.
... return
value the blocklist state of the add-on, one of the constants.
... return
value the blocklist state of the plugin, one of the constants.
... return
value true if the item is blocklisted, otherwise false.
nsICacheMetaDataVisitor
inherits from: nsisupports last changed in gecko 1.7 method overview boolean visitmetadataelement(in string key, in string
value); methods visitmetadataelement() this method is called for each key/
value pair in the meta data for a cache entry.
... boolean visitmetadataelement( in string key, in string
value ); parameters key the key for visiting the meta data for a cache entry.
...
value the
value for visiting the meta data for a cache entry.
... return
value returns true if the provided key/
value finds a cache entry, otherwise returns false.
nsIClipboard
constant
value description kselectionclipboard 0 clipboard for selection.
... return
value returns true, if data is present and it matches the specified flavor.
... return
value returns true if kselectionclipboard is available.
... return
value returns true if the separate clipboard for find search strings is supported.
nsIContentView
when this view is active (that is it is being painted because it's in the visible region of the screen), this
value is at first lined up with the content's scroll offset.
... note: when this view becomes inactive, the new content view will have scroll
values that are reset to the default.
... void scrollby( in float dxpx, in float dypx ); parameters dxpx the number of css pixels to scroll on the x axis; specify a positive
value to scroll to the right or a negative
value to scroll to the left.
... dypx the number of css pixels to scroll on the y axis; specify a positive
value to scroll down or a negative
value to scroll up.
nsICookiePromptService
last changed in gecko 1.9 (firefox 3) inherits from: nsisupports method overview long cookiedialog(in nsidomwindow parent, in nsicookie cookie, in acstring hostname, in long cookiesfromhost, in boolean changingcookie, out boolean rememberdecision); constants constant
value description deny_cookie 0 holds the
value for a denying the cookie.
... accept_cookie 1 holds the
value for accepting the cookie.
... accept_session_cookie 2 holds the
value for accepting the session cookie.
... return
value returns 0 for denying a cookie, 1 for accepting a cookie, and 2 for accepting cookie for the current session only.
nsIDOMHTMLSourceElement
the
value must be a valid url.
...note that dynamically manipulating this
value after the page has loaded has no effect on the containing element; instead, change the src attribute of that element (audio or video) instead.
...if specified, its
value must be a valid mime type.
...its
value must be a valid media query.
nsIDOMOfflineResourceList
constants application cache state constants constant
value description uncached 0 the object isn't associated with an application cache.
... mozhasitem returns a boolean
value indicating whether or not the specified uri represents a resource that's in the application cache's list.
... return
value true if the resource is in the list, otherwise false.
... return
value an domstring containing the uri of the specified resource.
nsIDeviceMotionData
attributes attribute type description type unsigned long the type of motion data reported by this object; see motion type constants for possible
values.
... the
values of x, y, and z can range from -1 to 1, where 0 means the device is balanced on that axis.
... see accelerometer
values explained for details.
... constants motion type constants constant
value description type_acceleration 0 the motion data describes device acceleration.
nsIEditor
roduced gecko 1.0 inherits from: nsisupports last changed in gecko 18.0 (firefox 18.0 / thunderbird 18.0 / seamonkey 2.15) method overview [noscript] void init(in nsidomdocument doc, in nsicontent aroot, in nsiselectioncontroller aselcon, in unsigned long aflags); void setattributeorequivalent(in nsidomelement element, in astring sourceattrname, in astring sourceattr
value, in boolean asuppresstransaction); void removeattributeorequivalent(in nsidomelement element, in domstring sourceattrname, in boolean asuppresstransaction); void postcreate(); void predestroy(in boolean adestroyingframes); selected content removal void deleteselection(in short action, in short stripwrappers); document info and file methods ...
...ods void selectall(); void beginningofdocument(); void endofdocument(); drag/drop methods boolean candrag(in nsidomevent aevent); void dodrag(in nsidomevent aevent); void insertfromdrop(in nsidomevent aevent); node manipulation methods void setattribute(in nsidomelement aelement, in astring attributestr,in astring att
value); boolean getattribute
value(in nsidomelement aelement, in astring attributestr, out astring result
value); void removeattribute(in nsidomelement aelement, in astring aattribute); void cloneattribute(in astring aattribute, in nsidomnode asourcenode); void cloneattributes(in nsidomnode destnode, in nsidomnode sourcenode); nsidomnode createnode(in astring ...
...umentstatelistener listener); void removedocumentstatelistener(in nsidocumentstatelistener listener); debug methods void dumpcontenttree(); void debugdumpcontent() ; void debugunittests(out long outnumtests, out long outnumtestsfailed); [notxpcom] boolean ismodifiablenode(in nsidomnode anode); constants load flags constant
value description enone 0 enext 1 eprevious 2 enextword 3 epreviousword 4 etobeginningofline 5 etoendofline 6 attributes attribute type description contentsmimetype string the mime type of the document.
...need to document what the possible
values are.
nsIHttpHeaderVisitor
inherits from: nsisupports last changed in gecko 1.7 method overview void visitheader(in acstring aheader, in acstring a
value); methods visitheader() called by the nsihttpchannel implementation when visiting request and response headers.
... void visitheader( in acstring aheader, in acstring a
value ); parameters aheader a string containing the key for a header such as "content-type" a
value the header's
value field such as "text/html".
... multiple
values are separated by a comma.
... mynsihttpheadervisitor = function ( ) { this._isflash = false; }; mynsihttpheadervisitor.prototype.visitheader = function ( aheader, a
value ) { if ( aheader.indexof( "content-type" ) !== -1 ) { if ( a
value.indexof( "application/x-shockwave-flash" ) !== -1 ) { this._isflash = true; } } }; mynsihttpheadervisitor.prototype.isflash = function ( ) { return this._isflash; }; myhttprequestobserver = function ( ) { this.register( ); this.aborted = components.results.ns...
nsIInputStream
return
value number of bytes currently available in the stream, or pr_uint32_max if the size of the stream exceeds pr_uint32_max.
... return
value true if stream is non-blocking.
... return
value this method returns the number of bytes copied from the stream (may be less than acount).
... return
value the number of bytes read from the stream (may be less than acount).
nsIMessageListener
when the listener is called, 'this'
value is the target of the message.
... if the message is synchronous, the possible return
value is returned as json (will be changed to use structured clones).
... when there are multiple listeners to synchronous messages, each listener's return
value is sent back as an element in an array.
... undefined return
values show up as undefined
values in the array.
nsIMsgFilterCustomAction
* * @param type the filter type * @param scope the search scope * * @return true if valid */ boolean isvalidfortype(in nsmsgfiltertypetype type, in nsmsgsearchscope
value scope); /** * after the user inputs a particular action
value for the action, determine * if that
value is valid.
... * * @param action
value the
value entered.
... * @param actionfolder folder in the filter list * @param filtertype filter type (manual, offlinemail, etc.) * * @return errormessage a localized message to display if invalid * set to null if the action
value is valid */ autf8string validateaction
value(in autf8string action
value, in nsimsgfolder actionfolder, in nsmsgfiltertypetype filtertype); /* allow duplicate actions in the same filter list?
... */ /** * apply the custom action to an array of messages * * @param msghdrs array of nsimsgdbhdr objects of messages * @param action
value user-set
value to use in the action * @param copylistener calling method (filtertype manual only) * @param filtertype type of filter being applied * @param msgwindow message window */ void apply(in nsiarray msghdrs /* nsimsgdbhdr array */, in autf8string action
value, in nsimsgcopyservicelistener copylistener, in nsmsgfiltertypetype ...
nsIMsgFilterList
st::setfilterat ( in unsigned long filterindex, in nsimsgfilter filter ) removefilter() void nsimsgfilterlist::removefilter (in nsimsgfilter filter) removefilterat() void nsimsgfilterlist::removefilterat (in unsigned long filterindex) movefilterat() void nsimsgfilterlist::movefilterat ( in unsigned long filterindex, in nsmsgfiltermotion
value motion ) insertfilterat() void nsimsgfilterlist::insertfilterat ( in unsigned long filterindex, in nsimsgfilter filter ) movefilter() void nsimsgfilterlist::movefilter ( in nsimsgfilter filter, in nsmsgfiltermotion
value motion ) createfilter() nsimsgfilter nsimsgfilterlist::createfilter ( in astring name ) savetofile() void nsimsgfilterlist::sa...
...simsgdbhdr msghdr, in nsimsgfolder folder, in nsimsgdatabase db, in string headers, in unsigned long headersize, in nsimsgfilterhitnotify listener, in nsimsgwindow msgwindow, in nsilocalfile amessagefile ) writeinattr() void nsimsgfilterlist::writeintattr ( in nsmsgfilterfileattrib
value attrib, in long
value, in nsioutputstream stream ) writestrattr() void nsimsgfilterlist::writestrattr ( in nsmsgfilterfileattrib
value attrib, in string
value, in nsioutputstream stream ) writewstrattr() void nsimsgfilterlist::writewstrattr ( in nsmsgfilterfileattrib
value attrib, in stri...
...ng
value, in nsioutputstream stream ) matchorchangefiltertarget() boolean nsimsgfilterlist::matchorchangefiltertarget ( in acstring olduri, in acstring newuri, in boolean caseinsensitive ) clearlog() void nsimsgfilterlist::clearlog () ensurelogfile() void nsimsgfilterlist::ensurelogfile () flushlogifnecessary () void nsimsgfilterlist::flushlogifnecessary () const const nsmsgfilterfileattrib
value nsimsgfilterlist::attribnone = 0 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribversion = 1 const nsmsgfilterfileattrib
value nsimsgfilterlist::attriblogging = 2 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribname = 3 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribenabled = 4 cons...
...t nsmsgfilterfileattrib
value nsimsgfilterlist::attribdescription = 5 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribtype = 6 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribscriptfile = 7 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribaction = 8 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribaction
value = 9 const nsmsgfilterfileattrib
value nsimsgfilterlist::attribcondition = 10 ...
nsIMsgSearchCustomTerm
* * @return true if enabled */ boolean getenabled(in nsmsgsearchscope
value scope, in nsmsgsearchop
value op); getavailable /** * is this custom term available?
... * * @return true if available */ boolean getavailable(in nsmsgsearchscope
value scope, in nsmsgsearchop
value op); getavailableoperators /** * list the valid operators for this term.
... * * @param scope search scope (nsmsgsearchscope) * @param length object to hold array length * * @return array of operators */ void getavailableoperators(in nsmsgsearchscope
value scope, out unsigned long length, [retval, array, size_is(length)] out nsmsgsearchop
value operators); match /** * apply the custom search term to a message * * @param msghdr header database reference representing the message * @param search
value user-set
value to use in the search * @param searchop search operator (contains, ishigherthan, etc.) * * @return true if the term matches the message, else false */ boolean...
... match(in nsimsgdbhdr msghdr, in autf8string search
value, in nsmsgsearchop
value searchop); ...
nsIMsgSearchTerm
defined in mozilla/ mailnews/ base/ search/ public/ nsimsgsearchterm.idl attributes attrib attribute nsmsgsearchattrib
value attrib; op attribute nsmsgsearchop
value op;
value attribute nsimsgsearch
value value; booleanand attribute boolean booleanand; arbitraryheader attribute acstring arbitraryheader; hdrproperty /** * not to be confused with arbitraryheader, which is a header in the * rfc822 message.
... *
value.str will be compared with nsimsghdr::getproperty(hdrproperty).
...thods matchrfc822string boolean matchrfc822string(in string astring, in string charset, in boolean charsetoverride); matchrfc2047string boolean matchrfc2047string(in string astring, in string charset, in boolean charsetoverride); matchdate boolean matchdate(in prtime atime); matchstatus boolean matchstatus(in unsigned long astatus); matchpriority boolean matchpriority(in nsmsgpriority
value priority); matchage boolean matchage(in prtime days); matchsize boolean matchsize(in unsigned long size); matchlabel boolean matchlabel(in nsmsglabel
value alabel
value); matchjunkstatus boolean matchjunkstatus(in string ajunkscore); matchjunkpercent /* * test search term match for junkpercent * * @param ajunkpercent junkpercent for message (0-100, 100 is junk) * @return ...
...possible
values: * plugin filter imapflag user whitelist * @return true if matches */ boolean matchjunkscoreorigin(in string ajunkscoreorigin); matchbody /** * test if the body of the passed in message matches "this" search term.
nsINavHistoryResultTreeViewer
changing this
value is somewhat heavyweight since it will force a tree refresh.
...obsolete since gecko 1.9 constants constant
value description index_invisible 0xffffffff returned by treeindexfornode() when the requested node isn't visible (such as when its parent is collapsed).
... return
value the node located at the specified index in the tree.
... return
value the row index of the node specified by anode, or index_invisible for nodes that are hidden (by their parents being collapsed, for example) or if there is no attached tree.
nsIObserverService
return
value returns an enumeration of all registered listeners.
...this string-
valued key uniquely identifies the notification.
... somedata a notification specific string
value.
...this string-
valued key uniquely identifies the notification.
nsIOutputStream
return
value true if stream is non-blocking.
... return
value this method returns the number of bytes copied from the buffer (may be less than acount).
... return
value this method returns the number of bytes written to the stream (may be less than acount).
... return
value this method returns the number of bytes written to the stream (may be less than acount).
nsIParentalControlsService
constants constant
value description epclog_urivisit 1 this log entry type represents an access to web content.
...see the constants for allowed
values.
... return
value true if the block was successfully overridden, otherwise false.
... return
value true if the block was successfully overridden, otherwise false.
nsIProtocolHandler
constants constant
value description uri_std 0 a standard full uri with authority component and understanding relative uris; this includes http and ftp, for example.
... return
value return true if the override is approved; otherwise, return false.
... return
value return the newly constructed channel.
... return
value the new uri object suitable for loading using the protocol.
nsIScriptableInputStream
return
value the number of bytes.
...in particular, some bindings may convert the byte
values into unicode code points, by assuming the byte
values are encoded as iso-latin-1.
... return
value the data read as a string, which will be an empty string if the stream is at eof.
... return
value the data from the stream, which will be an empty string if eof has been reached.
nsISeekableStream
inherits from: nsisupports last changed in gecko 1.7 method overview void seek(in long whence, in long long offset); void seteof(); long long tell(); constants constant
value description ns_seek_set 0 specifies that the offset is relative to the start of the stream.
... offset specifies a
value, in bytes, that is used in conjunction with the 'whence' parameter to set the stream offset of the implementing stream.
... a negative
value causes seeking in the reverse direction.
...return
value the current offset, in bytes, from the start of the stream.
nsIStringBundleService
chrome://global/locale/global.properties return
value a string bundle corresponding to the properties file.
... on the return
value object on you can call functions like getstringfromname and formatstringfromname see nsistringbundle.
... return
value an extensible bundle corresponding to the properties file(s).
... return
value the formatted message.
nsIToolkitProfileService
(not the profile currently in use.) not sure what happens if you change this setting but someone said: you can change profiles by setting this attribute's
value.
... return
value an nsitoolkitprofile object representing the newly-created profile.
... return
value an nsitoolkitprofile object describing the specified profile.
... return
value an nsiprofilelock object representing the locked directory.
nsITransactionList
return
value the nsitransactionlist of children associated with the item at aindex.
... return
value missing description getnumchildrenforitem() returns the number of child (auto-aggreated) transactions the item at aindex has.
... return
value the number of child (auto-aggreated) transactions the item at aindex has.
... return
value true if the item at aindex is a batch.
nsIWebNavigationInfo
key 1.0) implemented by: @mozilla.org/webnavigation-info;1 as a service: var webnavigationinfo = components.classes["@mozilla.org/webnavigation-info;1"] .getservice(components.interfaces.nsiwebnavigationinfo); method overview unsigned long istypesupported(in acstring atype, in nsiwebnavigation awebnav); constants support type constants constant
value description unsupported 0 returned by istypesupported() to indicate lack of support for a type.
... note: this is guaranteed not to change, so that boolean tests can be done on the return
value if istypesupported to detect whether a type is supported at all.
...this is not the
value returned for "xpcom plug-ins".
... return
value returns one of the support type constants, indicating whether or not the specified mime type is supported, and in what form that support exists.
nsIWebSocketChannel
copen(in nsiuri auri, in acstring aorigin, in nsiwebsocketlistener alistener, in nsisupports acontext); void close(in unsigned short acode, in autf8string areason); void sendbinarymsg(in acstring amsg); void sendmsg(in autf8string amsg); attributes attribute type description extensions acstring sec-websocket-extensions response header
value.
... protocol acstring sec-websocket-protocol
value.
... status codes the following
values are permitted status codes.
... close() void close( in unsigned short acode, in autf8string areason ); parameters acode the status of the connection when closed; see status codes for possible
values.
nsIWinTaskbar
return
value an nsijumplistbuilder.
... return
value an nsitaskbartabpreview object for the new tab preview.
... return
value an nsitaskbarprogress.
... return
value an nsitaskbarwindowpreview object for the window's preview.
nsIWritablePropertyBag
1.0 66 introduced gecko 1.8 inherits from: nsipropertybag last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void deleteproperty(in astring name); void setproperty(in astring name, in nsivariant
value); methods deleteproperty() delete a property with the given name.
... setproperty() set a property with the given name to the given
value.
...void setproperty( in astring name, in nsivariant
value ); parameters name property to set the
value of.
...
value value to set the property to.
nsIXULTemplateBuilder
the reference point nsixultemplateresult object for the first iteration is determined by calling the query processor's translateref() method using the
value of the root node's ref attribute.
...nsixultemplateresult getresultforid( in astring aid ); parameters aid the id to return the result for return
value the result for the given id.
...nsixultemplateresult getresultforcontent( in nsidomelement aelement ); parameters acontent element to result the result of return
value the result for the specified element.
... return
value returns true if the node has content generated for it; otherwise returns false.
NS_CStringContainerInit2
if this
value is zero, then the array referenced by adata (if any) will be copied.
... flag
values are defined below.
... flag
values the aflags parameter is a bit-wise combination of the following
values: ns_cstring_container_init_depend data passed into ns_cstringcontainerinit2 is not copied.
... return
values the ns_cstringcontainerinit function returns ns_ok if successful.
Setting HTTP request headers
the second parameter is the
value of the http request header.
...in our example code, the http request header that we added is named x-hello and the
value of this http request header is world.
...var headername = "x-hello"; var header
value = "world"; function log(text) { // var consoleservice = components.classes["@mozilla.org/consoleservice;1"].getservice(components.interfaces.nsiconsoleservice); // consoleservice.logstringmessage(text); } function myhttplistener() { } myhttplistener.prototype = { observe: function(subject, topic, data) { if (topic == "http-on-modify-request") { log("--------...
...--------------------> (" + subject + ") mod request"); var httpchannel = subject.queryinterface(components.interfaces.nsihttpchannel); httpchannel.setrequestheader(headername, header
value, false); return; } if (topic == "profile-after-change") { log("----------------------------> profile-after-change"); var os = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); os.addobserver(this, "http-on-modify-request", false); return; } }, queryinterface: function (iid) { if (iid.equals(components.interfaces.nsiobserver) || iid.equals(components.interfaces.nsisupports)) return this; ...
Filelink Providers
providers need only provide an extraargs function in the iframe content which returns an object specifying the name, type, and
value to save.
... the format for the returned object is: { field_name: {type: field_type,
value: field_
value} } where field_type is "int", "bool", or "char".
... for example, the hightail implementation provides the following function: function extraargs() { var username
value = document.getelementbyid("username").
value; return { "username": {type: "char",
value: username
value}, }; } in this example, the username
value is read from the input, and then the specially-crafted object is returned.
... once this is done, the field is accessible from within the implementation via the preferences api using the key mail.cloud_files.accounts.account_key.username where account_key is the
value passed into the implementations init function.
Building a Thunderbird extension 3: install manifest
the first portion is the short name of the extension and must be in lowercase; the last portion is a two-part period-delimited
value such as your first and last name or the top-level domain of your website.
... while this
value is in email address format, it is not an email address.
... it should, however, be a unique
value so that it does not conflict with other extensions.
... <em:creator>jenzed</em:creator>: this optional
value is used to store the extension author's name.
Using the Multiple Accounts API
these keys are listed in the
value of some of these preferences, such as "mail.accountmanager.accounts", and are used to construct the preference names, such as "mail.account.account1.server".
... to create accounts using the api, you should do the following: create a fresh identity with createidentity(); assign
values to the various identity properties as necessary.
... assign
values to the various server properties as necessary.
...eference: mail.server.server.max_cached_connections - integer, max number of connections left open to the server preference: mail.server.server.empty_trash_threshhold integer, (should not be imap-specific) max k of wasted diskspace before we purge a folder preference: mail.server.server.delete_model - integer, delete model (move to trash, imap delete, purge immediately, not sure of
values) preference: mail.server.server.timeout - integer, number of minutes a connection is idle before we drop it preference: mail.server.server.capability - list of capabilities of this server preference: mail.server.server.namespace.public - the server's namespace for public folders preference: mail.server.server.namespace.personal - the server's namespace for personal folders pr...
Declaring types
every type is represented by a ctype object, which, in turn, provides a constructor method you can call to define
values of those types.
... primitive types primitive types are those types that represent a single
value in memory, as opposed to arrays, structures, or functions.
... you can define
values of these types without declaring new types.
... for example, to define a new 32-bit integer variable with the
value 5: var i = ctypes.int32_t(5); you can then pass a pointer to this
value to a c function that requires a pointer to a 32-bit integer, like this: some_c_function(i.address()); declaring new primitive types there are times when you want to create new types that are simply new names for existing primitive types.
Standard OS Libraries
you just need to supply the path to appropriate files and set up the proper types of
values/arguments in the js-ctypes code.
... this article allows you to find out what types to give to
values/arguments by supplying links to the documentation of the os libraries.
...for finding out the
values and types of arguments and returns of the functions you want to use from this api, you must visit the functions page on this linked msdn site; it will give you all that information.
...w ctypes.int(); let rooty = new ctypes.int(); let windowx = new ctypes.int(); let windowy = new ctypes.int(); let mask = new ctypes.unsigned_int(); xquerypointer(display, rootwindow, root.address(), child.address(), rootx.address(), rooty.address(), windowx.address(), windowy.address(), mask.address() ); xclosedisplay(display); components.utils.reporterror(rootx.
value + "," + rooty.
value); x11.close(); resources for x11 extended window manager hints githubgists :: noitidart / search · x11 - x11 js-ctypes snippets that can be copied and pasted to scratchpad xcb all the above methods, gdk, gtk, and x11/xlib are meant to be used on the main thread.
Browser Side Plug-in API - Plugins
npn_get
value allows the plug-in to query the browser for information.
... npn_get
valueforurl provides information to a plug-in which is associated with a given url, for example the cookies or preferred proxy.
... npn_set
value sets windowless plug-in as transparent or opaque.
... npn_set
valueforurl allows a plug-in to change the stored information associated with a url, in particular its cookies.
Initialization and Destruction - Plugins
at this point, a plug-in can call the npn_set
value function to specify whether it is windowed (the default) or windowless.
... the arguments in the embed element are name-
value pairs made up of the attribute name (for example, align) and its
value (for example, top).
... the argn array contains the attribute names; the argv array contains the attribute
values.
...for example, the following embed element has the standard attributes src, height, and width and the private attribute loop: <embed src="movie.avi" height="100" width="100" loop="true"> with the embed element in the example, the browser passes the
values in argv to the plug-in instance: argc = 4 argn = { "src", "height", "width", "loop" } argv = { "movie.avi", "100", "100", "true" } the saved parameter allows an instance of a plug-in to save its data and, when the instance is destroyed, pass the data to the next instance of the plug-in at the same url.
Streams - Plugins
the browser stores private data in stream->ndata; this
value should not be changed by the plug-in.
...it can have one of these
values: npres_done (most common): normal completion; all data was sent to the instance.
... the
value returned by npp_writeready indicates how many bytes the plug-in instance can accept for this stream.
...for the possible
values of named targets, see the reference entry for npn_newstream.
Set a breakpoint - Firefox Developer Tools
at this point you can do useful things like studying the
value of different variables at that point, allowing you to work out why a problem is occurring.
... add log: add a log point, which logs a
value to your console rather than pausing execution as a breakpoint does.
... conditional breakpoints a conditional breakpoint is one where the code will pause execution when it is reached, only if a certain condition is met, such a variable having a certain
value at the time.
...previously you’d have to scroll through the scopes panel to find variable
values, or hover over a variable in the source pane.
UI Tour - Firefox Developer Tools
for example, the logpoint at line 85 logs the
value of the tablerow variable to the console and the conditional breakpoint at line 100 breaks if the contents of the todolist is undefined.
... inline variable preview: enabled by default, this option displays variable
values within the source pane when the debugger is paused.
...they will be evaluated when code execution is paused: variable tooltip hover on a variable show a tooltip with its
value inside: call stack when the debugger's paused, you'll see a call stack: each level of the call stack gets a line, with the name of the function and the filename and line number.
... within the scopes pane, you can create watchpoints that pause the debugger when a
value is read or assigned.
Eyedropper - Firefox Developer Tools
underneath the magnifying glass it shows the color
value for the current pixel using whichever scheme you've selected in settings > inspector > default color unit: you can use it in one of two ways: to select a color from the page and copy it to the clipboard to change a color
value in the inspector's rules view to a color you've selected from the page copying a color to the clipboard open the eyedropper in one of these two ways: select "eyedropper" under the "web developer" menu open the page inspector tab and click the eyedropper button in its toolbar as you move the mous...
...e around the page you'll see the current color
value in the eyedropper change.
... clicking copies the current color
value to the clipboard.
... changing a color
value in the rules view color
values appearing in the inspector's rules view have color samples next to them: clicking the sample shows a color picker popup.
Work with animations - Firefox Developer Tools
filter was given a
value at 250ms and transform at 500ms.
... if you hover over a dot, you'll see the
value assigned to that property at that point in the timeline: this is essentially a visual representation of the animation's keyframes: var iconkeyframeset = [ { transform: 'scale(1)', filter: 'grayscale(100%)' }, { filter: 'grayscale(100%)', offset: 0.333 }, { transform: 'scale(1.5)', offset: 0.666 }, { transform: 'scale(1.5)', filter: 'grayscale(0%)' } ]; application to the example applying all this to our example, we can see that: the animation involved two elements, span#note and img#icon.
... the img#icon animation: animated the filter and transform properties, to scale the icon and color it lasted 750ms, had an enddelay of 100ms used the compositor thread was given an easing
value of ease-in: you can see this by the concave shape of the green bar.
... the span#note animation: animated the width and opacity properties, to make the name gradually appear lasted 500ms, and had a delay of 150ms was given an easing
value of ease-out: you can see this by the convex shape of the green bar.
Responsive Design Mode - Firefox Developer Tools
screen size - you can edit the width and height
values to change the device size by editing a number directly or using the up and down keys to increase or decrease the
value by 1 pixels on each keypress or hold and shift to change the
value by 10.
... the mouse wheel changes the size
values by 1 pixel at a time you can also change the device's screen size by grabbing the bottom-right corner of the viewport and dragging it to the size you want.
...the navigator.useragent property is set to the same
value.
...the set of devices, and the
values associated with each device, are taken from https://github.com/mozilla/simulated-devices.
Cookies - Firefox Developer Tools
value — the
value of the cookie.
...if the cookie is a session cookie, the
value of this column will be "session" size — the size of the cookie name plus
value in bytes.
...that is, the domain
value matches exactly the domain of the current website.
... you can edit cookies by double-clicking inside cells in the table widget and editing the
values they contain, and add new cookies by clicking the "plus" (+) button and then editing the resulting new row to the
value you want.
Storage Inspector - Firefox Developer Tools
the sidebar can parse the
value of the cookie or local storage item or an indexeddb item and convert it into a meaningful object instead of just a string.
... a string containing a key separated
value, like "1~2~3~4" or "1=2=3=4" is shown like an array: [1, 2, 3, 4].
... a string containing key-
value pairs, like "id=1234:foo=bar" is shown as json: {id:1234, foo: "bar"}.
... the shown
values can also be filtered using the search box at the top of the sidebar.
ANGLE_instanced_arrays.drawArraysInstancedANGLE() - Web APIs
possible
values are: gl.points: draws a single dot.
... return
value none.
... exceptions if mode is not one of the accepted
values, a gl.invalid_enum error is thrown.
... if first, count or primcount are negative, a gl.invalid_
value error is thrown.
AddressErrors - Web APIs
let supportedhandlers = [ { supportedmethods: "basic-card", data: { supportednetworks: ["visa", "mastercard", "amex", "discover"], supportedtypes: ["credit", "debit"] } } ]; let defaultpaymentdetails = { total: {label: 'donation', amount: {currency: 'usd',
value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd',
value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd',
value: '0.00'}, selected: true } ] }; supportedhandlers describes the supported payment handlers and the details for those.
...if the request's shippingaddress has a
value for country which isn't in the array validcountries, we generate the error.
... that's done by removing all shipping options currently set on the request, then set up an object named shippingaddresserrors which contains a country property which is an error message describing why the stated country isn't being permitted as a
value.
... then a paymentdetailsupdate object is created with its error set to a generic message about address errors and with the reset of the object's
values taken from shippingaddresserrors, and, using "...defaultpaymentdetails" as the final entry in the object, the remeainder of the properties'
values are taken from defaultpaymentdetails.
AnalyserNode.fftSize - Web APIs
the fftsize property of the analysernode interface is an unsigned long
value and represents the window size in samples that is used when performing a fast fourier transform (fft) to get frequency domain data.
... syntax var cur
value = analysernode.fftsize; analysernode.fftsize = new
value;
value an unsigned integer, representing the window size of the fft, given in number of samples.
... a higher
value will result in more details in the frequency domain but fewer details in the time domain.
... note: if its
value is not a power of 2, or it is outside the specified range, a domexception with the name indexsizeerror is thrown.
AnalyserNode.getByteFrequencyData() - Web APIs
each item in the array represents the decibel
value for a specific frequency.
...for example, for 48000 sample rate, the last item of the array will represent the decibel
value for 24000 hz.
...for any sample which is silent, the
value is -infinity.
... return
value none.
AnalyserNode.getFloatFrequencyData() - Web APIs
each item in the array represents the decibel
value for a specific frequency.
...for example, for 48000 sample rate, the last item of the array will represent the decibel
value for 24000 hz.
...for any sample which is silent, the
value is -infinity.
... return
value none.
AnalyserNode.maxDecibels - Web APIs
the maxdecibels property of the analysernode interface is a double
value representing the maximum power
value in the scaling range for the fft analysis data, for conversion to unsigned byte/float
values — basically, this specifies the maximum
value for the range of results when using getfloatfrequencydata() or getbytefrequencydata().
... syntax var cur
value = analysernode.maxdecibels; analysernode.maxdecibels = new
value;
value a double, representing the maximum decibel
value for scaling the fft analysis data, where 0 db is the loudest possible sound, -10 db is a 10th of that, etc.
... the default
value is -30 db.
... note: if a
value less than or equal to analysernode.mindecibels is set, an indexsizeerror exception is thrown.
AnalyserNode.minDecibels - Web APIs
the mindecibels property of the analysernode interface is a double
value representing the minimum power
value in the scaling range for the fft analysis data, for conversion to unsigned byte/float
values — basically, this specifies the minimum
value for the range of results when using getfloatfrequencydata() or getbytefrequencydata().
... syntax var cur
value = analysernode.mindecibels; analysernode.mindecibels = new
value;
value a double, representing the minimum decibel
value for scaling the fft analysis data, where 0 db is the loudest possible sound, -10 db is a 10th of that, etc.
... the default
value is -100 db.
... note: if a
value greater than analysernode.maxdecibels is set, an index_size_err exception is thrown.
Animation.currentTime - Web APIs
the animation.currenttime property of the web animations api returns and sets the current time
value of the animation in milliseconds, whether running or paused.
... if the animation lacks a timeline, is inactive, or hasn't been played yet, currenttime's return
value is null.
... syntax var currenttime = animation.currenttime; animation.currenttime = newtime;
value a number representing the current time in milliseconds, or null to deactivate the animation.
... in firefox, you can also enabled privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
Animation.playbackRate - Web APIs
animations have a playback rate that provides a scaling factor from the rate of change of the animation's timeline time
values to the animation’s current time.
... syntax var currentplaybackrate = animation.playbackrate; animation.playbackrate = newrate;
value takes a number that can be 0, negative, or positive.
... negative
values reverse the animation.
... the
value is a scaling factor, so for example a
value of 2 would double the playback rate.
AudioBuffer.copyFromChannel() - Web APIs
if not specified, a
value of 0 (the beginning of the buffer) is assumed by default.
... return
value undefined.
... exceptions indexsizeerror one of the input parameters has a
value that is outside the accepted range: the
value of channelnumber specifies a channel number which doesn't exist (that is, it's greater than or equal to the
value of numberofchannels on the channel).
... the
value of startinchannel is outside the current range of samples that already exist in the source buffer; that is, it's greater than its current length.
AudioBuffer.getChannelData() - Web APIs
an index
value of 0 represents the first channel.
... if the channel index
value is greater than of equal to audiobuffer.numberofchannels, an index_size_err exception will be thrown.
... return
value a float32array.
...t = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; //just random
values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } // get an audio...
AudioBufferSourceNode.detune - Web APIs
for example,
values of +100 and -100 detune the source up or down by one semitone, while +1200 and -1200 detune it up or down by one octave.
... syntax var source = audioctx.createbuffersource(); source.detune.
value = 100; //
value in cents note: though the audioparam returned is read-only, the
value it represents is not.
...
value a k-rate audioparam whose
value indicates the detuning of oscillation in cents.
...ebuffer(channelcount, framecount, audioctx.samplerate); for (let channel = 0; channel < channelcount; channel++) { const nowbuffering = myarraybuffer.getchanneldata(channel); for (let i = 0; i < framecount; i++) { nowbuffering[i] = math.random() * 2 - 1; } } const source = audioctx.createbuffersource(); source.buffer = myarraybuffer; source.connect(audioctx.destination); source.detune.
value = 100; //
value in cents source.start(); specifications specification status comment web audio apithe definition of 'detune' in that specification.
AudioBufferSourceNode.loop - Web APIs
the loop property's default
value is false.
... syntax var loopingenabled = audiobuffersourcenode.loop; audiobuffersourcenode.loop = true | false;
value a boolean which is true if looping is enabled; otherwise, the
value is false.
...buttons are provided to play and stop the audio playback, and a slider control is used to change the playbackrate property
value on the fly.
...unction getdata() { source = audioctx.createbuffersource(); request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.playbackrate.
value = playbackcontrol.
value; source.connect(audioctx.destination); source.loop = true; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // wire up buttons to stop and play audio, and range slider control play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); playbackcontrol.removeatt...
AudioBufferSourceNode.start() - Web APIs
the default
value is 0.
...the default
value, 0, will begin playback at the beginning of the audio buffer, and offsets past the end of the audio which will be played (based on the audio buffer's duration and/or the loopend property) are silently clamped to the maximum
value allowed.
... return
value undefined.
... exceptions typeerror a negative
value was specified for one or more of the three time parameters.
AudioContext.createMediaStreamSource() - Web APIs
return
value a new mediastreamaudiosourcenode object representing the audio node whose media is obtained from the specified source stream.
... the range slider below the <video> element controls the amount of gain given to the lowpass filter — increase the
value of the slider to make the audio sound more bass heavy!
... video.muted = true; }; // create a mediastreamaudiosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.
value = 1000; biquadfilter.gain.
value = range.
value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // get new mouse pointer coordinates when mouse is mov...
...ed // then set new gain
value range.oninput = function() { biquadfilter.gain.
value = range.
value; } }) .catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('getusermedia not supported on your browser!'); } // dump script to pre element pre.innerhtml = myscript.innerhtml; note: as a consequence of calling createmediastreamsource(), audio playback from the media stream will be re-routed into the processing graph of the audiocontext.
AudioContextOptions.sampleRate - Web APIs
the
value must be a floating-point
value indicating the sample rate, in samples per second, for which to configure the new context; additionally, the
value must be one which is supported by audiobuffer.samplerate.
... syntax audiocontextoptions.samplerate = 44100; var samplerate = audiocontextoptions.samplerate;
value the desired sample rate for the audiocontext, specified in samples per second.
... the
value must be compatible with audiobuffer.samplerate.
... this
value should typically be between 8,000 hz and 96,000 hz; the default will vary depending on the output device, but the sample rate 44,100 hz is the most common.
AudioNode.channelCount - Web APIs
channelcount's usage and precise definition depend on the
value of audionode.channelcountmode: it is ignored if the channelcountmode
value is max.
... it is used as a maximum
value if the channelcountmode
value is clamped-max.
... it is used as the exact
value if the channelcountmode
value is explicit.
... syntax var oscillator = audioctx.createoscillator(); var channels = oscillator.channelcount;
value an integer.
AudioNode.disconnect() - Web APIs
syntax audionode.disconnect(); audionode.disconnect(output); audionode.disconnect(destination); audionode.disconnect(destination, output); audionode.disconnect(destination, output, input); return
value undefined parameters there are several versions of the disconnect() method, which accept different combinations of parameters to control which nodes to disconnect from.
...if this
value is an audionode, a single node is disconnected from, with any other, optional, parameters (output and/or input) further limiting which inputs and/or outputs should be disconnected.
... if this
value is an audioparam, then the connection to that audioparam is terminated, and the node's contributions to that computed parameter become 0 going forward once the change takes effect.
... exceptions indexsizeerror a
value specified for input or output is invalid, referring to a node which doesn't exist or outside the permitted range.
AudioScheduledSourceNode.start() - Web APIs
this
value is specified in the same time coordinate system as the audiocontext is using for its currenttime attribute.
... a
value of 0 (or omitting the when parameter entirely) causes the sound to start playback immediately.
...if no
value is passed then the duration will be equal to the length of the audio buffer minus the offset
value return
value undefined exceptions invalidstatenode the node has already been started.
... rangeerror the
value specified for when is negative.
AudioScheduledSourceNode.stop() - Web APIs
this
value is specified in the same time coordinate system as the audiocontext is using for its currenttime attribute.
... omitting this parameter, specifying a
value of 0, or passing a negative
value causes the sound to stop playback immediately.
... return
value undefined exceptions invalidstatenode the node has not been started by calling start().
... rangeerror the
value specified for when is negative.
AudioTrack.enabled - Web APIs
syntax isaudioenabled = audiotrack.enabled; audiotrack.enabled = true | false;
value the enabled property is a boolean whose
value is true if the track is enabled; enabled tracks produce audio while the media is playing.
... audiotrackcommentary = track; } } if (audiotrackmain && audiotrackcommentary) { var commentaryenabled = audiotrackcommentary.enabled; audiotrackcommentary.enabled = audiotrackmain.enabled; audiotrackmain.enabled = commentaryenabled; } } the swapcommentarymain() function above finds within the audio tracks of the <video> element "main-video" the audio tracks whose kind
values are "main" and "commentary".
... the scan looks for the tracks whose kind
values are "main" and "commentary" and remembers those audiotrack objects.
... once those have been found, the
values of the two tracks' enabled properties are exchanged, which results in swapping which of the two tracks is currently active.
AudioWorkletNode() - Web APIs
available properties are as follows: numberofinputs optional the
value to initialize the numberofinputs property to.
... numberofoutputs optional the
value to initialize the numberofoutputs property to.
... parameterdata optional an object containing the initial
values of custom audioparam objects on this node (in its parameters property), with key being the name of a custom parameter and
value being its initial
value.
... return
value the newly constructed audioworkletnode instance.
AudioWorkletProcessor - Web APIs
this method gets called for each block of 128 sample-frames and takes input and output arrays and calculated
values of custom audioparams (if they are defined) as parameters.
... you can use inputs and audio parameter
values to fill the outputs array, which by default holds silence.
... the resulting audioparams reside in the parameters property of the node and can be automated using standard methods such as linearrampto
valueattime.
... their calculated
values will be passed into the process() method of the processor for you to shape the node output accordingly.
BaseAudioContext.createIIRFilter() - Web APIs
syntax var iirfilter = audiocontext.createiirfilter(feedforward, feedback); parameters feedforward an array of floating-point
values specifying the feedforward (numerator) coefficients for the transfer function of the iir filter.
... the maximum length of this array is 20, and at least one
value must be nonzero.
... feedback an array of floating-point
values specifying the feedback (denominator) coefficients for the transfer function of the iir filter.
... return
value an iirfilternode implementing the filter with the specified feedback and feedforward coefficient arrays.
BaseAudioContext.createStereoPanner() - Web APIs
example in our stereopannernode example (see source code) html we have a simple <audio> element along with a slider <input> to increase and decrease pan
value.
...we then use an oninput event handler to change the
value of the stereopannernode.pan parameter and update the pan
value display when the slider is moved.
... var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var myaudio = document.queryselector('audio'); var pancontrol = document.queryselector('.panning-control'); var pan
value = document.queryselector('.panning-
value'); pre.innerhtml = myscript.innerhtml; // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a stereo panner var pannode = audioctx.createstereopanner(); // event handler function to increase panning to the right and left // when the slider is moved pancontrol.oninput = function() { pannode.pan.set
valueattime(pancontrol.
value...
..., audioctx.currenttime); pan
value.innerhtml = pancontrol.
value; } // connect the mediaelementaudiosourcenode to the pannode // and the pannode to the destination, so we can play the // music and adjust the panning using the controls source.connect(pannode); pannode.connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'createstereopanner()' in that specification.
BeforeUnloadEvent - Web APIs
when a non-empty string is assigned to the return
value event property, a dialog box appears, asking the users for confirmation to leave the page (see example below).
... when no
value is provided, the event is processed silently.
...o,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">beforeunloadevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} bubbles no cancelable yes target objects defaultview interface event examples window.addeventlistener("beforeunload", function( event ) { event.return
value = "\o/"; }); // is equivalent to window.addeventlistener("beforeunload", function( event ) { event.preventdefault(); }); webkit-derived browsers don't follow the spec for the dialog box.
... window.addeventlistener("beforeunload", function (e) { var confirmationmessage = "\o/"; (e || window.event).return
value = confirmationmessage; // gecko + ie return confirmationmessage; /* safari, chrome, and other * webkit-derived browsers */ }); specifications specification status comment html living standardthe definition of 'beforeunloadevent' in that specification.
BiquadFilterNode.Q - Web APIs
it is a dimensionless
value with a default
value of 1 and a nominal range of 0.0001 to 1000.
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.q.
value = 100; note: though the audioparam returned is read-only, the
value it represents is not.
...
value an audioparam.
...olver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.
value = 1000; biquadfilter.gain.
value = 25; biquadfilter.type = "peaking"; biquadfilter.frequency.
value = 1000; biquadfilter.q.
value = 100; biquadfilter.gain.
value = 25; specifications specification status comment web audio apithe definition of 'q' in that specification.
BiquadFilterNode.frequency - Web APIs
frequency's default
value is 350 with a nominal range of 10 to the nyquist frequency — that is, half of the sample rate.
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.frequency.
value = 3000; note: though the audioparam returned is read-only, the
value it represents is not.
...
value an audioparam.
...olver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.
value = 1000; biquadfilter.gain.
value = 25; specifications specification status comment web audio apithe definition of 'frequency' in that specification.
CSS numeric factory functions - Web APIs
the css numeric factory functions, such as css.em() and css.turn() are methods that return cssunit
values with the
value being the numeric argument and the unit being the name of the method used.
... these functions create new numeric
values less verbosely than using the cssunit
value.cssunit
value() constructor.
...er); css.pt(number); css.pc(number); css.px(number); // <angle> css.deg(number); css.grad(number); css.rad(number); css.turn(number); // <time> css.s(number); css.ms(number); // <frequency> css.hz(number); css.khz(number); // <resolution> css.dpi(number); css.dpcm(number); css.dppx(number); // <flex> css.fr(number); examples we use the css.vmax() numeric factory function to create a cssunit
value: let height = css.vmax(50); console.log( height ); // cssunit
value {
value: 50, unit: "vmax"} console.log( height.
value ) // 50 console.log( height.unit ) // vmax in this example, we set the margin on our element using the css.px() factory function: myelement.attributestylemap.set('margin', css.px(40)); let currentmargin = myelement.attributestylemap.get('margin'); console.log(current...
...margin.
value, currentmargin.unit); // 40, 'px' specification specification status comment css object model (cssom)the definition of 'numeric factory functions' in that specification.
CSS - Web APIs
css.registerproperty() registers custom properties, allowing for property type checking, default
values, and properties that do or do not inherit their
value.
... css.supports() returns a boolean indicating if the pair property-
value, or the condition, given in parameter is supported.
... css factory functions can be used to return a new cssunit
value with a
value of the parameter number of the units of the name of the factory function method used.
... css.em(3) // cssunit
value {
value: 3, unit: "em"} specifications specification status comment css painting api level 1the definition of 'paintworklet' in that specification.
Cache.put() - Web APIs
the put() method of the cache interface allows key/
value pairs to be added to the current cache object.
... fetch(url).then(function(response) { if (!response.ok) { throw new typeerror('bad response status'); } return cache.put(url, response); }) note: put() will overwrite any key/
value pair previously stored in the cache that matches the request.
... note: cache.add/cache.addall do not cache responses with response.status
values that are not in the 200 range, whereas cache.put lets you store any request/response pair.
... return
value a promise that resolves with undefined.
CanvasRenderingContext2D.scale() - Web APIs
a negative
value flips pixels across the vertical axis.
... a
value of 1 results in no horizontal scaling.
...a negative
value flips pixels across the horizontal axis.
... a
value of 1 results in no vertical scaling.
CanvasRenderingContext2D.shadowBlur - Web APIs
note: shadows are only drawn if the shadowcolor property is set to a non-transparent
value.
...this
value doesn't correspond to a number of pixels, and is not affected by the current transformation matrix.
... the default
value is 0.
... negative, infinity, and nan
values are ignored.
CanvasRenderingContext2D.shadowOffsetX - Web APIs
note: shadows are only drawn if the shadowcolor property is set to a non-transparent
value.
...positive
values are to the right, and negative to the left.
... the default
value is 0 (no horizontal offset).
... infinity and nan
values are ignored.
CanvasRenderingContext2D.shadowOffsetY - Web APIs
note: shadows are only drawn if the shadowcolor property is set to a non-transparent
value.
...positive
values are down, and negative are up.
... the default
value is 0 (no vertical offset).
... infinity and nan
values are ignored.
CanvasRenderingContext2D.textBaseline - Web APIs
syntax ctx.textbaseline = "top" || "hanging" || "middle" || "alphabetic" || "ideographic" || "bottom"; options possible
values: "top" the text baseline is the top of the em square.
...default
value.
... the default
value is "alphabetic".
... examples comparison of property
values this example demonstrates the various textbaseline property
values.
Compositing example - Web APIs
the output looks like this: compositing example this code sets up the global
values used by the rest of the program.
...the new shape is drawn behind the canvas content.', 'where both shapes overlap the color is determined by adding color
values.', 'only the new shape is shown.', 'shapes are made transparent where both overlap and drawn normal everywhere else.', 'the pixels are of the top layer are multiplied with the corresponding pixel of the bottom layer.
...pure black or white does not result in pure black or white.', 'subtracts the bottom layer from the top layer or the other way round to always get a positive
value.', 'like difference, but with lower contrast.', 'preserves the luma and chroma of the bottom layer, while adopting the hue of the top layer.', 'preserves the luma and hue of the bottom layer, while adopting the chroma of the top layer.', 'preserves the luma of the bottom layer, while adopting the hue and chroma of the top layer.', 'preserves the hue and chroma of the bottom layer, while adopting ...
...fwidth + 6, otop); ctx.fillstyle = gradient; ctx.fill(); ctx.translate(oleft + halfwidth, otop + halfwidth); ctx.rotate(rotate); ctx.translate(-(oleft + halfwidth), -(otop + halfwidth)); } ctx.beginpath(); ctx.fillstyle = "#00f"; ctx.fillrect(15,15,30,30) ctx.fill(); return ctx.canvas; }; // hsv (1978) = h: hue / s: saturation / v:
value color = {}; color.hsv_rgb = function (o) { var h = o.h / 360, s = o.s / 100, v = o.v / 100, r, g, b; var a, b, c, d; if (s == 0) { r = g = b = math.round(v * 255); } else { if (h >= 1) h = 0; h = 6 * h; d = h - math.floor(h); a = math.round(255 * v * (1 - s)); b = math.round(255 * v * (1 - (s * d))); c...
console.log() - Web APIs
the message may be a single string (with optional substitution
values), or it may be any one or more javascript objects.
...please be warned that if you log objects in the latest versions of chrome and firefox what you get logged on the console is a reference to the object, which is not necessarily the '
value' of the object at the moment in time you call console.log(), but it is the
value of the object at the moment you open the console.
... this way you are sure you are seeing the
value of obj at the moment you log it.
... otherwise, many browsers provide a live view that constantly updates as
values change.
DOMPoint.fromPoint() - Web APIs
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.
... return
value a new dompoint object whose coordinate and perspective
values are identical to those in the source point.
... examples creating a mutable point from a read-only point if you have a dompointreadonly object, you can easily create a mutable copy of that point: var mutablepoint = dompoint.frompoint(readonlypoint); creating a 2d point this sample creates a 2d point, specifying an inline object that includes the
values to use for x and y.
... the z and w properties are allowed to keep their default
values (0 and 1 respectively).
DOMPointInit.x - Web APIs
in general, positive
values x mean to the right, and negative
values of x means to the left, assuming that transforms have not altered the orientation of the axes.
... syntax var dompointinit = { x: xpos }; dompointinit.x = xpos; var xpos = dompointinit.x;
value a double-precision floating-point
value indicating the point's x coordinate.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
... if this property is missing when the dompointinit object is passed into frompoint(), the
value is assumed to be 0 by default.
DOMPointReadOnly.fromPoint() - Web APIs
syntax const point = dompointreadonly.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.
... return
value a new dompointreadonly object (which is identical to the source point).
... examples creating a 2d point this sample creates a 2d point, specifying an inline object that includes the
values to use for x and y.
... the z and w properties are allowed to keep their default
values (0 and 1 respectively).
DOMPointReadOnly.w - Web APIs
the dompointreadonly interface's w property holds the point's perspective
value, w, for a read-only point in space.
... if your script needs to be able to change the
value of this property, you should instead use the dompoint object.
... syntax const perspective = somedompointreadonly.w
value a double-precision floating-point
value indicating the w perspective
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DOMPointReadOnly.y - Web APIs
if your script needs to be able to change the
value of this property, you should instead use the dompoint object.
... in general, positive
values of y mean downward, and negative
values of y mean upward, assuming no transforms have resulted in a reversal.
... syntax const ypos = somedompointreadonly.y;
value a double-precision floating-point
value indicating the y coordinate's
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DOMPointReadOnly.z - Web APIs
if your script needs to be able to change the
value of this property, you should instead use the dompoint object.
... in general, positive
values of z mean toward the user (out from the screen), and negative
values of z mean away from the user (into the screen), assuming no transforms have resulted in a reversal.
... syntax const zpos = somedompointreadonly.z;
value a double-precision floating-point
value indicating the z coordinate's
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DelayNode() - Web APIs
return
value a new delaynode object instance.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetdelaynode() constructorchrome full support 55notes full support 55notes notes before version 59, the default
values were not supported.edge full support ≤79firefox full support 53ie no support noopera full support 42safari ?
... webview android full support 55notes full support 55notes notes before version 59, the default
values were not supported.chrome android full support 55notes full support 55notes notes before version 59, the default
values were not supported.firefox android full support 53opera android full support 42safari ios ?
... samsung internet android full support 6.0notes full support 6.0notes notes before samsung internet 7.0, the default
values were not supported.legend full support full support no support no support compatibility unknown compatibility unknownsee implementation notes.see implementation notes.
DelayNode.delayTime - Web APIs
delaytime is expressed in seconds, its minimal
value is 0, and its maximum
value is defined by the maxdelaytime argument of the audiocontext.createdelay() method that created it.
... syntax var audioctx = new audiocontext(); var mydelay = audioctx.createdelay(5.0); mydelay.delaytime.
value = 3.0; note: though the audioparam returned is read-only, the
value it represents is not.
...
value an audioparam.
... var delay1; rangesynth.oninput = function() { delay1 = rangesynth.
value; synthdelay.delaytime.set
valueattime(delay1, audioctx.currenttime); } specifications specification status comment web audio apithe definition of 'delaytime' in that specification.
DeviceOrientationEvent - Web APIs
deviceorientationevent.alpha read only a number representing the motion of the device around the z axis, express in degrees with
values ranging from 0 to 360.
... deviceorientationevent.beta read only a number representing the motion of the device around the x axis, express in degrees with
values ranging from -180 to 180.
... deviceorientationevent.gamma read only a number representing the motion of the device around the y axis, express in degrees with
values ranging from -90 to 90.
... deviceorientationevent.webkitcompassheading read only a number represents the difference between the motion of the device around the z axis of the world system and the direction of the north, express in degrees with
values ranging from 0 to 360.
DisplayMediaStreamConstraints.audio - Web APIs
this
value may simply be a boolean, where true indicates that an audio track should be included an false (the default) indicates that no audio should be included in the stream.
... syntax displaymediastreamconstraints.audio = allowaudioflag; displaymediastreamconstraints.audio = mediatrackconstraints; displaymediastreamconstraints = { audio: allowaudioflag|mediatrackconstraints; }
value the
value may be either a boolean or a mediatrackconstraints object.
... if a boolean is specified, a
value of true indicates that an audio track should be included in the stream returned by getdisplaymedia(), if an appropriate audio source exists and the user agent supports audio on display media.
... a
value of false—the default—indicates that no audio track is to be included in the stream.
Document.designMode - Web APIs
valid
values are "on" and "off".
...in ie6-10, the
value is capitalized.
... syntax var mode = document.designmode; document.designmode =
value;
value a string indicating whether designmode is (or should be) set to on or off.
... valid
values are on and off.
Document: keypress event - Web APIs
the keypress event is fired when a key that produces a character
value is pressed down.
... examples of keys that produce a character
value are alphabetic, numeric, and punctuation keys.
... examples of keys that don't produce a character
value are modifier keys such as alt, shift, ctrl, or meta.
... interface keyboardevent bubbles yes cancelable yes default action varies: keypress event; launch text composition system; blur and focus events; domactivate event; other event examples addeventlistener keypress example this example logs the keyboardevent.code
value whenever you press a key.
Document.title - Web APIs
if the title was overridden by setting document.title, it contains that
value.
...the assignment affects the return
value of document.title, the title displayed for the document (e.g.
... for html documents the initial
value of document.title is the text content of the <title> element.
... for xul it's the
value of the title attribute of the <xul:window> or other top-level xul element.
DynamicsCompressorNode.attack - Web APIs
the attack property's default
value is 0.003 and it can be set between 0 and 1.
... syntax var audioctx = new audiocontext(); var compressor = audioctx.createdynamicscompressor(); compressor.attack.
value = 0;
value an audioparam.
... note: though the audioparam returned is read-only, the
value it represents is not.
... // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.set
valueattime(-50, audioctx.currenttime); compressor.knee.set
valueattime(40, audioctx.currenttime); compressor.ratio.set
valueattime(12, audioctx.currenttime); compressor.attack.set
valueattime(0, audioctx.currenttime); compressor.release.set
valueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = function() { ...
DynamicsCompressorNode.ratio - Web APIs
the ratio property's default
value is 12 and it can be set between 1 and 20.
... syntax var audioctx = new audiocontext(); var compressor = audioctx.createdynamicscompressor(); compressor.ratio.
value = 12;
value an audioparam.
... note: though the audioparam returned is read-only, the
value it represents is not.
... // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.set
valueattime(-50, audioctx.currenttime); compressor.knee.set
valueattime(40, audioctx.currenttime); compressor.ratio.set
valueattime(12, audioctx.currenttime); compressor.attack.set
valueattime(0, audioctx.currenttime); compressor.release.set
valueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = function() { ...
DynamicsCompressorNode.release - Web APIs
the release property's default
value is 0.25 and it can be set between 0 and 1.
... syntax var audioctx = new audiocontext(); var compressor = audioctx.createdynamicscompressor(); compressor.release.
value = 0.25;
value an audioparam.
... note: though the audioparam returned is read-only, the
value it represents is not.
... // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.set
valueattime(-50, audioctx.currenttime); compressor.knee.set
valueattime(40, audioctx.currenttime); compressor.ratio.set
valueattime(12, audioctx.currenttime); compressor.attack.set
valueattime(0, audioctx.currenttime); compressor.release.set
valueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = function() { ...
EXT_texture_compression_bptc - Web APIs
ext.compressed_rgb_bptc_signed_float_ext compresses high dynamic range signed floating point
values.
...it only contains rgb data, so the returned alpha
value is 1.0.
... ext.compressed_rgb_bptc_unsigned_float_ext compresses high dynamic range unsigned floating point
values.
...it only contains rgb data, so the returned alpha
value is 1.0.
EffectTiming.direction - Web APIs
the
value of direction corresponds directly to animationeffecttimingreadonly.direction in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
... syntax var timingproperties = { direction: "normal" | "reverse" | "alternate" | "alternate-reverse" }; timingproperties.direction = "normal" | "reverse" | "alternate" | "alternate-reverse";
value a domstring which specifies the direction in which the animation should play as well as what to do when the playback reaches the end of the animation sequence in the current direction.
... it can take one of the following
values, with the default being "normal": "normal" the animation runs forwards, from beginning to end, in the way we experience the flow of time.
... examples in the forgotten key example, alice waves her arm up and down by passing her an alternate
value for her direction property: // get alice's arm, and wave it up and down document.getelementbyid("alice_arm").animate([ { transform: 'rotate(10deg)' }, { transform: 'rotate(-40deg)' } ], { easing: 'steps(2, end)', iterations: infinity, direction: 'alternate', duration: 600 }); specifications specification status comment web animationsthe definition of 'direc...
EffectTiming.endDelay - Web APIs
for now, its main purpose is to represent the
value of the svg min attribute.
...the
value of enddelay corresponds directly to animationeffecttimingreadonly.enddelay in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
... syntax var timingproperties = { enddelay: delayinmilliseconds } timingproperties.enddelay = delayinmilliseconds;
value a number representing the end delay, specified in milliseconds.
... the default
value is 0.
EffectTiming.fill - Web APIs
the
value of fill corresponds directly to fill in effecttiming objects returned by gettiming() in animationeffect and keyframeeffect.
... syntax var timingproperties = { fill: "none" | "forwards" | "backwards" | "both" | "auto" }
value a domstring indicating the fill type to use in order to properly render an affected element when outside the animation's active interval (that is, when it's not actively animating).
... rather than using fill modes to persist an animation, it is often simpler to set the final
value of the animation effect directly in specified style: elem.animate({ transform: 'translatey(100px)' }, 200).finished.then(() => { elem.style.transform = 'translatey(100px)'; }); alternatively, it may be simpler still to set the final
value in specified style before triggering the animation and then animate from the start
value.
... elem.style.transform = 'translatey(100px)'; elem.animate({ transform: 'none', offset: 0 }, 200); for some complex effects where animations layer on top of one another, it may be necessary to use a fill mode temporarily to capture the final
value of an animation before canceling it.
EffectTiming - Web APIs
although this is technically optional, keep in mind that your animation will not run if this
value is 0.
...accepts the pre-defined
values "linear", "ease", "ease-in", "ease-out", and "ease-in-out", or a custom "cubic-bezier"
value like "cubic-bezier(0.42, 0, 0.58, 1)".
...0.5 would indicate starting halfway through the first iteration for example, and with this
value set, an animation with 2 iterations would end halfway through a third iteration.
...defaults to 1, and can also take a
value of infinity to make it repeat for as long as the element exists.
Element: MozMousePixelScroll event - Web APIs
bubbles yes cancelable yes interface mousescrollevent getting the distance scrolled the event's detail property indicates the scroll distance in terms of lines, with negative
values indicating the scrolling movement is either toward the bottom or toward the right, and positive
values indicating scrolling to the top or left.
... if the platform's native mouse wheel events indicate the scroll distance in terms of lines or pages, the
value of detail is computed using that
value and the line height or page width/height of the nearest ancestor scrollable element that contains the target element.
... note: on macos, the scroll distance (and therefore the
value of detail) is computed based on the accelerated scroll distance.
... the
value of detail is never 0 if the events are legitimate.
Element.clientTop - Web APIs
this is because the offsettop indicates the location of the top of the border (not the margin) while the client area starts immediately below the border, (client area includes padding.) therefore, the clienttop
value will always equal the integer portion of the .getcomputedstyle()
value for "border-top-width".
... note: this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
...have no significance regarding the client area.) the clienttop
value is the distance from where the margin (yellow) area ends and the padding and content areas (white) begin.
Element.getBoundingClientRect() - Web APIs
syntax domrect = element.getboundingclientrect();
value the returned
value is a domrect object which is the union of the rectangles returned by getclientrects() for the element, i.e., the css border-boxes associated with the element.
...this means that the rectangle's boundary edges (top, right, bottom, left) change their
values every time the scrolling position changes (because their
values are relative to the viewport and not absolute).
... also note how the
values of x/left, y/top, right, and bottom are equal to the absolute distance from the relevant edge of the viewport to that side of the element, in each case.
... rect = elt.getboundingclientrect() // the result in emptyobj is {} emptyobj = object.assign({}, rect) emptyobj = { ...rect } {width, ...emptyobj} = rect domrect properties top, left, right, and bottom are computed using the
values of the object's other properties.
Element: keypress event - Web APIs
the keypress event is fired when a key that produces a character
value is pressed down.
... examples of keys that produce a character
value are alphabetic, numeric, and punctuation keys.
... examples of keys that don't produce a character
value are modifier keys such as alt, shift, ctrl, or meta.
... interface keyboardevent bubbles yes cancelable yes default action varies: keypress event; launch text composition system; blur and focus events; domactivate event; other event examples addeventlistener keypress example this example logs the keyboardevent.code
value whenever you press a key after focussing the <input> element.
Element.outerHTML - Web APIs
syntax var content = element.outerhtml; element.outerhtml = htmlstring;
value reading the
value of outerhtml returns a domstring containing an html serialization of the element and its descendants.
... setting the
value of outerhtml replaces the element and all of its descendants with a new dom tree constructed by parsing the specified htmlstring.
... examples getting the
value of an element's outerhtml property: html <div id="d"> <p>content</p> <p>further elaborated</p> </div> javascript var d = document.getelementbyid("d"); console.log(d.outerhtml); // the string '<div id="d"><p>content</p><p>further elaborated</p></div>' // is written to the console window replacing a node by setting the outerhtml property: html <div id="container"> <div id="d">this is a div.</div> </div> javascript var container = document.getelementbyid("container"); var d = document.getelementb...
...(div.outerhtml); // output: "<div></div>" also, while the element will be replaced in the document, the variable whose outerhtml property was set will still hold a reference to the original element: var p = document.getelementsbytagname("p")[0]; console.log(p.nodename); // shows: "p" p.outerhtml = "<div>this div replaced a paragraph.</div>"; console.log(p.nodename); // still "p"; the returned
value will contain html escaped attributes: var anc = document.createelement("a"); anc.href = "https://developer.mozilla.org?a=b&c=d"; console.log(anc.outerhtml); // output: "<a href='https://developer.mozilla.org?a=b&c=d'></a>" specification specification status comment dom parsing and serializationthe definition of 'element.outerhtml' in that specification.
Element.requestFullscreen() - Web APIs
the default
value is "auto", which indicates that the browser should decide what to do.
... return
value a promise which is resolved with a
value of undefined when the transition to full screen is complete.
...the rejection handler receives one of the following exception
values: typeerror the typeerror exception may be delivered in any of the following situations: the document containing the element isn't fully active; that is, it's not the current active document.
...creen() { let elem = document.queryselector("video"); if (!document.fullscreenelement) { elem.requestfullscreen().catch(err => { alert(`error attempting to enable full-screen mode: ${err.message} (${err.name})`); }); } else { document.exitfullscreen(); } } if the document isn't already in full-screen mode—detected by looking to see if document.fullscreenelement has a
value—we call the video's requestfullscreen() method.
Event.currentTarget - Web APIs
syntax var currenteventtarget = event.currenttarget;
value eventtarget examples event.currenttarget is interesting to use when attaching the same event handler to several elements.
...t); // when this function is used as an event handler: this === e.currenttarget } var ps = document.getelementsbytagname('p'); for(var i = 0; i < ps.length; i++){ // console: print the clicked <p> element ps[i].addeventlistener('click', hide, false); } // console: print <body> document.body.addeventlistener('click', hide, false); // click around and make paragraphs disappear note: the
value of event.currenttarget is only available while the event is being handled.
... if you console.log() the event object, storing it in a variable, and then look for the currenttarget key in the console, its
value will be null.
... instead, you can either directly console.log(event.currenttarget) to be able to view it in the console or use the debugger statement, which will pause the execution of your code thus showing you the
value of event.currenttarget.
Event.eventPhase - Web APIs
syntax let phase = event.eventphase;
value returns an integer
value which specifies the current evaluation phase of the event flow.
... possible
values are listed in event phase constants.
... constants event phase constants these
values describe which phase the event flow is currently being evaluated.
... constant
value description event.none 0 no event is being processed at this time.
FetchEvent.respondWith() - Web APIs
specifying the final url of a resource from firefox 59 onwards, when a service worker provides a response to fetchevent.respondwith(), the response.url
value will be propagated to the intercepted network request as the final resolved url.
... if the response.url
value is the empty string, then the fetchevent.request.url is used as the final url.
... return
value undefined.
... exceptions exception notes networkerror a network error is triggered on certain combinations of fetchevent.request.mode and response.type
values, as hinted at in the "global rules" listed above.
FileSystemDirectoryEntry.getDirectory() - Web APIs
return
value undefined.
...
values and results the table below describes the result of each possible combination of these flags depending on whether or not the target file or directory path already exists.
... option
values file/directory condition result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
... [1] when create is false, the
value of exclusive is irrelevant and ignored.
FileSystemDirectoryEntry.getFile() - Web APIs
return
value undefined.
...
values and results the table below describes the result of each possible combination of these flags depending on whether or not the target file or directory path already exists.
... option
values file/directory condition result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
... [1] when create is false, the
value of exclusive is irrelevant and ignored.
FontFace.display - Web APIs
the lengths of the first two periods depend on the
value of the property and the user agent.
... syntax var display = fontface.display fontface.display = display
value a cssomstring with one of the following
values.
...the spec recommends 100 ms or less for the block period and 3 seconds for the swap period, though these
values may vary from browser to browser.
... working draft defines the
values for the display property.
FormData.entries() - Web APIs
the formdata.entries() method returns an iterator allowing to go through all key/
value pairs contained in this object.
... the key of each pair is a usvstring object; the
value either a usvstring, or a blob.
... syntax formdata.entries(); return
value returns an iterator.
... example // create a test formdata object var formdata = new formdata(); formdata.append('key1', '
value1'); formdata.append('key2', '
value2'); // display the key/
value pairs for(var pair of formdata.entries()) { console.log(pair[0]+ ', '+ pair[1]); } the result is: key1,
value1 key2,
value2 specifications specification status comment xmlhttprequestthe definition of 'entries() (as iterator<>)' in that specification.
FormData.get() - Web APIs
the get() method of the formdata interface returns the first
value associated with a given key from within a formdata object.
... if you expect multiple
values and want all of them, use the getall() method instead.
... return
value a formdataentry
value containing the
value.
... example the following line creates an empty formdata object: var formdata = new formdata(); if we add two username
values using formdata.append: formdata.append('username', 'chris'); formdata.append('username', 'bob'); the following get() function will only return the first username
value appended: formdata.get('username'); // returns "chris" specifications specification status comment xmlhttprequestthe definition of 'get()' in that specification.
Fullscreen API - Web APIs
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.
...the full-screen mode feature is identified by the string "fullscreen", with a default allow-list
value of "self", meaning that full-screen mode is permitted in top-level document contexts, as well as to nested browsing contexts loaded from the same origin as the top-most document.
... function togglefullscreen() { if (!document.fullscreenelement) { document.documentelement.requestfullscreen(); } else { if (document.exitfullscreen) { document.exitfullscreen(); } } } this starts by looking at the
value of the document's fullscreenelement attribute.
...if the
value is null, the document is currently in windowed mode, so we need to switch to full-screen mode; otherwise, it's the element that's currently in full-screen mode.
GainNode() - Web APIs
return
value a new gainnode object instance.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetgainnode() constructorchrome full support 55notes full support 55notes notes before chrome 59, the default
values were not supported.edge full support ≤79firefox full support 53ie no support noopera full support 42safari ?
... webview android full support 55notes full support 55notes notes before chrome 59, the default
values were not supported.chrome android full support 55notes full support 55notes notes before chrome 59, the default
values were not supported.firefox android full support 53opera android full support 42safari ios ?
... samsung internet android full support 6.0notes full support 6.0notes notes before samsung internet 7.0, the default
values were not supported.legend full support full support no support no support compatibility unknown compatibility unknownsee implementation notes.see implementation notes.
GainNode.gain - Web APIs
syntax var audioctx = new audiocontext(); var gainnode = audioctx.creategain(); gainnode.gain.
value = 0.5;
value an audioparam.
... note: though the audioparam returned is read-only, the
value it represents is not.
... example the following example shows basic usage of an audiocontext to create a gainnode, which is then used to mute and unmute the audio when a mute button is clicked by changing the gain property
value.
... gainnode.gain.set
valueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "unmute"; } else { gainnode.gain.set
valueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'gain' in that specification.
GamepadHapticActuator.pulse() - Web APIs
syntax gamepadhapticactuatorinstance.pulse(
value, duration).then(function(result) { ...
... }); parameters
value a double representing the intensity of the pulse.
... this can vary depending on the hardware type, but generally takes a
value between 0.0 (no intensity) and 1.0 (full intensity).
... return
value a promise that resolves with a
value of true when the pulse has successfully completed.
GeolocationCoordinates.longitude - Web APIs
the geolocationcoordinates interface's read-only longitude property is a double-precision floating point
value which represents the longitude of a geographical position, specified in decimal degrees.
... syntax let longitude = geolocationcoordinatesinstance.longitude
value the
value in longitude is the geographical longitude of the location on earth described by the coordinates object, in decimal degrees.
... the
value is defined by the world geodetic system 1984 specification (wgs 84).
...the two <span> elements are updated to display the corresponding
values after being converted to a
value with two decimal places.
GlobalEventHandlers.ontransitioncancel - Web APIs
the transition is cancelled when: the
value of the transition-property property that applies to the target is changed the display property is set to "none".
... syntax var transitioncancelhandler = target.ontransitioncancel; target.ontransitioncancel = function
value a function to be called when a transitioncancel event occurs indicating that a css transition has been cancelled on the target, where the target object is an html element (htmlelement), document (document), or window (window).
... the function receives as input a single parameter: a transitionevent object describing the event which occurred; the event's transitionevent.elapsedtime property's
value should be the same as the
value of transition-duration.
... note: elapsedtime does not include time prior to the transition effect beginning; that means that the
value of transition-delay doesn't affect the
value of elapsedtime, which is zero until the delay period ends and the animation begins.
GlobalEventHandlers.ontransitionend - Web APIs
one way this can happen is by changing the
value of the transition-property attribute which applies to the target.
... syntax var transitionendhandler = target.ontransitionend; target.ontransitionend = function
value a function to be called when a transitionend event occurs indicating that a css transition has completed on the target, where the target object is an html element (htmlelement), document (document), or window (window).
... the function receives as input a single parameter: a transitionevent object describing the event which occurred; the event's transitionevent.elapsedtime property's
value should be the same as the
value of transition-duration.
... elapsedtime does not include time prior to the transition effect beginning; that means that the
value of transition-delay doesn't affect the
value of elapsedtime, which is zero until the delay period ends and the animation begins.
HTMLCanvasElement.toDataURL() - Web APIs
if the requested type is not image/png, but the returned
value starts with data:image/png, then the requested type is not supported.
... if this argument is anything else, the default
value for image quality is used.
... the default
value is 0.92.
... return
value a domstring containing the requested data uri.
HTMLDialogElement.close() - Web APIs
an optional domstring may be passed as an argument, updating the return
value of the the dialog.
... syntax dialoginstance.close(return
value); parameters return
value optional a domstring representing an updated
value for the htmldialogelement.return
value of the dialog.
... return
value void.
...utton> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.return
value = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } } // update button opens a modal dialog updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); }); // form cancel button closes the d...
HTMLElement.lang - Web APIs
the htmlelement.lang property gets or sets the base language of an element's attribute
values and text content.
...the default
value of this attribute is unknown.
... syntax var languageused = elementnodereference.lang; // get the
value of lang elementnodereference.lang = newlanguage; // set new
value for lang languageused is a string variable that gets the language in which the text of the current element is written.
... newlanguage is a string variable with its
value setting the language in which the text of the current element is written.
HTMLElement.offsetHeight - Web APIs
this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
... syntax var intelemoffsetheight = element.offsetheight; intelemoffsetheight is a variable storing an integer corresponding to the offsetheight pixel
value of the element.
...however, non-scrollable elements may have large offsetheight
values, much larger than the visible content.
HTMLImageElement.border - Web APIs
a
value of 0, the default, indicates that no border should be drawn.
... syntax htmlimageelement.border = thickness; let thickness = htmlimageelement.border;
value a domstring containing an integer
value specifying the thickness of the border that should surround the image, in css pixels.
... a
value of 0, or an empty string, indicates that there should be no border drawn.
... the default
value of border is 0 usage notes do not use border.
HTMLImageElement.complete - Web APIs
the read-only htmlimageelement interface's complete attribute is a boolean
value which indicates whether or not the image has completely loaded.
... syntax let doneloading = htmlimageelement.complete;
value a boolean
value which is true if the image has completely loaded; otherwise, the
value is false.
... it's worth noting that due to the image potentially being received asynchronously, the
value of complete may change while your script is running.
... so the fixredeyecommand() function, which is called by the button that triggers red-eye removal, checks the
value of the lightbox image's complete property before attempting to do its work.
HTMLImageElement.useMap - Web APIs
the usemap property on the htmlimageelement interface reflects the
value of the html usemap attribute, which is a string providing the name of the client-side image map to apply to the image.
... syntax htmlimageelement.usemap = imagemapanchor; let imagemapanchor = htmlimageelement.usemap;
value a usvstring providing the page-local url (that is, a url that begins with the hash or pound symbol, "#") of the <map> element which defines the image map to apply to the image.
... usage notes the string
value of usemap must be a valid anchor for a <map> element.
... in other words, this string should be the
value of the appropriate <map>'s name attribute with a pound or hash symbol prepended to it.
HTMLInputElement.setRangeText() - Web APIs
defaults to the current selectionstart
value (the start of the user's current selection).
...defaults to the current selectionend
value (the end of the user's current selection).
...possible
values: "select" selects the newly inserted text.
... html <input type="text" id="text-box" size="30"
value="this text has not been updated."> <button onclick="selecttext()">update text</button> javascript function selecttext() { const input = document.getelementbyid('text-box'); input.focus(); input.setrangetext('already', 14, 17, 'select'); } result specifications specification status comment html living standardthe definition of 'htmlinputelement.setselectio...
HTMLLabelElement.htmlFor - Web APIs
the htmllabelelement.htmlfor property reflects the
value of the for content property.
... that means that this script-accessible property is used to set and read the
value of the content property for, which is the id of the label's associated control element.
... syntax controlid = htmllabelelement.htmlfor htmllabelelement.htmlfor = newid
value a domstring which contains the id string of the element which is associated with the control.
... if this property has a
value, the htmllabelelement.control property must refer to the same control.
HTMLOListElement - Web APIs
htmlolistelement.reversed is a boolean
value reflecting the reversed and defining if the numbering is descending, that is its
value is true, or ascending (false).
... htmlolistelement.start is a long
value reflecting the start and defining the
value of the first number of the first element of the list.
... htmlolistelement.type is a domstring
value reflecting the type and defining the kind of marker to be used to display.
... it can have the following
values: '1' meaning that decimal numbers are used: 1, 2, 3, 4, 5, … 'a' meaning that the lowercase latin alphabet is used: a, b, c, d, e, … 'a' meaning that the uppercase latin alphabet is used: a, b, c, d, e, … 'i' meaning that the lowercase latin numerals are used: i, ii, iii, iv, v, … 'i' meaning that the uppercase latin numerals are used: i, ii, iii, iv, v, … htmlolistelement.compact is a boolean indicating that spacing between list items should be reduced.
HTMLOrForeignElement.tabIndex - Web APIs
elements that have identical tabindex
values should be navigated in the order they appear.
...
values don't need to be sequential, nor must they begin with any particular
value.
... they may even be negative, though each browser trims very large
values.
... syntax element.tabindex = index; var index = element.tabindex;
value index is an integer example const b1 = document.getelementbyid('button1'); b1.tabindex = 1; specifications specification status comment html living standardthe definition of 'tabindex' in that specification.
HTMLProgressElement - Web APIs
htmlprogresselement.max is a double
value reflecting the content attribute of the same name, limited to numbers greater than zero.
... its default
value is 1.0.
... htmlprogresselement.positionread only returns a double
value returning the result of dividing the current
value (
value) by the maximum
value (max); if the progress bar is an indeterminate progress bar, it returns -1.
... htmlprogresselement.
value is a double
value that reflects the current
value; if the progress bar is an indeterminate progress bar, it returns 0.
HTMLSelectElement.add() - Web APIs
examples creating elements from scratch var sel = document.createelement("select"); var opt1 = document.createelement("option"); var opt2 = document.createelement("option"); opt1.
value = "1"; opt1.text = "option:
value 1"; opt2.
value = "2"; opt2.text = "option:
value 2"; sel.add(opt1, null); sel.add(opt2, null); /* produces the following, conceptually: <select> <option
value="1">option:
value 1</option> <option
value="2">option:
value 2</option> </select> */ the before parameter is optional.
... append to an existing collection var sel = document.getelementbyid("existinglist"); var opt = document.createelement("option"); opt.
value = "3"; opt.text = "option:
value 3"; sel.add(opt, null); /* takes the existing following select object: <select id="existinglist"> <option
value="1">option:
value 1</option> <option
value="2">option:
value 2</option> </select> and changes it to: <select id="existinglist"> <option
value="1">option:
value 1</option> <option
value="2">option:
value 2</option> <option
value="3">option:
value 3</option> </select> */ the before parameter is optional.
... inserting to an existing collection var sel = document.getelementbyid("existinglist"); var opt = document.createelement("option"); opt.
value = "3"; opt.text = "option:
value 3"; sel.add(opt, sel.options[1]); /* takes the existing following select object: <select id="existinglist"> <option
value="1">option:
value 1</option> <option
value="2">option:
value 2</option> </select> and changes it to: <select id="existinglist"> <option
value="1">option:
value 1</option> <option
value="3">option:
value 3</option> <option
value="2">option:
value 2</option> </select> */ specifications specification status comment html living standardthe definition of 'htmlselectelement.add()' in that s...
... the
value of before can now be a long and is optional.
Headers.entries() - Web APIs
the headers.entries() method returns an iterator allowing to go through all key/
value pairs contained in this object.
... the both the key and
value of each pairs are bytestring objects.
... syntax headers.entries(); return
value returns an iterator.
... example // create a test headers object var myheaders = new headers(); myheaders.append('content-type', 'text/xml'); myheaders.append('vary', 'accept-language'); // display the key/
value pairs for (var pair of myheaders.entries()) { console.log(pair[0]+ ': '+ pair[1]); } the result is: content-type: text/xml vary: accept-language ...
Headers.getAll() - Web APIs
the getall() method of the headers interface used to return an array of all the
values of a header within a headers object with a given name; in newer versions of the fetch spec, it has been deleted, and headers.get() has been updated to fetch all header
values instead of only the first one.
... syntax myheaders.getall(name); parameters name the name of the http header whose
values you want to retrieve from the headers object.
... returns an array containing a bytestring sequence representing the
values of the retrieved header.
... example creating an empty headers object is simple: var myheaders = new headers(); // currently empty you could add a header to this using headers.append, then retrieve it using getall(): myheaders.append('content-type', 'image/jpeg'); myheaders.getall('content-type'); // returns [ "image/jpeg" ] if the header has multiple
values associated with it, the array will contain all the
values, in the order they were added to the headers object: myheaders.append('accept-encoding', 'deflate'); myheaders.append('accept-encoding', 'gzip'); myheaders.getall('accept-encoding'); // returns [ "deflate", "gzip" ] note: use headers.get to return only the first
value added to the headers object.
IDBCursor.delete() - Web APIs
once the record is deleted, the cursor's
value is set to null.
...also note that in each iteration of the loop, you can grab data from the current record under the cursor object using cursor.
value.foo.
... for a complete working example, see our idbcursor example (view example live.) function deleteresult() { list.innerhtml = ''; var transaction = db.transaction(['rushalbumlist'], 'readwrite'); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { if(cursor.
value.albumtitle === 'grace under pressure') { var request = cursor.delete(); request.onsuccess = function() { console.log('deleted that mediocre album from 1984.
... even power windows is better.'); }; } else { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.
value.albumtitle + '</strong>, ' + cursor.
value.year; list.appendchild(listitem); } cursor.continue(); } else { console.log('entries displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'delete()' in that specification.
IDBFactory.cmp() - Web APIs
the cmp() method of the idbfactory interface compares two
values as keys to determine equality and ordering for indexeddb operations, such as storing and iterating.
... note: do not use this method for comparing arbitrary javascript
values, because many javascript
values are either not valid indexeddb keys (booleans and objects, for example) or are treated as equivalent indexeddb keys (for example, since indexeddb ignores arrays with non-numeric properties and treats them as empty arrays, so any non-numeric arrays are treated as equivalent).
... this throws an exception if either of the
values is not a valid key.
... return
value an integer that indicates the result of the comparison; the table below lists the possible
values and their meanings: returned
value description -1 1st key is less than the 2nd key 0 1st key is equal to the 2nd key 1 1st key is greater than the 2nd key exceptions this method may raise a domexception of the following types: attribute description dataerror one of the supplied keys was not a valid key.
IDBIndex.getAll() - Web APIs
there is a performance cost associated with looking at the
value property of a cursor, because the object is created lazily.
...if this
value is null or missing, the browser will use an unbound key range.
...if this
value exceeds the number of records in the query, the browser will only retrieve the first item.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
IDBIndex.getKey() - Web APIs
if this
value is null or missing, the browser will use an unbound key range.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
...('contactslist'); var myindex = objectstore.index('lname'); var getkeyrequest = myindex.getkey('bungle'); getkeyrequest.onsuccess = function() { console.log(getkeyrequest.result); } myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'getkey()' in that specification.
IDBIndex.isAutoLocale - Web APIs
the isautolocale read-only property of the idbindex interface returns a boolean indicating whether the index had a locale
value of auto specified upon its creation (see createindex()'s optionalparameters.) syntax var myindex = objectstore.index('index'); console.log(myindex.isautolocale);
value a boolean.
... the isautolocale
value is logged to the console.
...ion = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.isautolocale); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications not currently part of any specification.
IDBIndex.multiEntry - Web APIs
the multientry read-only property of the idbindex interface returns a boolean
value that affects how the index behaves when the result of evaluating the index's key path yields an array.
... syntax var ismultientry = myindex.multientry;
value a boolean:
value effect true there is one record in the index for each item in an array of keys.
...ction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.multientry); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'multientry' in that specification.
IDBIndex.openKeyCursor() - Web APIs
note: cursors returned by openkeycursor() do not make the referenced
value available as idbindex.opencursor does.
...see idbcursor constants for possible
values.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
... typeerror the
value for the direction parameter is invalid.
IDBIndex.unique - Web APIs
syntax var isunique = idbindex.unique;
value a boolean:
value effect true the current index does not allow duplicate
values for a key.
... false the current index allows duplicate key
values.
...ansaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.unique); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'unique' in that specification.
IDBObjectStore.getAll() - Web APIs
if a
value is successfully found, then a structured clone of it is created and set as the result of the request object.
... this method produces the same result for: a record that doesn't exist in the database a record that has an undefined
value to tell these situations apart, you either call the opencursor() method with the same key.
... count optional specifies the number of
values to return if more than one is found.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
IDBObjectStore.openCursor() - Web APIs
the opencursor() method of the idbobjectstore interface returns an idbrequest object, and, in a separate thread, returns a new idbcursorwith
value object.
...valid
values are "next", "nextunique", "prev", and "prevunique".
... return
value an idbrequest object on which subsequent events related to this operation are fired.
... in this simple fragment we create a transaction, retrieve an object store, then use a cursor to iterate through all the records in the object store: var transaction = db.transaction("name", "readonly"); var objectstore = transaction.objectstore("name"); var request = objectstore.opencursor(); request.onsuccess = function(event) { var cursor = event.target.result; if(cursor) { // cursor.
value contains the current record being iterated through // this is where you'd do something with the result cursor.continue(); } else { // no more results } }; specification specification status comment indexed database api 2.0the definition of 'opencursor()' in that specification.
IDBObjectStore.put() - Web APIs
it returns an idbrequest object, and, in a separate thread, creates a structured clone of the
value and stores the cloned
value in the object store.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
... parameters
value the
value to be stored.
...up a transaction as usual const objectstore = db.transaction(['todolist'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title const objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = () => { // grab the data object returned as the result const data = objectstoretitlerequest.result; // update the notified
value in the object to "yes" data.notified = "yes"; // create another request that inserts the item back into the database const updatetitlerequest = objectstore.put(data); // log the transaction that originated this request console.log("the transaction that originated this request is " + updatetitlerequest.transaction); // when this new request succeeds, run the displaydata() function a...
IDBObjectStore - Web APIs
idbobjectstore.autoincrement read only the
value of the auto increment flag for this object store.
... methods idbobjectstore.add() returns an idbrequest object, and, in a separate thread, creates a structured clone of the
value, and stores the cloned
value in the object store.
... idbobjectstore.opencursor() returns an idbrequest object, and, in a separate thread, returns a new idbcursorwith
value object.
... idbobjectstore.put() returns an idbrequest object, and, in a separate thread, creates a structured clone of the
value, and stores the cloned
value in the object store.
ImageCapture.getPhotoSettings() - Web APIs
syntax const settingspromise = imagecapture.getphotosettings() return
value a promise that resolves with a photosettings object containing the following properties: filllightmode: the flash setting of the capture device, one of "auto", "off", or "on".
...the user agent selects the closest width
value to this setting if it only supports discrete heights.
...the user agent selects the closest width
value to this setting if it only supports discrete widths.
... imagecapture = new imagecapture(track); return imagecapture.getphotocapabilities(); }) .then(photocapabilities => { const settings = imagecapture.track.getsettings(); input.min = photocapabilities.imagewidth.min; input.max = photocapabilities.imagewidth.max; input.step = photocapabilities.imagewidth.step; return imagecapture.getphotosettings(); }) .then(photosettings => { input.
value = photosettings.imagewidth; }) .catch(error => console.log('argh!', error.name || error)); specifications specification status comment mediastream image capturethe definition of 'getphotosettings()' in that specification.
ImageData() - Web APIs
this
value is optional if an array is given: the height will be inferred from the array's size and the given width.
... return
value a new imagedata object.
... html <canvas id="canvas"></canvas> javascript the array (arr) has a length of 40000: it consists of 10,000 pixels, each of which is defined by 4
values.
... const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); const arr = new uint8clampedarray(40000); // iterate through every pixel for (let i = 0; i < arr.length; i += 4) { arr[i + 0] = 0; // r
value arr[i + 1] = 190; // g
value arr[i + 2] = 0; // b
value arr[i + 3] = 255; // a
value } // initialize a new imagedata object let imagedata = new imagedata(arr, 200); // draw image data to the canvas ctx.putimagedata(imagedata, 20, 20); result specification specification status comment html living standardthe definition of 'imagedata()' in that specification.
IntersectionObserver.thresholds - Web APIs
if only one threshold ratio was provided when instanitating the object, this will be an array containing that single
value.
... syntax var thresholds = intersectionobserver.thresholds;
value an array of intersection thresholds, originally specified using the threshold property when instantiating the observer.
... if only one observer was specified, without being in an array, this
value is a one-entry array containing that threshold.
... if no threshold option was included when intersectionobserver() was used to instantiate the observer, the
value of thresholds is simply [0].
IntersectionObserverEntry.intersectionRatio - Web APIs
the intersectionobserverentry interface's read-only intersectionratio property tells you how much of the target element is currently visible within the root's intersection ratio, as a
value between 0.0 and 1.0.
... syntax var intersectionratio = intersectionobserverentry.intersectionratio;
value a number between 0.0 and 1.0 which indicates how much of the target element is actually visible within the root's intersection rectangle.
... more precisely, this
value is the ratio of the area of the intersection rectangle (intersectionrect) to the area of the target's bounds rectangle (boundingclientrect).
... if the area of the target's bounds rectangle is zero, the returned
value is 1 if isintersecting is true or 0 if not.
KeyboardEvent.charCode - Web APIs
the charcode read-only property of the keyboardevent interface returns the unicode
value of a character key pressed during a keypress event.
... syntax var code = event.charcode; return
value a number that represents the unicode
value of the character key that was pressed.
...nto the input box below to log a <code>charcode</code>.</p> <input type="text" /> <p id="log"></p> javascript let input = document.queryselector('input'); let log = document.queryselector('#log'); input.addeventlistener('keypress', function(e) { log.innertext = `key pressed: ${string.fromcharcode(e.charcode)}\ncharcode: ${e.charcode}`; }); result notes in a keypress event, the unicode
value of the key pressed is stored in either the keycode or charcode property, but never both.
... for a list of the charcode
values associated with particular keys, run example 7: displaying event object properties and view the resulting html table.
KeyboardEvent.initKeyEvent() - Web APIs
the keyboardevent.initkeyevent() method is used to initialize the
value of an event created using document.createevent("keyboardevent").
... viewarg specifies the uievent.view; this
value may be null.
... keycodearg is a unsigned long representing the virtual key code
value of the key which was depressed, otherwise 0.
...this
value may be null.
KeyboardEvent.initKeyboardEvent() - Web APIs
chararg the
value of the char attribute.
... keyarg the
value of the key attribute.
... locationarg the
value of the location attribute.
... repeatarg the
value of the repeat attribute.
Keyboard API - Web APIs
the key
value takes into account the keyboard's locale (for example, 'en-us'), layout (for example, 'qwerty'), and modifier-key state (shift, control, etc.).
...a list of valid code
values is found in the writing system keys section of the ui events keyboardevent code
values spec.
... to capture the "w", "a", "s", and "d" keys, call lock() with a list that contains the key code attribute
value for each of these keys: navigator.keyboard.lock(["keyw", "keya", "keys", "keyd"]); this captures these keys regardless of which modifiers are used with the key press.
... “writing system keys” are defined in the writing system keys section of the ui events keyboardevent code
values spec as the physical keys that change meaning based on the current locale and keyboard layout.
LockedFile.location - Web APIs
its
value indicates at which bytes within the file any write or read operation will start.
... this
value is changed automatically after every read and write operation.
... the special
value null means end-of-file.
... syntax var location = instanceoflockedfile.location
value a number.
MediaError.code - Web APIs
the read-only property mediaerror.code returns a numeric
value which represents the kind of error that occurred on a media element.
... syntax var myerror = mediaerror.code;
value a numeric
value indicating the general type of error which occurred.
... the possible
values are described below, in media error code constants.
... media error code constants name
value description media_err_aborted 1 the fetching of the associated resource was aborted by the user's request.
MediaSession.setActionHandler() - Web APIs
the callback receives no input parameters, and should not return a
value.
... return
value undefined.
...
values each of the actions is a common media session control request.
... audio.currenttime = math.max(audio.currenttime - skiptime, 0); }); supporting multiple actions in one handler function you can also, if you prefer, use a single function to handle multiple action types, by checking the
value of the mediasessionactiondetails object's action property: let skiptime = 7; navigator.mediasession.setactionhandler("seekforward", handleseek); navigator.mediasession.setactionhandler("seekbackward", handleseek); function handleseek(details) { switch(details.action) { case "seekforward": audio.currenttime = math.min(audio.currenttime + skiptime, audio.duration); ...
MediaSessionActionDetails.seekTime - Web APIs
its
value is the absolute time, in seconds, to move the current play position to.
... syntax let mediasessionactiondetails = { seektime: abstimeinseconds }; let abstime = mediasessionactiondetails.seektime;
value a floating-point
value indicating the absolute time in seconds into the media to which to move the current play position.
... usage notes to perform a "fast" seek (such as when issuing multiple seekto actions in sequence while handling a scrubbing operation, the details object's fastseek property's
value is set to true, indicating that you should minimize or eliminate anything you do while handling the action that is only necessary at the final step.
... if the
value of fastseek is false, or fastseek is missing, the action should be treated as the final action of the operation, and you should finalize any details that need to be handled.
MediaSource.duration - Web APIs
syntax mediasource.duration = 5.5; // 5.5 seconds var myduration = mediasource.duration;
value a double.
... a
value in seconds is expected.
... exceptions the following exceptions may be thrown when setting a new
value for this property.
... exception explanation invalidaccesserror an attempt was made to set a duration
value that was negative, or nan.
MediaSource.isTypeSupported() - Web APIs
the mediasource.istypesupported() static method returns a boolean
value which is true if the given mime type is likely to be supported by the current user agent.
...if the returned
value is false, then the user agent is certain that it cannot access media of the specified format.
... return
value a boolean which is true if the browser feels that it can probably play media of the specified type.
...a
value of false is a guarantee that media of the given type will not play, however.
MediaStream.ended - Web APIs
the ended read-only property of the mediastream interface returns a boolean
value which is true if the stream has been completely read, or false if the end of the stream has not been reached.
... this
value once the ended event has been fired.
... this property has been removed from the specification; you should instead rely on the ended event or check the
value of mediastreamtrack.readystate to see if its
value is "ended" for the track or tracks you want to ensure have finished playing.
... syntax var hasended = mediastream.ended;
value a boolean
value that returns true if the end of the stream has been reached.
MediaTrackConstraints.autoGainControl - Web APIs
the mediatrackconstraints dictionary's autogaincontrol property is a constrainboolean describing the requested or mandatory constraints placed upon the
value of the autogaincontrol constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.autogaincontrol as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { autogaincontrol: constraint }; constraintsobject.autogaincontrol = constraint;
value if this
value is a simple true or false, the user agent will attempt to obtain media with automatic gain control enabled or disabled as specified, if possible, but will not fail if this can't be done.
... if, instead, the
value is given as an object with an exact field, that field's boolean
value indicates a required setting for the automatic gain control feature; if it can't be met, then the request will result in an error.
MediaTrackConstraints.channelCount - Web APIs
the mediatrackconstraints dictionary's channelcount property is a constrainlong describing the requested or mandatory constraints placed upon the
value of the channelcount constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.channelcount as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { channelcount: constraint }; constraintsobject.channelcount = constraint;
value if this
value is a number, the user agent will attempt to obtain media whose channel count is as close as possible to this number given the capabilities of the hardware and the other constraints specified.
... otherwise, the
value of this constrainlong will guide the user agent in its efforts to provide an exact match to the required channel count (if exact is specified or both min and max are provided and have the same
value) or to a best-possible
value.
MediaTrackConstraints.echoCancellation - Web APIs
the mediatrackconstraints dictionary's echocancellation property is a constrainboolean describing the requested or mandatory constraints placed upon the
value of the echocancellation constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.echocancellation as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { echocancellation: constraint }; constraintsobject.echocancellation = constraint;
value if this
value is a simple true or false, the user agent will attempt to obtain media with echo cancellation enabled or disabled as specified, if possible, but will not fail if this can't be done.
... if, instead, the
value is given as an object with an exact field, that field's boolean
value indicates a required setting for the echo cancellation feature; if it can't be met, then the request will result in an error.
MediaTrackConstraints.height - Web APIs
the mediatrackconstraints dictionary's height property is a constrainlong describing the requested or mandatory constraints placed upon the
value of the height constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.height as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { height: constraint }; constraintsobject.height = constraint;
value if this
value is a number, the user agent will attempt to obtain media whose height is as close as possible to this number given the capabilities of the hardware and the other constraints specified.
... otherwise, the
value of this constrainlong will guide the user agent in its efforts to provide an exact match to the required height (if exact is specified or both min and max are provided and have the same
value) or to a best-possible
value.
MediaTrackConstraints.logicalSurface - Web APIs
the mediatrackconstraints dictionary's logicalsurface property is a constraindomstring describing the requested or mandatory constraints placed upon the
value of the logicalsurface constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.logicalsurface as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { logicalsurface: constraint }; constraintsobject.logicalsurface = constraint;
value a constrainboolean which is true if logical surfaces should be permitted among the selections available to the user.
... usage notes you can check the setting selected by the user agent after the display media has been created by getdisplaymedia() by calling getsettings() on the display media's video mediastreamtrack, then checking the
value of the returned mediatracksettings object's logicalsurface object.
MediaTrackConstraints.noiseSuppression - Web APIs
the mediatrackconstraints dictionary's noisesuppression property is a constrainboolean describing the requested or mandatory constraints placed upon the
value of the noisesuppression constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.noisesuppression as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { noisesuppression: constraint }; constraintsobject.noisesuppression = constraint;
value if this
value is a simple true or false, the user agent will attempt to obtain media with noise suppression enabled or disabled as specified, if possible, but will not fail if this can't be done.
... if, instead, the
value is given as an object with an exact field, that field's boolean
value indicates a required setting for the noise suppression feature; if it can't be met, then the request will result in an error.
MediaTrackConstraints.sampleRate - Web APIs
the mediatrackconstraints dictionary's samplerate property is a constrainlong describing the requested or mandatory constraints placed upon the
value of the samplerate constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.samplerate as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { samplerate: constraint }; constraintsobject.samplerate = constraint;
value if this
value is a number, the user agent will attempt to obtain media whose sample rate is as close as possible to this number given the capabilities of the hardware and the other constraints specified.
... otherwise, the
value of this constrainlong will guide the user agent in its efforts to provide an exact match to the required sample rate (if exact is specified or both min and max are provided and have the same
value) or to a best-possible
value.
MediaTrackConstraints.sampleSize - Web APIs
the mediatrackconstraints dictionary's samplesize property is a constrainlong describing the requested or mandatory constraints placed upon the
value of the samplesize constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.samplesize as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { samplesize: constraint }; constraintsobject.samplesize = constraint;
value if this
value is a number, the user agent will attempt to obtain media whose sample size (in bits per linear sample) is as close as possible to this number given the capabilities of the hardware and the other constraints specified.
... otherwise, the
value of this constrainlong will guide the user agent in its efforts to provide an exact match to the required sample size (if exact is specified or both min and max are provided and have the same
value) or to a best-possible
value.
MediaTrackConstraints.width - Web APIs
the mediatrackconstraints dictionary's width property is a constrainlong describing the requested or mandatory constraints placed upon the
value of the width constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.width as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = { width: constraint }; constraintsobject.width = constraint;
value if this
value is a number, the user agent will attempt to obtain media whose width is as close as possible to this number given the capabilities of the hardware and the other constraints specified.
... otherwise, the
value of this constrainlong will guide the user agent in its efforts to provide an exact match to the required width (if exact is specified or both min and max are provided and have the same
value) or to a best-possible
value.
MediaTrackSettings.autoGainControl - Web APIs
the mediatracksettings dictionary's autogaincontrol property is a boolean
value whose
value indicates whether or not automatic gain control (agc) is enabled on an audio track.
... this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.autogaincontrol property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.autogaincontrol as returned by a call to mediadevices.getsupportedconstraints().
... syntax var autogaincontrol = mediatracksettings.autogaincontrol;
value a boolean
value which is true if the track has automatic gain control enabled or false if agc is disabled.
MediaTrackSettings.channelCount - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.channelcount property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.channelcount as returned by a call to mediadevices.getsupportedconstraints().
... syntax var channelcount = mediatracksettings.channelcount;
value an integer
value indicating the number of audio channels on the track.
... a
value of 1 indicates monaural sound, 2 means stereo, and so forth.
MediaTrackSettings.echoCancellation - Web APIs
the mediatracksettings dictionary's echocancellation property is a boolean
value whose
value indicates whether or not echo cancellation is enabled on an audio track.
... this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.echocancellation property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.echocancellation as returned by a call to mediadevices.getsupportedconstraints().
... syntax var echocancellation = mediatracksettings.echocancellation;
value a boolean
value which is true if the track has echo cancellation functionality enabled or false if echo cancellation is disabled.
MediaTrackSettings.facingMode - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.facingmode property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.facingmode as returned by a call to mediadevices.getsupportedconstraints().
... syntax var facingmode = mediatracksettings.facingmode;
value a domstring whose
value is one of the strings in videofacingmodeenum.
... videofacingmodeenum the following strings are permitted
values for the facing mode.
MediaTrackSettings.noiseSuppression - Web APIs
the mediatracksettings dictionary's noisesuppression property is a boolean
value whose
value indicates whether or not noise suppression technology is enabled on an audio track.
... this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.noisesuppression property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.noisesuppression as returned by a call to mediadevices.getsupportedconstraints().
... syntax var noisesuppression = mediatracksettings.noisesuppression;
value a boolean
value which is true if the input track has noise suppression enabled or false if agc is disabled.
MediaTrackSettings.volume - Web APIs
the mediatracksettings dictionary's volume property is a double-precision floating-point number indicating the volume of the mediastreamtrack as currently configured, as a
value from 0.0 (silence) to 1.0 (maximum supported volume for the device).
... this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.volume property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.volume as returned by a call to mediadevices.getsupportedconstraints().
... syntax var volume = mediatracksettings.volume;
value a double-precision floating-point number indicating the volume, from 0.0 to 1.0, of the audio track as currently configured.
MediaTrackSupportedConstraints.aspectRatio - Web APIs
the mediatracksupportedconstraints dictionary's aspectratio property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the aspectratio constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax aspectconstraintsupported = supportedconstraintsdictionary.aspectratio;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the aspectratio constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.autoGainControl - Web APIs
the mediatracksupportedconstraints dictionary's autogaincontrol property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the autogaincontrol constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax autogainsupported = supportedconstraintsdictionary.autogaincontrol;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the autogaincontrol constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.channelCount - Web APIs
the mediatracksupportedconstraints dictionary's channelcount property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the channelcount constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax channelcountconstraintsupported = supportedconstraintsdictionary.channelcount;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the channelcount constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.deviceId - Web APIs
the mediatracksupportedconstraints dictionary's deviceid property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the deviceid constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax deviceidconstraintsupported = supportedconstraintsdictionary.deviceid;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the deviceid constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.echoCancellation - Web APIs
the mediatracksupportedconstraints dictionary's echocancellation property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the echocancellation constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax echocancellationconstraintsupported = supportedconstraintsdictionary.echocancellation;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the echocancellation constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.facingMode - Web APIs
the mediatracksupportedconstraints dictionary's facingmode property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the facingmode constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax facingmodeconstraintsupported = supportedconstraintsdictionary.facingmode;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the facingmode constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.groupId - Web APIs
the mediatracksupportedconstraints dictionary's groupid property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the groupid constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax groupidconstraintsupported = supportedconstraintsdictionary.groupid;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the groupid constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.height - Web APIs
the mediatracksupportedconstraints dictionary's height property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the height constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax heightconstraintsupported = supportedconstraintsdictionary.height;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the height constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.latency - Web APIs
the mediatracksupportedconstraints dictionary's latency property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the latency constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax latencyconstraintsupported = supportedconstraintsdictionary.latency;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the latency constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.noiseSuppression - Web APIs
the mediatracksupportedconstraints dictionary's noisesuppression property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the noisesuppression constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax noisesuppressionsupported = supportedconstraintsdictionary.noisesuppression;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the noisesuppression constraint (and therefore supports noise suppression on audio tracks).
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.sampleRate - Web APIs
the mediatracksupportedconstraints dictionary's samplerate property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the samplerate constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax samplerateconstraintsupported = supportedconstraintsdictionary.samplerate;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the samplerate constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.sampleSize - Web APIs
the mediatracksupportedconstraints dictionary's samplesize property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the samplesize constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax samplesizeconstraintsupported = supportedconstraintsdictionary.samplesize;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the samplesize constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.volume - Web APIs
the mediatracksupportedconstraints dictionary's volume property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the volume constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax volumeconstraintsupported = supportedconstraintsdictionary.volume;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the volume constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MediaTrackSupportedConstraints.width - Web APIs
the mediatracksupportedconstraints dictionary's width property is a read-only boolean
value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the width constraint.
... if the constraint isn't supported, it's not included in the list, so this
value will never be false.
... syntax widthconstraintsupported = supportedconstraintsdictionary.width;
value this property is present in the dictionary (and its
value is always true) if the user agent supports the width constraint.
... if the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its
value.
MutationObserver.MutationObserver() - Web APIs
return
value a new mutationobserver object, configured to call the specified callback when dom mutations occur.
... (see mutation.addednodes and mutation.removednodes.) */ break; case 'attributes': /* an attribute
value changed on the element in mutation.target.
... the attribute name is in mutation.attributename, and its previous
value is in mutation.old
value.
...in it, we specify
values of true for both childlist and attributes, so we get the information we want.
MutationObserverInit.subtree - Web APIs
the default
value, false, indicates only the target node itself is to be monitored for changes.
... syntax var options = { subtree: true | false }
value a boolean
value.
...changing this
value to true causes the entire subtree rooted at the specified target node to be monitored for the changes indicated by the other options.
... for example, to watch the target node only for attribute changes, the mutationobserverinit passed into mutationobserver() can be: var options = { attributes: true, subtree: false }; since the default
value of subtree is false, line 3 is optional.
NodeFilter.acceptNode() - Web APIs
possible return
values are: constant description nodefilter.filter_accept
value returned by the nodefilter.acceptnode() method when a node should be accepted.
... nodefilter.filter_reject
value to be returned by the nodefilter.acceptnode() method when a node should be rejected.
... the children of rejected nodes are not visited by the nodeiterator or treewalker object; this
value is treated as "skip this node and all its children".
... nodefilter.filter_skip
value to be returned by nodefilter.acceptnode() for nodes to be skipped by the nodeiterator or treewalker object.
Using the Notifications API - Web APIs
checking current permission status you can check to see if you already have permission by checking the
value of the notification.permission read only property.
... it can have one of three possible
values: default the user hasn't been asked for permission yet, so notifications won't be displayed.
...inside here we explicitly set the notification.permission
value (some old versions of chrome failed to do this automatically), and show or hide the button depending on what the user chose in the permission dialog.
..." + i, {tag: 'somanynotification'}); if (i++ == 9) { window.clearinterval(interval); } }, 200); } // if the user hasn't told if he wants to be notified or not // note: because of chrome, we are not sure the permission property // is set, therefore it's unsafe to check for the "default"
value.
OVR_multiview2.framebufferTextureMultiviewOVR() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
...possible
values: gl.color_attachment0: attaches the texture to the framebuffer's color buffer.
... return
value none.
... a gl.invalid_
value error is thrown if level is not 0.
OfflineAudioCompletionEvent.OfflineAudioCompletionEvent() - Web APIs
return
value a new offlineaudiocompletionevent object instance.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetofflineaudiocompletionevent() constructorchrome full support 57notes full support 57notes notes before chrome 59, the default
values were not supported.edge full support ≤79firefox full support 53ie no support noopera full support 42safari ?
... webview android full support 57notes full support 57notes notes before version 59, the default
values were not supported.chrome android full support 57notes full support 57notes notes before chrome 59, the default
values were not supported.firefox android full support 53opera android full support 42safari ios ?
... samsung internet android full support 6.0notes full support 6.0notes notes before samsung internet 7.0, the default
values were not supported.legend full support full support no support no support compatibility unknown compatibility unknownsee implementation notes.see implementation notes.
OscillatorNode.setPeriodicWave() - Web APIs
here, we create a periodicwave with two
values.
... the first
value is the dc offset, which is the
value at which the oscillator starts.
... the second and subsequent
values are sine and cosine components.
... you can think of it as the result of a fourier transform, where you get frequency domain
values from time domain
value.
Page Visibility API - Web APIs
this operates in a similar way across modern browsers, with the details being as follows: in firefox, windows in background tabs each have their own time budget in milliseconds — a max and a min
value of +50 ms and -150 ms, respectively.
...in chrome, this
value is 10 seconds.
...possible
values are: visible the page content may be at least partially visible.
... note: not all browsers support the unloaded
value.
PannerNode.positionX - Web APIs
the audioparam contained by this property is read only; however, you can still change the
value of the parameter by assigning a new
value to its audioparam.
value property.
... syntax var positionx = pannernode.positionx; pannernode.positionx.
value = newpositionx;
value an audioparam whose
value is the x coordinate of the audio source's position, in 3d cartesian coordinates.
... the default
value is 0.
... const context = new audiocontext(); const osc = new oscillatornode(context); const panner = new pannernode(context); panner.positionx.set
valueattime(-1, context.currenttime + 1); panner.positionx.set
valueattime(1, context.currenttime + 2); panner.positionx.set
valueattime(0, context.currenttime + 3); osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positionx' in that specification.
PaymentCurrencyAmount - Web APIs
currency a string containing a valid 3-letter iso 4217 currency identifier (iso 4217) indicating the currency used for the payment
value.
...
value a string containing a valid decimal
value representing the mount of currency constituting the payment amount.
... this string must only contain an optional leading "-" to indicate a negative
value, then one or more digits from 0 to 9, and an optional decimal point (".", regardless of locale) followed by at least one more digit.
... currencysystem optional a string describing the standard or specification as well as the currency system identifier within that system which was used to provide the
value.
PaymentResponse.retry() - Web APIs
error can be provided all by itself to provide only a generic error message, or in concert with the other properties to serve as an overview while other properties'
values gude the user to errors in specific fields in the payment form.
... return
value a promise which is resolved when the payment is successfully completed.
... the promise is rejected with an appropriate exception
value if the payment fails again.
... validate the returned reponse; if there are any fields whose
values are not acceptable, call the response's complete() method with a
value of "fail" to indicate failure.
PerformanceEntry.name - Web APIs
the name property of the performanceentry interface returns a
value that further specifies the
value returned by the performanceentry.entrytype property.
... syntax var name = entry.name; return
value the return
value depends on the subtype of the performanceentry object and the
value of performanceentry.entrytype, as shown by the table below.
...
value subtype entrytype
values description url performanceframetiming, performancenavigationtiming frame, navigation the document's address.
...this
value doesn't change even if the request is redirected.
PerformanceResourceTiming.connectStart - Web APIs
syntax resource.connectstart; return
value a domhighrestimestamp immediately before the browser starts to establish the connection to the server to retrieve the resource.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.domainLookupEnd - Web APIs
syntax resource.domainlookupend; return
value a domhighrestimestamp representing the time immediately after the browser finishes the domain name lookup for the resource.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.domainLookupStart - Web APIs
syntax resource.domainlookupstart; return
value a domhighrestimestamp immediately before the browser starts the domain name lookup for the resource.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.fetchStart - Web APIs
syntax resource.fetchstart; return
value a domhighrestimestamp immediately before the browser starts to fetch the resource.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.redirectEnd - Web APIs
syntax resource.redirectend; return
value a timestamp immediately after receiving the last byte of the response of the last redirect.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.redirectStart - Web APIs
syntax resource.redirectstart; return
value a timestamp representing the start time of the fetch which initiates the redirect.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.requestStart - Web APIs
if the transport connection fails and the browser retires the request, the
value returned will be the start of the retry request.
... 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.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.responseEnd - Web APIs
syntax resource.responseend; return
value a domhighrestimestamp immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.responseStart - Web APIs
syntax resource.responsestart; return
value a domhighrestimestamp immediately after the browser receives the first byte of the response from the server.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.secureConnectionStart - Web APIs
syntax resource.secureconnectionstart; return
value if the resource is fetched over a secure connection, a domhighrestimestamp immediately before the browser starts the handshake process to secure the current connection.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
... "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
PerformanceResourceTiming.workerStart - Web APIs
syntax resource.workerstart;
value a domhighrestimestamp.
... example in the following example, the
value of the *start and *end properties of all "resource" type events are logged.
...kupstart", "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("...
... " + properties[i] + " = " +
value); } else { console.log("...
Performance API - Web APIs
the
value could be a discrete point in time or the difference in time between two discrete points in time.
...however, if the browser is unable to provide a time
value accurate to 5 microseconds (because, for example, due to hardware or software constraints), the browser can represent the
value as a time in milliseconds accurate to a millisecond.
...the now() method returns a domhighrestimestamp whose
value that depends on the navigation start and scope.
... if the scope is a window, the
value is the time the browser context was created and if the scope is a worker, the
value is the time the worker was created.
PointerEvent.tangentialPressure - Web APIs
syntax var tanpressure = pointerevent.tangentialpressure; return
value a float representing the normalized tangential pressure of the pointer input in the range -1 to 1, inclusive, where 0 is the neutral position of the control.
... note that some hardware may only support positive
values in the range 0 to 1.
... for hardware that does not support tangential pressure, the
value will be 0.
... example in this snippet, when a pointerdown event is fired, different functions are called depending on the
value of the event's tangentialpressure property.
PointerEvent.twist - Web APIs
syntax var twist = pointerevent.twist; return
value a long
value representing the amount of twist, in degrees, applied to the transducer (pointer).
... the
value is in the range 0 to 359, inclusive.
... for devices that do not report twist, the
value is 0.
... example when a pointerdown event is fired, different functions are called depending on the
value of the event's twist property.
Pointer Lock API - Web APIs
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.
...there is no limit to movementx and movementy
values if the mouse is continuously moving in a single direction.
...a tracker is also set up to write out the x and y
values to the screen, for reference.
...the ability to avoid this limitation, in the form of the attribute/
value combination <iframe sandbox="allow-pointer-lock">, is expected to appear in chrome soon.
PublicKeyCredentialCreationOptions.attestation - Web APIs
this is a string whose
value indicates the preference regarding the attestation transport, between the authenticator, the client and the relying party.
... syntax attestation = publickeycredentialcreationoptions.attestation
value a string which may be "none": the relying party is not interested in this attestation.
...this
value is used when the relying party wishes to verify the attestation.
... the default
value is "none".
PublicKeyCredentialCreationOptions.authenticatorSelection - Web APIs
syntax authenticatorselection = publickeycredentialcreationoptions.authenticatorselection
value an object with the following properties: authenticatorattachmentoptional a string which is either "platform" or "cross-platform".
...the default
value is false.
...the
values may be: "required": user verification is required, the operation will fail if the response does not have the uv flag (as part of the authenticatordata property of authenticatorattestationresponse.attestationobject) "preferred": user verification is prefered, the operation will not fail if the response does not have the uv flag (as part of the authenticatordata property of authenticatorattestationresponse.attestationobject) "discouraged": user verification should not be employed as to minimize the user interaction during the process.
... the default
value is "preferred".
RTCConfiguration.bundlePolicy - Web APIs
the rtcconfiguration dictionary's bundlepolicy property is a string
value indicating which sdp bundling policy, if any, to use for the underlying rtp streams used by an rtcpeerconnection.
... syntax let rtcconfiguration = { bundlepolicy: policy }; rtcconfiguration.bundlepolicy = policy;
value a domstring identifying the sdp bundling policy to use for the rtp streams used by the rtcpeerconnection.
... this string, which must be a member of the rtcbundlepolicy enumeration, has the following possible
values: balanced the ice agent begins by creating one rtcdtlstransport to handle each type of content added: one for audio, one for video, and one for the rtc data channel, if applicable.
... if any other
value is specified, no configuration is specified when creating the rtcpeerconnection, or if the bundlepolicy property isn't included in the rtcconfiguration object specified when creating the connection, balanced is assumed.
RTCConfiguration.iceTransportPolicy - Web APIs
its
value must come from the rtcicetransportpolicy enumerated type.
... if this property isn't included in the rtcconfiguration, the default
value, all, is used.
... syntax let rtcconfiguration = { icetransportpolicy: policy }; rtcconfiguration.icetransportpolicy = policy; let policy = rtcconfiguration.icetransportpolicy;
value a domstring which indicates what ice candidate policy the ice agent should use during the negotiation process, per the jsep standard.
... the permitted
values are: all the ice agent is permitted to use any kind of candidate, including both local and relay candidates.
RTCDataChannel.bufferedAmount - Web APIs
as messages are actually sent, this
value is reduced accordingly.
...however, even after closing the channel, attempts to send messages continue to add to the bufferedamount
value, even though the messages are neither sent nor buffered.
... whenever this
value decreases to fall to or below the
value specified in the bufferedamountlowthreshold property, the user agent fires the bufferedamountlow event.
... syntax var amount = adatachannel.bufferedamount;
value the number of bytes of data currently queued to be sent over the data channel but have not yet been sent.
RTCDataChannel.bufferedAmountLowThreshold - Web APIs
the rtcdatachannel property bufferedamountlowthreshold is used to specify the number of bytes of buffered outgoing data that is considered "low." the default
value is 0.
... when the number of buffered outgoing bytes, as indicated by the bufferedamount property, falls to or below this
value, a bufferedamountlow event is fired.
...as messages are actually sent, this
value is reduced accordingly.
... syntax var threshold = adatachannel.bufferedamountlowthreshold; adatachannel.bufferedamountlowthreshold = threshold;
value the number of queued outgoing data bytes below which the buffer is considered to be "low." example in this snippet of code, bufferedamountlowthreshold is set to 64kb, and a handler for the bufferedamountlow event is established by setting the rtcdatachannel.onbufferedamountlow property to a function which should send more data into the buffer by calling send().
RTCDataChannel - Web APIs
values allowed by the websocket.binarytype property are also permitted here: "blob" if blob objects are being used or "arraybuffer" if arraybuffer objects are being used.
... the default is "blob".bufferedamount read only the read-only rtcdatachannel property bufferedamount returns the number of bytes of data currently queued to be sent over the data channel.bufferedamountlowthreshold the rtcdatachannel property bufferedamountlowthreshold is used to specify the number of bytes of buffered outgoing data that is considered "low." the default
value is 0.id read only the read-only rtcdatachannel property id returns an id number (between 0 and 65,534) which uniquely identifies the rtcdatachannel.label read only the read-only rtcdatachannel property label returns a domstring containing a name describing the data channel.
...if no protocol was specified when the data channel was created, then this property's
value is "" (the empty string).readystate read only the read-only rtcdatachannel property readystate returns an enum of type rtcdatachannelstate which indicates the state of the data channel's underlying data connection.reliable read only the read-only rtcdatachannel property reliable indicates whether or not the data channel is reliable.stream read only the deprecated (and never part of the ...
... events bufferedamountlow sent to the channel's onbufferedamountlow event handler when the number of bytes of data in the outgoing data buffer falls below the
value specified by bufferedamountlowthreshold.
RTCIceCandidate.RTCIceCandidate() - Web APIs
return
value a newly-created rtcicecandidate object, optionally configured based on the specified object based on the rtcicecandidateinit dictionary.
... if candidateinfo is provided, the new rtcicecandidate is initialized as follows: each member of the rtcicecandidateinit object is initialized to the
value of the property by the same name from rtcicecandidateinit.
...the default
value of candidate is the empty string, which indicates that the candidate is an "end-of-candidates" message.
... exceptions typeerror the specified rtcicecandidateinit has
values of null in both the sdpmid and sdpmlineindex properties.
RTCIceCandidate.component - Web APIs
syntax var component = rtcicecandidate.component;
value a domstring which is "rtp" for rtp (or rtp and rtcp multiplexed together) candidates or "rtcp" for rtcp candidates.
...a
value of "1" indicates rtp, which is recorded in the component property as "rtp".
... if this
value were instead "2", the a-line would be describing an rtcp candidate, and compoment would be "rtcp".
... example this code snippet examines a candidate's component type and dispatches the candidate to different handlers depending on the
value.
RTCIceCandidate.priority - Web APIs
the rtcicecandidate interface's read-only priority property specifies the candidate's priority according to the remote peer; the higher this
value is, the better the remote peer considers the candidate to be.
... as is the case with most of rtcicecandidate's properties, the
value of priority is extracted from the candidate a-line string specified when creating the rtcicecandidate.
... syntax var priority = rtcicecandidate.priority;
value a long, unsigned integer
value indicating the priority of the candidate according to the remote peer.
... the larger this
value is, the more preferable the remote peer considers this candidate to be.
RTCIceCandidate.relatedAddress - Web APIs
the relatedaddress field's
value is set when the rtcicecandidate() constructor is used.
... you can't specify the
value of relatedaddress in the options object, but the address is automatically extracted from the candidate a-line, if it's formatted properly, being taken from its rel-address field.
... the related address and port (relatedport) are not used at all by ice itself; they are provided for analysis and diagnostic purposes only, and their inclusion may be blocked by security systems, so do not rely on them having non-null
values.
... syntax var reladdress = rtcicecandidate.relatedaddress;
value a domstring which contains the candidate's related address.
RTCIceCandidate.relatedPort - Web APIs
the relatedport field's
value is set when the rtcicecandidate() constructor is used.
... you can't specify the
value of relatedport in the options object, but the address is automatically extracted from the candidate a-line, if it's formatted properly, being taken from its rel-port field.
... the related address (relatedaddress) and port are not used at all by ice itself; they are provided for analysis and diagnostic purposes only, and their inclusion may be blocked by security systems, so do not rely on them having non-null
values.
... syntax var relport = rtcicecandidate.relatedport;
value an unsigned 16-bit
value containing the candidate's related port number, if any.
RTCIceCandidate.sdpMLineIndex - Web APIs
this
value is specified when creating the rtcicecandidate by setting the corresponding sdpmlineindex
value in the rtcicecandidateinit object when creating a new candidate with new rtcicecandidate().
... if you instead call rtcicecandidate() with a string parameter containing the candidate m-line text, the
value of sdpmlineindex is extracted from the m-line.
... syntax var sdpmlineindex = rtcicecandidate.sdpmlineindex;
value a number containing a 0-based index into the set of m-lines providing media descriptions, indicating which media source is associated with the candidate, or null if no such association is available.
... note: attempting to add a candidate (using addicecandidate()) that has a
value of null for either sdpmid or sdpmlineindex will throw a typeerror exception.
RTCIceCandidate.sdpMid - Web APIs
this property can be configured by specifying the
value of the sdpmid property when constructing the new candidate object using rtcicecandidate().
... if you call the constructor with an m-line string instead of an rtcicecandidateinit object, the
value of sdpmid is extracted from the specified candidate m-line string.
... syntax var sdpmid = rtcicecandidate.sdpmid;
value a domstring which uniquely identifies the source media component from which the candidate draws data, or null if no such association exists for the candidate.
... note: attempting to add a candidate (using addicecandidate()) that has a
value of null for either sdpmid or sdpmlineindex will throw a typeerror exception.
RTCIceCandidateInit.candidate - Web APIs
the optional property candidate in the rtcicecandidateinit dictionary specifies the
value of the rtcicecandidate object's candidate property.
...
value a domstring describing the properties of the candidate, taken directly from the sdp attribute "candidate".
...for an a-line (attribute line) that looks like this: a=candidate:4234997325 1 udp 2043278322 192.168.0.56 44323 typ host the corresponding candidate string's
value will be "candidate:4234997325 1 udp 2043278322 192.168.0.56 44323 typ host".
...might handle receiving that json message like this: function goticecandidatemessage(msg) { var icecandidate = new rtcicecandidate({ candidate: msg.candidate; }); pc.addicecandidate(icecandidate).catch({ /* handle error */ }); } it's helpful to note that for backward compatibility with older versions of the webrtc specification, the rtcicecandidate() constructor accepts the
value of candidate as its only input, in place of the rtcicecandidateinit dictionary.
RTCIceTransport.component - Web APIs
the
value is one of the strings in rtcicecomponent.
... syntax icecomponent = rtcicetransport.component;
value a domstring whose
value comes from the enumerated type rtcicecomponent: "rtp" identifies an ice transport which is being used for the real-time transport protocol (rtp), or for rtp multiplexed with the rtp control protocol (rtcp).
...an rtcicecomponent of this
value corresponds to the component id field in the candidate a-line with the
value 1.
...this
value of rtcicecomponent corresponds to the component id 2.
RTCPeerConnection.canTrickleIceCandidates - Web APIs
if trickling isn't supported, or you aren't able to tell, you can check for a falsy
value for this property and then wait until the
value of icegatheringstate changes to "completed" before creating and sending the initial offer.
... syntax var cantrickle = rtcpeerconnection.cantrickleicecandidates;
value a boolean that is true if the remote peer can accept trickled ice candidates and false if it cannot.
... if no remote peer has been established, this
value is null.
... note: this property's
value is determined once the local peer has called rtcpeerconnection.setremotedescription(); the provided description is used by the ice agent to determine whether or not the remote peer supports trickled ice candidates.
RTCPeerConnection.currentLocalDescription - Web APIs
to change the currentlocaldescription, call rtcpeerconnection.setlocaldescription(), which triggers a series of events which leads to this
value being set.
... unlike rtcpeerconnection.localdescription, this
value represents the actual current state of the local end of the connection; localdescription may specify a description which the connection is currently in the process of switching over to.
... syntax sessiondescription = rtcpeerconnection.currentlocaldescription; return
value the current description of the local end of the connection, if one has been set.
... if none has been successfully set, this
value is null.
RTCPeerConnection.currentRemoteDescription - Web APIs
to change the currentremotedescription, call rtcpeerconnection.setremotedescription(), which triggers a series of events which leads to this
value being set.
... unlike rtcpeerconnection.remotedescription, this
value represents the actual current state of the local end of the connection; remotedescription may specify a description which the connection is currently in the process of switching over to.
... syntax sessiondescription = rtcpeerconnection.currentremotedescription; return
value the current description of the remote end of the connection, if one has been set.
... if none has been successfully set, this
value is null.
RTCPeerConnection.getStats() - Web APIs
if this is null (the default
value), statistics will be gathered for the entire rtcpeerconnection.
... return
value a promise which resolves with an rtcstatsreport object providing connection statistics.
...if this is null (the default
value), statistics will be gathered for the entire rtcpeerconnection.
...no return
value is expected from the callback.
RTCPeerConnection: icegatheringstatechange event - Web APIs
this signifies that the
value of the connection's icegatheringstate property has changed.
... when ice firststarts to gather connection candidates, the
value changes from new to gathering to indicate that the process of collecting candidate configurations for the connection has begun.
... when the
value changes to complete, all of the transports that make up the rtcpeerconnection have finished gathering ice candidates.
... bubbles no cancelable no interface event event handler onicegatheringstatechange note: while you can determine that ice candidate gathering is complete by watching for icegatheringstatechange events and checking for the
value of icegatheringstate to become complete, you can also simply have your handler for the icecandidate event look to see if its candidate property is null.
RTCPeerConnection.setConfiguration() - Web APIs
the rtcpeerconnection.setconfiguration() method sets the current configuration of the rtcpeerconnection based on the
values included in the specified rtcconfiguration object.
...the changes are not additive; instead, the new
values completely replace the existing ones.
...this happens if configuration.peeridentity or configuration.certificates is set and their
values differ from the current configuration.
...ice negotiation is restarted by calling createoffer(), specifying true as the
value of the icerestart option.
RTCRtpCodecParameters - Web APIs
most of the fields in this property take
values which are defined and maintained by the internet assigned numbers authority (iana).
... clockrate optional an unsigned long integer
value specifying the codec's clock rate in hertz (hz).
...most codecs have specific
values or ranges of
values they permit; see the iana payload format media type registry for details.
...for example, for audio codecs, a
value of 1 specifies monaural sound while 2 indicates stereo.
RTCRtpTransceiver.currentDirection - Web APIs
its
value is one of the strings defined by the rtcrtptransceiverdirection enumeration.
... syntax var direction = rtcrtptransceiver.currentdirection
value a domstring whose
value is one of the strings which are a member of the rtcrtptransceiverdirection enumerated type.
... the rtcrtptransceiverdirection type is an enumeration of string
values.
...
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the other peer accepts the connection and at least one of the sender's encodings is active1.
RTCSessionDescription - Web APIs
the session description's type will be specified using one of these
values.
...
value description answer the sdp contained in the sdp property is the definitive choice in the exchange.
...the parameter is a rtcsessiondescriptioninit dictionary containing the
values to assign the two properties.
...the
values of both properties, type and sdp, are contained in the generated json.
ReadableStream.tee() - Web APIs
return
value an array containing two readablestream instances.
... function teestream() { const teedoff = stream.tee(); fetchstream(teedoff[0], list2); fetchstream(teedoff[1], list3); } function fetchstream(stream, list) { const reader = stream.getreader(); let charsreceived = 0; // read() returns a promise that resolves // when a
value has been received reader.read().then(function processtext({ done,
value }) { // result objects contain two properties: // done - true if the stream has already given you all its data.
... //
value - some data.
... if (done) { console.log("stream complete"); return; } //
value for fetch streams is a uint8array charsreceived +=
value.length; const chunk =
value; let listitem = document.createelement('li'); listitem.textcontent = 'read ' + charsreceived + ' characters so far.
ReadableStreamDefaultReader.ReadableStreamDefaultReader() - Web APIs
return
value an instance of the readablestreamdefaultreader object.
... function fetchstream() { const reader = stream.getreader(); let charsreceived = 0; // read() returns a promise that resolves // when a
value has been received reader.read().then(function processtext({ done,
value }) { // result objects contain two properties: // done - true if the stream has already given you all its data.
... //
value - some data.
... if (done) { console.log("stream complete"); para.textcontent = result; return; } //
value for fetch streams is a uint8array charsreceived +=
value.length; const chunk =
value; let listitem = document.createelement('li'); listitem.textcontent = 'received ' + charsreceived + ' characters so far.
ReadableStreamDefaultReader.cancel() - Web APIs
return
value a promise, which fulfills with the
value given in the reason parameter.
... function fetchstream() { const reader = stream.getreader(); let charsreceived = 0; // read() returns a promise that resolves // when a
value has been received reader.read().then(function processtext({ done,
value }) { // result objects contain two properties: // done - true if the stream has already given you all its data.
... //
value - some data.
... if (done) { console.log("stream complete"); reader.cancel(); para.textcontent = result; return; } //
value for fetch streams is a uint8array charsreceived +=
value.length; const chunk =
value; let listitem = document.createelement('li'); listitem.textcontent = 'received ' + charsreceived + ' characters so far.
Request.cache - Web APIs
syntax var currentcachemode = request.cache;
value a requestcache
value.
... the available
values are: default — the browser looks for a matching request in its http cache.
...// in reality; this would be a function that takes a path and a // reference to the controller since it would need to change the
value let controller = new abortcontroller(); fetch("some.json", {cache: "only-if-cached", mode: "same-origin", signal: controller.signal}) .catch(e => e instanceof typeerror && e.message === "failed to fetch" ?
... // if older than 24 hours controller.abort() controller = new abortcontroller(); return fetch("some.json", {cache: "reload", mode: "same-origin", signal: controller.signal}) } // other possible conditions if (dt < (date.now() - 300000)) // if it's older than 5 minutes fetch("some.json", {cache: "no-cache", mode: "same-origin"}) // no cancellation or return
value.
Request.credentials - Web APIs
syntax var mycred = request.credentials;
value a requestcredentials dictionary
value indicating whether the user agent should send cookies from the other domain in the case of cross-origin requests.
... possible
values are: omit: never send or receive cookies.
...this is the default
value.
... this is similar to xhr’s withcredentials flag, but with three available
values instead of two.
Request.mode - Web APIs
syntax var mymode = request.mode;
value a requestmode
value.
... the associated mode, available
values of which are: same-origin — if a request is made to another origin with this mode set, the result is simply an error.
...the navigate
value is intended to be used only by html navigation.
... for example, when a request object is created using the request.request constructor, the
value of the mode property for that request is set to cors.
Resource Timing API - Web APIs
this type is a double and its
value is a discrete point in time or the difference in time between two discrete points in time.
...however, if the browser is unable to provide a time
value accurate to 5 µs (because, for example, due to hardware or software constraints), the browser can represent a the
value as a time in milliseconds accurate to a millisecond.
... when cors is in effect, many of these
values are returned as zero unless the server's access policy permits these
values to be shared.
... this requires the server providing the resource to send the timing-allow-origin http response header with a
value specifying the origin or origins which are allowed to get the restricted timestamp
values.
SVGAnimatedEnumeration - Web APIs
svg animated enumeration interface the svganimatedenumeration interface is used for attributes whose
value must be a constant from a particular enumeration and which can be animated.
... interface overview also implement none methods none properties unsigned short baseval readonly unsigned short animval normative document svg 1.1 (2nd edition) properties name type description baseval unsigned short the base
value of the given attribute before applying any animations.
... animval unsigned short if the given attribute or property is being animated, contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, contains the same
value as baseval.
SVGFEMorphologyElement - Web APIs
get="_top"><rect x="261" y="65" width="220" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="371" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfemorphologyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_morphology_operator_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_morphology_operator_erode 1 corresponds to the erode
value.
... svg_morphology_operator_dilate 2 corresponds to dilate
value.
SVGUnitTypes - Web APIs
unittypes" target="_top"><rect x="1" y="1" width="120" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="61" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgunittypes</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name
value description svg_unit_type_unknown 0 the type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
... svg_unit_type_userspaceonuse 1 corresponds to the
value userspaceonuse.
... svg_unit_type_objectboundingbox 2 corresponds to the
value objectboundingbox.
SharedWorker() - Web APIs
the
value can be classic or module.
...the
value can be omit, same-origin, or include.
... return
value the created worker.
... examples the following code snippet shows creation of a sharedworker object using the sharedworker() constructor and subsequent usage of the object: var myworker = new sharedworker('worker.js'); myworker.port.start(); first.onchange = function() { myworker.port.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } second.onchange = function() { myworker.port.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } myworker.port.onmessage = function(e) { result1.textcontent = e.data; console.log('message received from worker'); } for a full example, see our basic shared worker example (run shared worker.) spe...
SourceBuffer.appendWindowEnd - Web APIs
the default
value of appendwindowend is positive infinity.
... syntax var myappendwindowend = sourcebuffer.appendwindowend; sourcebuffer.appendwindowend = 120.0;
value a double, indicating the end time of the append window, in seconds.
... exceptions the following exceptions may be thrown when setting a new
value for this property.
... exception explanation invalidaccesserror an attempt was made to set the
value to less than or equal to sourcebuffer.appendwindowstart, or nan.
SourceBuffer.appendWindowStart - Web APIs
the default
value of appendwindowstart is the presentation start time, which is the beginning time of the playable media.
... syntax var myappendwindowstart = sourcebuffer.appendwindowstart; sourcebuffer.appendwindowstart = 2.0;
value a double, indicating the start time of the append window, in seconds.
... exceptions the following exceptions may be thrown when setting a new
value for this property.
... exception explanation invalidaccesserror an attempt was made to set the
value to less than 0, or a
value greater than or equal to sourcebuffer.appendwindowend.
SpeechSynthesisUtterance.pitch - Web APIs
if unset, a default
value of 1 will be used.
... syntax // default 1 speechsynthesisutteranceinstance.pitch = 1.5;
value a float representing the pitch
value.
...if ssml is used, this
value will be overridden by prosody tags in the markup.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.pitch = 1.5; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'pitch' in that specification.
Storage.getItem() - Web APIs
the getitem() method of the storage interface, when passed a key name, will return that key's
value, or null if the key does not exist, in the given storage object.
... syntax var a
value = storage.getitem(keyname); parameters keyname a domstring containing the name of the key you want to retrieve the
value of.
... return
value a domstring containing the
value of the key.
... function setstyles() { var currentcolor = localstorage.getitem('bgcolor'); var currentfont = localstorage.getitem('font'); var currentimage = localstorage.getitem('image'); document.getelementbyid('bgcolor').
value = currentcolor; document.getelementbyid('font').
value = currentfont; document.getelementbyid('image').
value = currentimage; htmlelem.style.backgroundcolor = '#' + currentcolor; pelem.style.fontfamily = currentfont; imgelem.setattribute('src', currentimage); } note: to see this used within a real world example, see our web storage demo.
Storage.setItem() - Web APIs
the setitem() method of the storage interface, when passed a key name and
value, will add that key to the given storage object, or update that key's
value if it already exists.
... syntax storage.setitem(keyname, key
value); parameters keyname a domstring containing the name of the key you want to create/update.
... key
value a domstring containing the
value you want to give the key you are creating/updating.
... return
value undefined.
StylePropertyMap.append() - Web APIs
the append() method of the stylepropertymap interface adds a new css declaration to the stylepropertymap with the given property and
value.
... syntax stylepropertymap.append(property,
value) parameters property an identifier indicating the stylistic feature (e.g.
...
value the
value the given property should have.
... return
value undefined.
SubtleCrypto.digest() - Web APIs
a digest is a short fixed-length
value derived from some variable-length input.
... cryptographic digests should exhibit collision-resistance, meaning that it's hard to come up with two different inputs that have the same digest
value.
...supported
values are: sha-1 (but don't use this in cryptographic applications) sha-256 sha-384 sha-512.
... return
value digest is a promise that fulfills with an arraybuffer containing the digest.
Touch.radiusX - Web APIs
the
value is in css pixels of the same scale as touch.screenx.
... this
value, in combination with touch.radiusy and touch.rotationangle constructs an ellipse that approximates the size and shape of the area of contact between the user and the screen.
... syntax var xradius = touchitem.radiusx; return
value xradius the x radius of the ellipse that most closely circumscribes the area of contact with the touch surface.
...when the src element is touched, the element's width and height will be calculate based on the touch point's radiusx and radiusy
values and the element will then be rotated using the touch point's rotationangle.
UIEvent.pageY - Web APIs
syntax var pagey = event.pagey; pagey is an integer
value in pixels for the y-coordinate of the mouse pointer, relative to the whole document, when the mouse event fired.
... example <html> <head> <title>pagex\pagey & layerx\layery example</title> <script type="text/javascript"> function showcoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentnode.id; form.parentid.
value = parent_id; form.pagexcoords.
value = evt.pagex; form.pageycoords.
value = evt.pagey; form.layerxcoords.
value = evt.layerx; form.layerycoords.
value = evt.layery; } </script> <style type="text/css"> #d1 { border: solid blue 1px; padding: 20px; } #d2 { position: absolute; top: 180px; left: 80%; right:auto; width: 40%; border: solid blue 1px; padding: 20px; } #d3 { position: absolute; top: 240px; left: 20%; width: 50%; border: solid blue 1px; pa...
...dding: 10px; } </style> </head> <body onmousedown="showcoords(event)"> <p>to display the mouse coordinates please click anywhere on the page.</p> <div id="d1"> <span>this is an un-positioned div so clicking it will return layerx/layery
values almost the same as pagex/pagey
values.</span> </div> <div id="d2"> <span>this is a positioned div so clicking it will return layerx/layery
values that are relative to the top-left corner of this positioned element.
...this is a positioned div so clicking it will return layerx/layery
values that are relative to the top-left corner of this positioned element.
URLSearchParams.entries() - Web APIs
the entries() method of the urlsearchparams interface returns an iterator allowing iteration through all key/
value pairs contained in this object.
... the key and
value of each pair are usvstring objects.
... return
value returns an iterator.
... examples // create a test urlsearchparams object var searchparams = new urlsearchparams("key1=
value1&key2=
value2"); // display the key/
value pairs for(var pair of searchparams.entries()) { console.log(pair[0]+ ', '+ pair[1]); } the result is: key1,
value1 key2,
value2 specifications specification status comment urlthe definition of 'entries() (see "iterable")' in that specification.
URLSearchParams.forEach() - Web APIs
the foreach() method of the urlsearchparams interface allows iteration through all
values contained in this object via a callback function.
... syntax searchparams.foreach(callback); parameters callback a callback function that is executed against each parameter, with the param
value provided as its parameter.
... return
value void.
... examples // create a test urlsearchparams object var searchparams = new urlsearchparams("key1=
value1&key2=
value2"); // log the
values searchparams.foreach(function(
value, key) { console.log(
value, key); }); the result is:
value1 key1
value2 key2 specifications specification status comment urlthe definition of 'foreach() (see "iterable")' in that specification.
URLSearchParams.sort() - Web APIs
the urlsearchparams.sort() method sorts all key/
value pairs contained in this object in place and returns undefined.
...the relative order between key/
value pairs with equal keys will be preserved).
... return
value undefined.
... examples // create a test urlsearchparams object var searchparams = new urlsearchparams("c=4&a=2&b=3&a=1"); // sort the key/
value pairs searchparams.sort(); // display the sorted query string console.log(searchparams.tostring()); the result is: a=2&a=1&b=3&c=4 specifications specification status comment urlthe definition of 'sort()' in that specification.
USBConfiguration - Web APIs
constructor usbconfiguration.usbconfiguration() creates a new usbconfiguration object which contains information about the configuration on the provided usbdevice with the given configuration
value.
... properties usbconfiguration.configuration
valueread only returns the configuration
value of this configuration.
... this is equal to the bconfiguration
value field of the configuration descriptor provided by the device defining this configuration.
...this is equal to the
value of the string descriptor with the index provided in the iconfiguration field of the configuration descriptor defining this configuration.
USBDevice.controlTransferOut() - Web APIs
the available options are: requesttype: must be one of three
values specifying whether the tranfer is "standard" (common to all usb devices) "class" (common to an industry-standard class of devices) or "vendor".
...
value: vender-specific request parameters.
...not all commands require data; some commands can send data just through the
value parameter.
... return
value a promise that resolves with a usbouttransferresult.
ValidityState.patternMismatch - Web APIs
the read-only patternmismatch property of a validitystate object indicates if the
value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's pattern attribute.
... if the field supports the pattern attribute -- which means the <input> is of type text, tel, email, url, password, or search -- and the pattern
value is set to a valid regular expression, if the
value don't doesn't conform to the constraints set by the pattern
value, the patternmismatch property will be true.
... if the
values are too long or too short, or contain characters that aren't digits, patternmismatch will be true.
... input:invalid { border: red solid 3px; } note, in this case, we get a patternmismatch not a validitystate.toolong or validitystate.tooshort if the
values are too long or too short because it is the pattern that is dictating the length of the
value.
ValidityState.stepMismatch - Web APIs
the read-only stepmismatch property of a validitystate object indicates if the
value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's step attribute.
... if the field is numeric in nature, including the date, month, week, time, datetime-local, number and range types and the step
value is not any, if the
value don't doesn't conform to the constraints set by the step and min
values, then stepmismatch will be true.
... if the remainder of the form control's
value less the min
value, divided by the step
value (which defaults to 1 if ommitted) is not zero, there is a mismatch.
... given the following: <input type="number" min="20" max="40" step="2"/> if (
value - min) / 2 != 0, stepmismatch will be true.
WaveShaperNode.curve - Web APIs
the mid-element of the array is applied to any signal
value of 0, the first one to signal
values of -1, and the last to signal
values of 1;
values lower than -1 or greater than 1 are treated like -1 or 1 respectively.
... if necessary, intermediate
values of the distortion curve are linearly interpolated.
... note: the array can be a null
value: in that case, no distortion is applied to the input signal.
... syntax var audioctx = new audiocontext(); var distortion = audioctx.createwaveshaper(); distortion.curve = mycurvedataarray; // mycurvedataarray is a float32array
value a float32array.
WaveShaperNode.oversample - Web APIs
the oversample property of the waveshapernode interface is an enumerated
value indicating if oversampling must be used.
... the possible oversample
values are:
value effect 'none' do not perform any oversampling.
... syntax distortion.oversample = enumerated
value;
values distortion is a waveshapernode.
... enumerated
value is one of 'none', '2x', or '4x'.
WebGL2RenderingContext.getSamplerParameter() - Web APIs
possible
values: gl.texture_compare_func: returns a glenum indicating the texture comparison function.
... gl.texture_max_lod: returns a glfloat indicating the maximum level-of-detail
value.
... gl.texture_min_filter: returns a glenum indicating the texture minification filter gl.texture_min_lod: returns a glfloat indicating the minimum level-of-detail
value.
... return
value depends on the pname parameter, either a glenum or a glfloat.
WebGL2RenderingContext.texImage3D() - Web APIs
possible
values: gl.texture_3d: a three-dimensional texture.
...possible
values: gl.alpha: discards the red, green and blue components and reads the alpha component.
...possible
values: gl.unsigned_byte: 8 bits per channel for gl.rgba gl.unsigned_short_5_6_5: 5 red bits, 6 green bits, 5 blue bits.
... return
value none.
WebGL2RenderingContext.texSubImage3D() - Web APIs
possible
values: gl.texture_3d: a three-dimensional texture.
...possible
values: gl.alpha: discards the red, green and blue components and reads the alpha component.
...possible
values: gl.unsigned_byte: 8 bits per channel for gl.rgba gl.unsigned_short_5_6_5: 5 red bits, 6 green bits, 5 blue bits.
... return
value none.
WebGL2RenderingContext.uniform[1234][uif][v]() - Web APIs
the webgl2renderingcontext.uniform[1234][uif][v]() methods of the webgl api specify
values of uniform variables.
... data, v0, v1, v2, v3 a new
value to be used for the uniform variable.
... possible types: a number for unsigned integer
values (methods with ui), for integer
values (methods with i), or for floats (methods with f).
... return
value none.
WebGLRenderingContext.bufferSubData() - Web APIs
possible
values: gl.array_buffer: buffer containing vertex attributes, such as vertex coordinates, texture coordinate data, or vertex color data.
... when using a webgl 2 context, the following
values are available additionally: gl.copy_read_buffer: buffer for copying from one buffer object to another.
... return
value none.
... exceptions a gl.invalid_
value error is thrown if the data would be written past the end of the buffer or if data is null.
WebGLRenderingContext.drawArrays() - Web APIs
possible
values are: gl.points: draws a single dot.
... return
value none.
... exceptions if mode is not one of the accepted
values, a gl.invalid_enum error is thrown.
... if first or count are negative, a gl.invalid_
value error is thrown.
WebGLRenderingContext.getError() - Web APIs
return
value constant description gl.no_error no error has been recorded.
... the
value of this constant is 0.
... gl.invalid_enum an unacceptable
value has been specified for an enumerated argument.
... gl.invalid_
value a numeric argument is out of range.
WebGLRenderingContext.getProgramParameter() - Web APIs
possible
values: gl.delete_status: returns a glboolean indicating whether or not the program is flagged for deletion.
... when using a webgl 2 context, the following
values are available additionally: gl.transform_feedback_buffer_mode: returns a glenum indicating the buffer mode when transform feedback is active.
... return
value returns the requested program information (as specified with pname).
... editor's draft adds new pname
values: gl.transform_feedback_buffer_mode, gl.transform_feedback_varyings, gl.active_uniform_blocks ...
WebGLRenderingContext.getVertexAttrib() - Web APIs
possible
values: gl.vertex_attrib_array_buffer_binding: returns the currently bound webglbuffer.
... gl.current_vertex_attrib: returns a float32array (with 4 elements) representing the current
value of the vertex attribute at the given index.
... when using a webgl 2 context, the following
values are available additionally: gl.vertex_attrib_array_integer: returns a glboolean indicating whether or not an integer data type is in the vertex attribute array at the given index.
... return
value returns the requested vertex attribute information (as specified with pname).
WebGLRenderingContext.readPixels() - Web APIs
possible
values: gl.alpha: discards the red, green and blue components and reads the alpha component.
...possible
values: gl.unsigned_byte gl.unsigned_short_5_6_5 gl.unsigned_short_4_4_4_4 gl.unsigned_short_5_5_5_1 gl.float webgl2 adds gl.byte gl.unsigned_int_2_10_10_10_rev gl.half_float gl.short gl.unsigned_short gl.int gl.unsigned_int gl.unsigned_int_10f_11f_11f_rev gl.unsigned_int_5_9_9_9_rev pixels an arraybufferview object to read data into.
... return
value none.
... exceptions a gl.invalid_enum error is thrown if format or type is not an accepted
value.
WebGLRenderingContext.renderbufferStorage() - Web APIs
possible
values: gl.renderbuffer: buffer data storage for single images in a renderable internal format.
...possible
values: gl.rgba4: 4 red bits, 4 green bits, 4 blue bits 4 alpha bits.
... gl.depth_stencil when using a webgl 2 context, the following
values are available additionally: gl.r8 gl.r8ui gl.r8i gl.r16ui gl.r16i gl.r32ui gl.r32i gl.rg8 gl.rg8ui gl.rg8i gl.rg16ui gl.rg16i gl.rg32ui gl.rg32i gl.rgb8 gl.rgba8 gl.srgb8_alpha8 (also available as an extension for webgl 1, see below) gl.rgb10_a2 gl.rgba8ui gl.rgba8i gl.rgb10_a2ui gl.rgba16ui gl.rgba16i gl.rgba32i gl.rgba32ui gl.depth_component24 gl.depth_component32f gl.depth24_stencil8 gl.depth32f_stencil8 ...
... return
value none.
Matrix math for the web - Web APIs
these matrices consist of a set of 16
values arranged in a 4x4 grid.
...this is a special transformation matrix which functions much like the number 1 does in scalar multiplication; just like n * 1 = n, multiplying any matrix by the identity matrix gives a resulting matrix whose
values match the original matrix.
...since a 3d point only needs three
values (x, y, and z), and the transformation matrix is a 4x4
value matrix, we need to add a fourth dimension to the point.
...bear in mind that even though the matrix is made up of 4 rows and 4 columns, it collapses into a single line of 16
values.
Using Web Workers - Web APIs
when you want to send a message to the worker, you post messages to it like this (main.js): first.onchange = function() { myworker.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } second.onchange = function() { myworker.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } so here we have two <input> elements represented by the variables first and second; when the
value of either is changed, myworker.postmessage([first.
value,second.
value]) is used to send the
value inside both ...
... sending messages to and from a shared worker now messages can be sent to the worker as before, but the postmessage() method has to be invoked through the port object (again, you'll see similar constructs in both multiply.js and square.js): squarenumber.onchange = function() { myworker.port.postmessage([squarenumber.
value,squarenumber.
value]); console.log('message posted to worker'); } now, on to the worker.
... to illustrate this, let's create for didactical purpose a function named emulatemessage(), which will simulate the behavior of a
value that is cloned and not shared during the passage from a worker to the main page or vice versa: function emulatemessage(vval) { return eval('(' + json.stringify(vval) + ')'); } // tests // test #1 var example1 = new number(3); console.log(typeof example1); // object console.log(typeof emulatemessage(example1)); // number // test #2 var example2 = true; console.log(typeof example2); // bool...
.../ string // test #4 var example4 = { 'name': 'john smith', "age": 43 }; console.log(typeof example4); // object console.log(typeof emulatemessage(example4)); // object // test #5 function animal(stype, nage) { this.type = stype; this.age = nage; } var example5 = new animal('cat', 3); alert(example5.constructor); // animal alert(emulatemessage(example5).constructor); // object a
value that is cloned and not shared is called message.
WheelEvent() - Web APIs
"deltamode", optional and defaulting to 0, is a unsigned long representing the unit of the delta
values scroll amount.
... permitted
values are: constant
value description dom_delta_pixel 0x00 the delta
values are specified in pixels.
... dom_delta_line 0x01 the delta
values are specified in lines.
... dom_delta_page 0x02 the delta
values are specified in pages.
WheelEvent.deltaMode - Web APIs
the wheelevent.deltamode read-only property returns an unsigned long representing the unit of the delta
values scroll amount.
... permitted
values are: constant
value description dom_delta_pixel 0x00 the delta
values are specified in pixels.
... dom_delta_line 0x01 the delta
values are specified in lines.
... dom_delta_page 0x02 the delta
values are specified in pages.
Window: beforeunload event - Web APIs
however note that not all browsers support this method, and some instead require the event handler to implement one of two legacy methods: assigning a string to the event's return
value property returning a string from the event handler.
... examples the html specification states that authors should use the event.preventdefault() method instead of using event.return
value.
... event.preventdefault(); // chrome requires return
value to be set.
... event.return
value = ''; }); specifications specification status comment html living standardthe definition of 'beforeunload' in that specification.
Window.crypto - Web APIs
although window.crypto is available on all windows, the returned crypto object only has one usable feature in insecure contexts: the getrandom
values() method.
... syntax var cryptoobj = window.crypto || window.mscrypto; // for ie 11
value an instance of the crypto interface, providing access to general-purpose cryptography and a strong random-number generator.
... example this example uses the window.crypto property to access the getrandom
values() method.
... javascript genrandomnumbers = function getrandomnumbers() { var array = new uint32array(10); window.crypto.getrandom
values(array); var randtext = document.getelementbyid("myrandtext"); randtext.innerhtml = "the random numbers are: " for (var i = 0; i < array.length; i++) { randtext.innerhtml += array[i] + " "; } } html <p id="myrandtext">the random numbers are: </p> <button type="button" onclick='genrandomnumbers()'>generate 10 random numbers</button> result specifications specification status comment web cryptography apithe definition of 'window.crypto' in that specification.
Window.getDefaultComputedStyle() - Web APIs
the getdefaultcomputedstyle() method gives the default computed
values of all the css properties of an element, ignoring author styling.
... return
value the returned style is a cssstyledeclaration object.
... <style> h3:after { content: ' rocks!'; } </style> <h3>generated content</h3> <script> var h3 = document.queryselector('h3'), result = getdefaultcomputedstyle(h3, ':after').content; console.log('the generated content is: ', result); // returns 'none' </script> notes the returned
value is, in certain known cases, expressly incorrect by deliberate intent.
... in particular, to avoid the so called css history leak security issue, browsers may expressly "lie" about the used
value for a link and always return
values as if a user has never visited the linked site, and/or limit the styles that can be applied using the :visited pseudo-selector.
Window.openDialog() - Web APIs
returning
values from the dialog since window.close() erases all properties associated with the dialog window (i.e.
... the variables specified in the javascript code which gets loaded from the dialog), it is not possible to pass return
values back past the close operation using globals (or any other constructs).
... to be able to pass
values back to the caller, you have to supply some object via the extra parameters.
... 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.
Window.sessionStorage - Web APIs
opening a page in a new tab or window creates a new session with the
value of the top-level browsing context, which differs from how session cookies work.
... the keys and the
values are always in the utf-16 domstring format, which uses two bytes per character.
... syntax mystorage = window.sessionstorage;
value a storage object which can be used to access the current origin's session storage space.
... // get the text field that we're going to track let field = document.getelementbyid("field"); // see if we have an autosave
value // (this will only happen if the page is accidentally refreshed) if (sessionstorage.getitem("autosave")) { // restore the contents of the text field field.
value = sessionstorage.getitem("autosave"); } // listen for changes in the text field field.addeventlistener("change", function() { // and save the results into the session storage object sessionstorage.setitem("autosave", field.
value)...
self.createImageBitmap() - Web APIs
this
value can be negative.
...this
value can be negative.
...the
value default indicates that implementation-specific behavior is used.
... return
value a promise which resolves to an imagebitmap object containing bitmap data from the given rectangle.
WindowOrWorkerGlobalScope.fetch() - Web APIs
headers any headers you want to add to your request, contained within a headers object or an object literal with bytestring
values.
... integrity contains the subresource integrity
value of the request (e.g., sha256-bpfbw7ivv8q2jlit13fxdyae2tjllusrsz273h2nfse=).
... return
value a promise that resolves to a response object.
... living standard initial definition credential management level 1 working draft adds federatedcredential or passwordcredential instance as a possible
value for init.credentials.
WorkerNavigator - Web APIs
do not rely on this property to return the correct
value.
...do not rely on this property to return the correct
value.
...the null
value is returned when this is unknown.
...do not rely on this property to return the correct
value.
XMLHttpRequest.response - Web APIs
the xmlhttprequest response property returns the response's body content as an arraybuffer, blob, document, javascript object, or domstring, depending on the
value of the request's responsetype property.
... syntax var body = xmlhttprequest.response;
value an appropriate object based on the
value of responsetype.
... you may attempt to request the data be provided in a specific format by setting the
value of responsetype after calling open() to initialize the request but before calling send() to send the request to the server.
... the
value is null if the request is not yet complete or was unsuccessful, with the exception that when reading text data using a responsetype of "text" or the empty string (""), the response can contain the response so far while the request is still in the loading readystate (3).
XMLHttpRequest.responseText - Web APIs
syntax var resulttext = xmlhttprequest.responsetext;
value a domstring which contains either the textual data received using the xmlhttprequest or null if the request failed or "" if the request has not yet been sent by calling send().
... while handling an asynchronous request, the
value of responsetext always has the current content received from the server, even if it's incomplete because the data has not been completely received yet.
... you know the entire content has been received when the
value of readystate becomes xmlhttprequest.done (4), and status becomes 200 ("ok").
...since the responsetext property is only valid for text content, any other
value is an error condition.
XMLHttpRequestResponseType - Web APIs
these
values are used when getting or setting the responsetype on the request.
...
values "" an empty responsetype string is treated the same as "text", the default type.
... deprecated
values moz-chunked-arraybuffer a firefox-only
value which instructs xmlhttprequest to deliver arraybuffer objects containing chunks of the incoming data.
...outside the progress event handler, the
value of response is always null.
XRInputSource.targetRaySpace - Web APIs
these
values, interpreted in the context of the input source's targetraymode, can be used both to fully interpret the device as an input source.
... syntax let targetrayspace = xrinputsource.targetrayspace;
value an xrspace object—typically an xrreferencespace or xrboundedreferencespace—which represents the position and orientation of the input controller's target ray in virtual space.
...the exact meaning of this space varies, however, depending on the mode: every gaze input (targetraymode
value of gaze), shares the same xrspace object as their target ray space, since the gaze input comes from the viewer's head.
...inputs which have a
value for this property represent inputs that project a target ray outward from the user.
XRInputSourceArray - Web APIs
the interface xrinputsourcearray represents a live list of webxr input sources, and is used as the return
value of the xrsession property inputsources.
... entries() returns an iterator you can use to walk the list of key/
value pairs in the list.
... each item returned is an array whose first
value is the index and whose second
value is the xrinputsource at that index.
...
values() returns an iterator you can use to go through all the
values in the list.
XRSession - Web APIs
visibilitystate read only a domstring whose
value is one of those found in the xrvisibilitystate enumerated type, indicating whether or not the session's imagery is visible to the user, and if so, if it's being visible but not currently the target for user events.
...returns an integer
value which can be used to identify the request for the purposes of canceling the callback using cancelanimationframe().
... 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.
XRSessionMode - Web APIs
the webxr device api's xrsessionmode enumerated type defines the string
values used to identify the possible kinds of session mode that can be used.
...
values immersive-ar the session's output will be given exclusive access to the immersive device, but the rendered content will be blended with the real-world environment.
... usage notes the xrsessionmode type indicates the
values that can be specified when calling xr.issessionsupported() to determine whether or not the specified session type is supported and available to be used, and by requestsession() to attempt to open a new webxr session.
... editor's draft the immersive-ar
value added ...
XRWebGLLayer.framebuffer - Web APIs
otherwise, this property's
value is null.
... syntax let framebuffer = xrwebgllayer.framebuffer;
value a webglframebuffer object representing the framebuffer into which the 3d scene is being rendered, or null if the xr compositor is disabled for the session.
... the default configuration of a new framebuffer upon creating a new xrwebgllayer, its new framebuffer is initialized just like the default framebuffer for any webgl interface: the color buffer is configured with its clear
value set to the color (0, 0, 0, 0) (meaning transparent black).
... the depth buffer's clear
value is the number 1.0.
XRWebGLLayer.getNativeFramebufferScaleFactor() static method - Web APIs
return
value a floating-point
value which, when multiplied by the xrsession's recommended framebuffer dimensions, results in the xr device's native frame buffer resolution.
...in any case, multiplying the recommended resolution as identified by the xrsession by this
value will result in the actual native resolution of the xr hardware.
...in this case, the
value returned by xrwebgllayer.getnativeframebufferscalefactor() will be 2.0.
...when the returned promise resolves, we proceed by calling xrwebgllayer's getnativeframebufferscalefactor() static function to get the scale factor needed to reach the native resolution, and we then pass that into the webgllayer() constructor as the
value of the framebufferscalefactor property in its layerinit dictionary, which is an xrwebgllayerinit object.
XRWebGLLayerInit.stencil - Web APIs
also just like the depth buffer, the
value of an enter in the stencil buffer directly affects how (or if) the corresponding pixel is drawn during rendering.
... you can store
values into each entry in the stencil bufer, then specify an operation that determines which stencil buffer
values correspond to pixels which should be drawn to the screen during each frame.
... syntax let layerinit = { stencil: false }; let gllayer = new xrwebgllayer(xrsession, gl, layerinit); let gllayer = new xrwebgllayer(xrsession, gl, { stencil: false });
value a boolean which can be set to false to specify that the new webgl layer should not include a stencil buffer.
... the default
value is true.
Generating HTML - Web APIs
<xsl:template match="/"> <html> <head> <title> <xsl:
value-of select="/myns:article/myns:title"/> </title> <style type="text/css"> .mybox {margin:10px 155px 0 50px; border: 1px dotted #639ace; padding:0 5px 0 5px;} </style> </head> <body> <p class="mybox"> <span class="title"> <xsl:
value-of select="/myns:article/myns:title"/> </span> </br> authors: <br /> <xsl:apply...
... <xsl:template match="myns:author"> -- <xsl:
value-of select="." /> <xsl:if test="@company"> :: <b> <xsl:
value-of select="@company" /> </b> </xsl:if> <br /> </xsl:template> <xsl:template match="myns:body"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </...
...al xslt stylesheetview example | view source xsl stylesheet: <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns:myns="http://devedge.netscape.com/2002/de"> <xsl:output method="html" /> <xsl:template match="/"> <html> <head> <title> <xsl:
value-of select="/myns:article/myns:title"/> </title> <style type="text/css"> .mybox {margin:10px 155px 0 50px; border: 1px dotted #639ace; padding:0 5px 0 5px;} </style> </head> <body> <p class="mybox"> <span class="title"> <xsl:
value-of select="/myns:article/myns:title"/> </span> <br /> ...
... authors: <br /> <xsl:apply-templates select="/myns:article/myns:authors/myns:author"/> </p> <p class="mybox"> <xsl:apply-templates select="//myns:body"/> </p> </body> </html> </xsl:template> <xsl:template match="myns:author"> -- <xsl:
value-of select="." /> <xsl:if test="@company"> :: <b> <xsl:
value-of select="@company" /> </b> </xsl:if> <br /> </xsl:template> <xsl:template match="myns:body"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> </xsl:styles...
Web APIs
ooth bluetoothadvertisingdata bluetoothcharacteristicproperties bluetoothdevice bluetoothremotegattcharacteristic bluetoothremotegattdescriptor bluetoothremotegattserver bluetoothremotegattservice body broadcastchannel budgetservice budgetstate buffersource bytelengthqueuingstrategy bytestring c cdatasection css cssconditionrule csscounterstylerule cssgroupingrule cssimage
value csskeyframerule csskeyframesrule csskeyword
value cssmathproduct cssmathsum cssmath
value cssmediarule cssnamespacerule cssnumeric
value cssomstring csspagerule cssposition
value cssprimitive
value csspseudoelement cssrule cssrulelist cssstyledeclaration cssstylerule cssstylesheet cssstyle
value csssupportsrule cssunit
value cssunparsed
value css
value css
valuelist cssvaria...
...blereference
value cache cachestorage canvascapturemediastreamtrack canvasgradient canvasimagesource canvaspattern canvasrenderingcontext2d caretposition channelmergernode channelsplitternode characterdata childnode client clients clipboard clipboardevent clipboarditem closeevent comment compositionevent constantsourcenode constrainboolean constraindomstring constraindouble constrainulong contentindex contentindexevent convolvernode countqueuingstrategy crashreportbody credential credentialscontainer crypto cryptokey cryptokeypair customelementregistry customevent d domconfiguration domerror domexception domhighrestimestamp domimplementation domimplementationlist domlocator dommatrix dommatrixreadonly domobject domparser dompoint dompointinit dompointread...
...geevent f featurepolicy federatedcredential fetchevent file fileentrysync fileerror fileexception filelist filereader filereadersync filerequest filesystem filesystemdirectoryentry filesystemdirectoryreader filesystementry filesystementrysync filesystemfileentry filesystemflags filesystemsync focusevent fontface fontfaceset fontfacesetloadevent formdata formdataentry
value formdataevent fullscreenoptions g gainnode gamepad gamepadbutton gamepadevent gamepadhapticactuator geolocation geolocationcoordinates geolocationposition geolocationpositionerror geometryutils gestureevent globaleventhandlers gyroscope h htmlanchorelement htmlareaelement htmlaudioelement htmlbrelement htmlbaseelement htmlbasefontelement htmlbodyelement htmlbuttonelement htmlcanvasele...
...element htmltablecaptionelement htmltablecellelement htmltablecolelement htmltableelement htmltablerowelement htmltablesectionelement htmltemplateelement htmltextareaelement htmltimeelement htmltitleelement htmltrackelement htmlulistelement htmlunknownelement htmlvideoelement hashchangeevent headers history hkdfparams hmacimportparams hmackeygenparams i idbcursor idbcursorsync idbcursorwith
value idbdatabase idbdatabaseexception idbdatabasesync idbenvironment idbenvironmentsync idbfactory idbfactorysync idbindex idbindexsync idbkeyrange idblocaleawarekeyrange idbmutablefile idbobjectstore idbobjectstoresync idbopendbrequest idbrequest idbtransaction idbtransactionsync idbversionchangeevent idbversionchangerequest iirfilternode idledeadline imagebitmap imagebi...
ARIA annotations - Accessibility
aria-labelledby="" can be set on an element and given a
value the same as the id of an element that contains a label for the element.
...shows numbers of votes, but you want to summarize the purpose of the widget in a clear description because the ui does not make it clear: <section aria-description="choose your favourite fruit — the fruit with the highest number of votes will be added to the lunch options next week."> <p>pick your favourite fruit:</p> <form> <ul> <li><label>apple: <input type="radio" name="fruit"
value="apple"></label></li> <li><label>orange: <input type="radio" name="fruit"
value="orange"></label></li> <li><label>banana: <input type="radio" name="fruit"
value="banana"></label></li> </ul> </form> </section> if the descriptive text does appear in the ui, you can link the description to the widget using aria-describedby, like so: <p id="fruit-desc">choose your favourite fruit ...
...— the fruit with the highest number of votes will be added to the lunch options next week.</p> <section aria-describedby="fruit-desc"> <form> <ul> <li><label>apple: <input type="radio" name="fruit"
value="apple"></label></li> <li><label>orange: <input type="radio" name="fruit"
value="orange"></label></li> <li><label>banana: <input type="radio" name="fruit"
value="banana"></label></li> </ul> </form> </section> insertions and deletions a common wish in online document systems like google docs is to be able to track changes, to see what reviewers or editors have suggested as changes to the text, before the managing editor or author accepts or rejects those changes.
...to associate the comment with the text being commented, we need to wrap the commented text with an element containing the aria-details attribute, the
value of which should be the id of the comment.
ARIA: row role - Accessibility
states and properties aria-expanded state the aria-expanded attribute, which defines the state of the row, can take one of three
values, or be omitted: aria-expanded="true: row is currently expanded.
...the aria-selected attribute can take one of three
values, or be omitted: aria-selected="true: row is currently selected aria-selected="false": row is not currently selected.
... the attribute takes as its
value an integer between 1 and the total number of columns within the table, grid or treegrid.
...the attribute, placed with a unique
value on each row, takes as its
value an integer between 1 and the total number of rows within the table, grid or treegrid, indicating the position, or index, of each row.
ARIA: table role - Accessibility
the table
value of the aria role attribute identifies the element containing the role as having a non-interactive table structure containing data arranged in rows and columns, similar to the native <table> html element.
... aria-describedby attribute takes as its
value the id of the element that serves as a description for the table.
...set the
value to the total number of columns in the full table.
...set the
value to the total number of rows in the full table.
ARIA - Accessibility
here's the markup for a progress bar widget: <div id="percent-loaded" role="progressbar" aria-
valuenow="75" aria-
valuemin="0" aria-
valuemax="100"> </div> this progress bar is built using a <div>, which has no meaning.
...the aria-
valuemin and aria-
valuemax attributes specify the minimum and maximum
values for the progress bar, and the aria-
valuenow describes the current state of it and therefore must be kept updated with javascript.
...progressbar.setattribute("role", "progressbar"); progressbar.setattribute("aria-
valuemin", 0); progressbar.setattribute("aria-
valuemax", 100); // create a function that can be called at any time to update // the
value of the progress bar.
... function updateprogress(percentcomplete) { progressbar.setattribute("aria-
valuenow", percentcomplete); } note that aria was invented after html4, so does not validate in html4 or its xhtml variants.
HTML To MSAA - Accessibility
for example, if name column has n/a
value then it means specific elements doesn't provide own rules to calculate name but name can be computed from aria markup or @title attribute.
... map html element role name
value states relations actions events notes a role_system_ link n/a
value of @href attribute state_system_ selectable if @name attribute is presented state_system_ linked if @href attribute is presented or click event listener is registered state_system_ traversed if link is traversed n/a "jump" if @href is valid n/a br role_system_ whitespace '\n' (new line char) state_system_ readonly n/a n/a n/a button role_system_ pushbutton from child nodes n/a state_system_ focusable state_system_ default if @type attribute has
value "submit" n/a "press" n/a caption bstr role n/a n/a n/a description_for (0x100f), points to table element div bstr role n/a n/a n/a n/a n/a n/a fieldset role_system_ grouping text equivalent from child legend e...
... n/a img, input @type=image role_system_ graphic from @alt attribute, empty @alt attribute means name can't be calculated at all n/a state_system_ animated if image has more than one frame n/a "showlongdesc" if @longdesc attribute is presented n/a if @usemap attribute is used then image accessible has children for each map item input @type=button, submit, reset role_system_ pushbutton from @
value attribute, @alt attribute, default label, @src attribute, @data attribute n/a state_system_ default if @type attribute has
value "submit" n/a "press" n/a input @type=text, textarea role_system_ text n/a
value property of input dom element state_system_ readonly if @readonly attribute is used n/a "activate" n/a input @type=password role_system_ text n/a n/a state_system_ readonly if @rea...
...selectionremove if unselected select @size > 1 role_system_ list n/a n/a state_system_ multiselectable if multiselectable n/a n/a n/a select @size = 1 role_system_ combobox n/a name of focused option state_system_ expanded if combobox open state_system_ collapsed if combobox is collapsed state_system_ haspopup state_system_ focusable n/a "open"/"close" depending on state event_object_
valuechange when selected option is changed table role_system_ table from @summary attribute n/a described_by (0x100e) points to caption element n/a n/a td, th role_system_ cell n/a n/a n/a n/a n/a n/a thead role_system_ columnheader n/a n/a n/a n/a n/a n/a abbr, acronym, blockquote, form, frame, h1-h6, iframe bstr role n/a n/a n/a n/a n/a n/a ...
Keyboard-navigable JavaScript widgets - Accessibility
warning: avoid using positive
values for tabindex.
... elements with a positive tabindex are put before the default interactive elements on the page, which means page authors will have to set (and maintain) tabindex
values for all focusable elements on the page whenever they use one or more positive
values for tabindex.
...tabindex="33") yes tabindex
value determines where this element is positioned in the tab order: smaller
values will position elements earlier in the tab order than larger
values (for example, tabindex="7" will be positioned before tabindex="11").
...the event handler on the container must respond to key and mouse events by updating the
value of aria-activedescendant and ensuring that the current item is styled appropriately (for example, with a border or background color).
-moz-force-broken-image-icon - CSS: Cascading Style Sheets
syntax
values <integer> a
value of 1 means that the broken image icon is shown even if the image has an alt attribute.
... when the
value 0 is used the image will act as usual and only display the alt attribute.
... note: even if the
value is set to 1 the alt attribute will still be displayed, alongside the broken image icon.
... formal definition initial
value0applies toimagesinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <integer> examples html <img src='/broken/image/link.png' alt='broken image link'> css img { -moz-force-broken-image-icon: 1; height: 100px; width: 100px; } result screenshotlive sample note: unless the image has a specified height and width the broken image icon will not be displayed but the alt attribute will also be hidden if -moz-force-broken-image-icon is set to 1.
-moz-user-focus - CSS: Cascading Style Sheets
/* keyword
values */ -moz-user-focus: normal; -moz-user-focus: ignore; /* global
values */ -moz-user-focus: inherit; -moz-user-focus: initial; -moz-user-focus: unset; by setting its
value to ignore, you can disable focusing the element, which means that the user will not be able to activate the element.
... initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete note: this property doesn't work for xul <xul:textbox> elements, because the textbox itself never takes focus.
... syntax
values ignore the element does not accept the keyboard focus and will be skipped in the tab order.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax ignore | normal | select-after | select-before | select-menu | select-same | select-all | none examples html <input class="ignored"
value="the user cannot focus on this element."> css .ignored { -moz-user-focus: ignore; } specifications not part of any standard.
-webkit-mask-composite - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-mask-composite: clear; -webkit-mask-composite: copy; -webkit-mask-composite: source-over; -webkit-mask-composite: source-in; -webkit-mask-composite: source-out; -webkit-mask-composite: source-atop; -webkit-mask-composite: destination-over; -webkit-mask-composite: destination-in; -webkit-mask-composite: destination-out; -webkit-mask-composite: destination-atop; -webkit-mask-composite: xor; /* global
values */ -webkit-mask-composite: inherit; -webkit-mask-composite: initial; -webkit-mask-composite: uns...
... syntax
values clear overlapping pixels in the source mask image and the destination mask image are cleared.
... formal definition initial
valuesource-overapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <composite-style>#where <composite-style> = clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor examples compositing with xor .example { -webkit-mask-image: url(mask1.png), url('mask2.png'); ...
...this property is specified as mask-composite using different
values.
::-webkit-progress-bar - CSS: Cascading Style Sheets
normally it's only visible as the unfilled portion of the bar, since by default it's rendered below the ::-webkit-progress-
value pseudo-element.
... it is a child of the ::-webkit-progress-inner-element pseudo-element and the parent of the ::-webkit-progress-
value pseudo-element.
... note: for ::-webkit-progress-
value to take effect, appearance needs to be set to none on the <progress> element.
... syntax ::-webkit-progress-bar examples css content progress { -webkit-appearance: none; } ::-webkit-progress-bar { background-color: orange; } html content <progress
value="10" max="50"> result result screenshot if you're not using a webkit or blink browser, the code above results in a progress bar that looks like this: specifications not part of any standard.
:in-range - CSS: Cascading Style Sheets
the :in-range css pseudo-class represents an <input> element whose current
value is within the range limits specified by the min and max attributes.
... /* selects any <input>, but only when it has a range specified, and its
value is inside that range */ input:in-range { background-color: rgba(0, 255, 0, 0.25); } this pseudo-class is useful for giving the user a visual indication that a field's current
value is within the permitted limits.
...in the absence of such a limitation, the element can neither be "in-range" nor "out-of-range." syntax :in-range examples html <form action="" id="form1"> <ul>
values between 1 and 10 are valid.
... <li> <input id="
value1" name="
value1" type="number" placeholder="1 to 10" min="1" max="10"
value="12"> <label for="
value1">your
value is </label> </li> </ul> </form> css li { list-style: none; margin-bottom: 1em; } input { border: 1px solid black; } input:in-range { background-color: rgba(0, 255, 0, 0.25); } input:out-of-range { background-color: rgba(255, 0, 0, 0.25); border: 2px solid red; } input:in-range + label::after { content: 'okay.'; } input:out-of-range + label::after { content: 'out of range!'; } result specifications specification status comment html living standardthe definition of ':in-range' in that specification.
:nth-last-child() - CSS: Cascading Style Sheets
keyword
values odd represents elements whose numeric position in a series of siblings is odd: 1, 3, 5, etc., counting from the end.
... functional notation <an+b> represents elements whose numeric position in a series of siblings matches the pattern an+b, for every positive integer or zero
value of n.
...the
values a and b must both be <integer>s.
...'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
fallback - CSS: Cascading Style Sheets
the fallback descriptor can be used to specify a counter style to fall back to if the current counter style cannot create a marker representation for a particular counter
value.
... syntax /* keyword
values */ fallback: lower-alpha; fallback: custom-gangnam-style; description if the specified fallback style is also unable to construct a representation, then its fallback style will be used.
... a couple of scenarios where a fallback style will be used are: when the range descriptor is specified for a counter style, the fallback style will be used to represent
values that fall outside the range.
... formal definition related at-rule@counter-styleinitial
valuedecimalcomputed
valueas specified formal syntax <counter-style-name>where <counter-style-name> = <custom-ident> examples specifying a fallback counter style html <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style fallback-example { system: fixed; symbols: "\24b6" "\24b7" "\24b8"; fallback: upper-alpha; } .list { list-style: fallback-example; } result specifications specification status comment css counter styles level 3the definition of 'fallback' in that spe...
@document - CSS: Cascading Style Sheets
url-prefix(), which matches if the document url starts with the
value provided.
... the
values provided to the url(), url-prefix(), domain(), and media-document() functions can be optionally enclosed by single or double quotes.
... the
values provided to the regexp() function must be enclosed in quotes.
... escaped
values provided to the regexp() function must additionally be escaped from the css.
src - CSS: Cascading Style Sheets
syntax /* <url>
values */ src: url(https://somewebsite.com/path/to/font.woff); /* absolute url */ src: url(path/to/font.woff); /* relative url */ src: url(path/to/font.woff) format("woff"); /* explicit format */ src: url('path/to/font.woff'); /* quoted url */ src: url(path/to/svgfont.svg#example); /* fragment identifying font */ /* <font-face-name>
values */ src: local(font); /* unquoted name */ src: local(some font); /* name containing space */ src: local("font"); /* quoted name */ /* multiple items */ src: local(font), url(path/to/font.svg) format("svg"), url(path/to...
.../font.woff) format("woff"), url(path/to/font.otf) format("opentype");
values <url> [ format( <string># ) ]?
... description the
value of this descriptor is a prioritized, comma-separated list of external references or locally-installed font face names.
... formal definition related at-rule@font-faceinitial
valuen/a (required)computed
valueas specified formal syntax [ <url> [ format( <string># ) ]?
@keyframes - CSS: Cascading Style Sheets
syntax @keyframes slidein { from { transform: translatex(0%); } to { transform: translatex(100%); } }
values <custom-ident> a name identifying the keyframe list.
...there is cascading within a @keyframes rule if multiple keyframes specify the same percentage
values.
... 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.
... for example: @keyframes identifier { 0% { top: 0; } 50% { top: 30px; left: 20px; } 50% { top: 10px; } 100% { top: 0; } } in this example, at the 50% keyframe, the
values used are top: 10px and left: 20px.
-webkit-device-pixel-ratio - CSS: Cascading Style Sheets
syntax the -webkit-device-pixel-ratio feature is specified as a <number>
value.
... it is a range feature, meaning that you can also use the prefixed -webkit-min-device-pixel-ratio and -webkit-max-device-pixel-ratio variants to query minimum and maximum
values, respectively.
...
values <number> the number of device pixels used to represent each css px.
... although the
value is a <number>, and thus doesn't syntactically allow units, its implicit unit is dppx.
aspect-ratio - CSS: Cascading Style Sheets
syntax the aspect-ratio feature is specified as a <ratio>
value representing the width-to-height aspect ratio of the viewport.
... it is a range feature, meaning you can also use the prefixed min-aspect-ratio and max-aspect-ratio variants to query minimum and maximum
values, respectively.
... (max-aspect-ratio: 3/2) { div { background: #9ff; /* cyan */ } } /* exact aspect ratio, put it at the bottom to avoid override*/ @media (aspect-ratio: 1/1) { div { background: #f9a; /* red */ } } _example used iframe and dataurl to enable this iframe could resize html <label id="wf" for="w">width:165</label> <input id="w" name="w" type="range" min="100" max="250" step="5"
value="165"> <label id="hf" for="w">height:165</label> <input id="h" name="h" type="range" min="100" max="250" step="5"
value="165"> <iframe id="outer" src="data:text/html,<style> @media (min-aspect-ratio: 8/5) { div { background: %239af; } } @media (max-aspect-ratio: 3/2) { div { background: %239ff; } } @media (aspect-ratio: 1/1) { div { background: %23f9a; } }</style><div id='inner'> watch this elem...
...ent as you resize your viewport's width and height.</div>"> </iframe> css iframe{ display:block; } javascript outer.style.width=outer.style.height="165px" w.onchange=w.oninput=function(){ outer.style.width=w.
value+"px" wf.textcontent="width:"+w.
value } h.onchange=h.oninput=function(){ outer.style.height=h.
value+"px" hf.textcontent="height:"+h.
value } result specifications specification status comment media queries level 4the definition of 'aspect-ratio' in that specification.
color-index - CSS: Cascading Style Sheets
syntax the color-index feature is specified as an <integer>
value representing the number of entries in the output device's color lookup table.
... (this
value is zero if the device does not use such a table.) it is a range feature, meaning that you can also use the prefixed min-color-index and max-color-index variants to query minimum and maximum
values, respectively.
... candidate recommendation the
value can now be negative, in which case it computes to false.
...the
value must be nonnegative.
forced-colors - CSS: Cascading Style Sheets
values none forced colors mode is not active; the page’s colors are not being forced into a limited palette.
...the browser provides the color palette to authors through the css system color keywords and, if appropriate, it triggers the appropriate
value of prefers-color-scheme so that authors can adapt the page.
... usage notes properties affected by forced-color mode in forced colors mode, the
values of the following properties are treated as if they have no author-level
values specified.
... that is, user-specified
values (if any) or browser-specified
values are used instead.
height - CSS: Cascading Style Sheets
syntax the height feature is specified as a <length>
value representing the viewport height.
... it is a range feature, meaning that you can also use the prefixed min-height and max-height variants to query minimum and maximum
values, respectively.
... candidate recommendation the
value can now be negative, in which case it computes to false.
...the
value must be nonnegative.
monochrome - CSS: Cascading Style Sheets
if the device is not a monochrome device, the
value is zero.
... it is a range feature, meaning that you can also use the prefixed min-monochrome and max-monochrome variants to query minimum and maximum
values, respectively.
... candidate recommendation the
value can now be negative, in which case it computes to false.
...the
value must be nonnegative.
width - CSS: Cascading Style Sheets
syntax the width feature is specified as a <length>
value representing the viewport width.
... it is a range feature, meaning that you can also use the prefixed min-width and max-width variants to query minimum and maximum
values, respectively.
... candidate recommendation the
value can now be negative, in which case it computes to false.
...the
value must be nonnegative.
@supports - CSS: Cascading Style Sheets
the supports condition consists of one or more name-
value pairs combined by conjunctions (and), disjunctions (or), and/or negations (not).
... declaration syntax the most basic supports condition is a simple declaration (a property name followed by a
value, separated by a colon).
...-condition> { <group-rule-body> }where <supports-condition> = not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*where <supports-in-parens> = ( <supports-condition> ) | <supports-feature> | <general-enclosed>where <supports-feature> = <supports-decl> | <supports-selector-fn><general-enclosed> = [ <function-token> <any-
value> ) ] | ( <ident> <any-
value> )where <supports-decl> = ( <declaration> )<supports-selector-fn> = selector( <complex-selector> )where <complex-selector> = <compound-selector> [ <combinator>?
...'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
Detecting CSS animation support - CSS: Cascading Style Sheets
once this code is finished running, the
value of animation will be false if css animation support isn't available, or it will be true.
... 'to {' + keyframeprefix + 'transform:rotate( 360deg ) }'+ '}'; if( document.stylesheets && document.stylesheets.length ) { document.stylesheets[0].insertrule( keyframes, 0 ); } else { var s = document.createelement( 'style' ); s.innerhtml = keyframes; document.getelementsbytagname( 'head' )[ 0 ].appendchild( s ); } } this code looks at the
value of animation; if it's false, we know we need to use our javascript fallback code to perform our animation.
... setting the animation property is easy; simply update its
value in the style collection.
... if there isn't already a style sheet, a new <style> element is created, and its content is set to the
value of keyframes.
Resizing background images with background-size - CSS: Cascading Style Sheets
to do this, we can use a fixed background-size
value of 150 pixels.
... special
values: "contain" and "cover" besides <length>
values, the background-size css property offers two special size
values, contain and cover.
... contain the contain
value specifies that, regardless of the size of the containing box, the background image should be scaled so that each side is as large as possible while not exceeding the length of the corresponding side of the container.
... html <div class="bgsizecontain"> <p>try resizing this element!</p> </div> css .bgsizecontain { background-image: url(https://www.mozilla.org/media/img/logos/firefox/logo-quantum.9c5e96634f92.png); background-size: contain; width: 160px; height: 160px; border: 2px solid; color: pink; resize: both; overflow: scroll; } result cover the cover
value specifies that the background image should be sized so that it is as small as possible while ensuring that both dimensions are greater than or equal to the corresponding size of the container.
Basic Concepts of Multicol - CSS: Cascading Style Sheets
the column box will only shrink to be smaller than the declared column width in the case of a single column with less available width than the
value of column-width.
... in the below example we use the column-width property with a
value of 200px.
... when using both properties together you may get fewer columns than specified in the
value for column-count.
...you can set both, separating the two
values with a space.
Mastering Wrapping of Flex Items - CSS: Cascading Style Sheets
making things wrap the initial
value of the flex-wrap property is nowrap.
...if you want to cause them to wrap once they become too wide you must add the flex-wrap property with a
value of wrap, or use the shorthand flex-flow with
values of row wrap or column wrap.
...if you assign percentage widths to flex items — either as flex-basis or by adding a width to the item itself leaving the
value of flex-basis as auto — you can get the impression of a two dimensional layout.
...if you remove visibility: collapse from the css or change the
value to visible, you will see the item disappear and the space redistribute between non-collapsed items; the height of the flex container should not change.
<angle> - CSS: Cascading Style Sheets
the <angle> css data type represents an angle
value expressed in degrees, gradians, radians, or turns.
...for static properties of a given unit, any angle can be represented by various equivalent
values.
... 90deg = 100grad = 0.25turn ≈ 1.5708rad setting a flat angle 180deg = 200grad = 0.5turn ≈ 3.1416rad setting a counterclockwise right angle -90deg = -100grad = -0.25turn ≈ -1.5708rad setting a null angle 0 = 0deg = 0grad = 0turn = 0rad specifications specification status comment css
values and units module level 4the definition of '<angle>' in that specification.
... editor's draft css
values and units module level 3the definition of '<angle>' in that specification.
animation-name - CSS: Cascading Style Sheets
syntax /* single animation */ animation-name: none; animation-name: test_05; animation-name: -specific; animation-name: sliding-vertically; /* multiple animations */ animation-name: test1, animation4; animation-name: none, -moz-specific, sliding; /* global
values */ animation-name: initial animation-name: inherit animation-name: unset
values none a special keyword denoting no keyframes.
... note: when you specify multiple comma-separated
values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
... for more information, see setting multiple animation property
values.
... formal definition initial
valuenoneapplies toall elements, ::before and ::after pseudo-elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax [ none | <keyframes-name> ]#where <keyframes-name> = <custom-ident> | <string> examples see css animations for examples.
animation-play-state - CSS: Cascading Style Sheets
syntax /* single animation */ animation-play-state: running; animation-play-state: paused; /* multiple animations */ animation-play-state: paused, running, running; /* global
values */ animation-play-state: inherit; animation-play-state: initial; animation-play-state: unset;
values running the animation is currently playing.
... note: when you specify multiple comma-separated
values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
... for more information, see setting multiple animation property
values.
... formal definition initial
valuerunningapplies toall elements, ::before and ::after pseudo-elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <single-animation-play-state>#where <single-animation-play-state> = running | paused examples see css animations for examples.
background-blend-mode - CSS: Cascading Style Sheets
syntax /* one
value */ background-blend-mode: normal; /* two
values, one per background */ background-blend-mode: darken, luminosity; /* global
values */ background-blend-mode: initial; background-blend-mode: inherit; background-blend-mode: unset;
values <blend-mode> the blending mode to be applied.
... there can be several
values, separated by commas.
... formal definition initial
valuenormalapplies toall elements.
...it also applies to ::first-letter and ::first-line.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax <blend-mode>#where <blend-mode> = normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity examples <div id="div"></div> <select id="select"> <option>normal</option> <option>multiply</option> <option selected>screen</option> <option>overlay</option> <option>darken</option> <option>lighten</option> <option>color-dodge</option> <option>color-burn</option> <option>hard-light</option> <option>soft-light</option> <opti...
background-origin - CSS: Cascading Style Sheets
syntax /* keyword
values */ background-origin: border-box; background-origin: padding-box; background-origin: content-box; /* global
values */ background-origin: inherit; background-origin: initial; background-origin: unset; the background-origin property is specified as one of the keyword
values listed below.
...
values border-box the background is positioned relative to the border box.
... formal definition initial
valuepadding-boxapplies toall elements.
... it also applies to ::first-letter and ::first-line.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax <box>#where <box> = border-box | padding-box | content-box examples setting background origins .example { border: 10px double; padding: 10px; background: url('image.jpg'); background-position: center left; background-origin: content-box; } #example2 { border: 4px solid black; padding: 10px; background: url('image.gif'); background-repeat: no-repeat; background-origin: border-box; } div { background-image: url('logo.jpg'), url('mainback.png'); /* applies two images to the background */ background-position: top right, 0px 0px; background-origin: content-box, padding-box; } specifications specification status comment ...
block-size - CSS: Cascading Style Sheets
it corresponds to either the width or the height property, depending on the
value of writing-mode.
... syntax /* <length>
values */ block-size: 300px; block-size: 25em; /* <percentage>
values */ block-size: 75%; /* keyword
values */ block-size: max-content; block-size: min-content; block-size: fit-content(20em); block-size: auto; /* global
values */ block-size: inherit; block-size: initial; block-size: unset; if the writing mode is vertically oriented, the
value of block-size relates to the width of the element; otherwise, it relates to the height of the element.
... initial
valueautoapplies tosame as width and heightinheritednopercentagesblock-size of containing blockcomputed
valuesame as width and heightanimation typea length, percentage or calc(); syntax
values the block-size property takes the same
values as the width and height properties.
... formal definition initial
valueautoapplies tosame as width and heightinheritednopercentagesblock-size of containing blockcomputed
valuesame as width and heightanimation typea length, percentage or calc(); formal syntax <'width'> examples block size with vertical text html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; block-size: 200px; } result specifications specification status comment css logical properties and
values level 1the definition of 'block-size' in that specification.
border-block-end-style - CSS: Cascading Style Sheets
it corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-style'>
values */ border-block-end-style: dashed; border-block-end-style: dotted; border-block-end-style: groove; related properties are border-block-start-style, border-inline-start-style, and border-inline-end-style, which define the other border styles of the element.
...
values <'border-style'> the line style of the border.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples dashed 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-lr; border: 5px solid blue; border-block-end-style: dashed; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-end-style' in that specification.
border-block-end-width - CSS: Cascading Style Sheets
it corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-width'>
values */ border-block-end-width: 5px; border-block-end-width: thick; related properties are border-block-start-width, border-inline-start-width, and border-inline-end-width, which define the other border widths of the element.
...
values <'border-width'> the width of the border.
... formal definition initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typea length formal syntax <'border-top-width'> examples border width with veritcal text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-block-end-width: 5px; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-end-width' in that specification.
border-block-start-style - CSS: Cascading Style Sheets
it corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-style'>
values */ border-block-start-style: dashed; border-block-start-style: dotted; border-block-start-style: groove; related properties are border-block-end-style, border-inline-start-style, and border-inline-end-style, which define the other border styles of the element.
...
values <'border-style'> the line style of the border.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples dashed border wtih vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-block-start-style: dashed; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-start-style' in that specification.
border-block-start-width - CSS: Cascading Style Sheets
it corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-width'>
values */ border-block-start-width: 5px; border-block-start-width: thick; related properties are border-block-end-width, border-inline-start-width, and border-inline-end-width, which define the other border widths of the element.
... initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typea length
values <'border-width'> the width of the border.
... formal definition initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typea length formal syntax <'border-top-width'> examples border width 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-lr; border: 1px solid blue; border-block-start-width: 5px; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-start-width' in that specification.
border-block-style - CSS: Cascading Style Sheets
it corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <'border-style'>
values */ border-block-style: dashed; border-block-style: dotted; border-block-style: groove; the border style in the other dimension can be set with border-inline-style, which sets border-inline-start-style, and border-inline-end-style.
... syntax
values <'border-style'> the line style of the border.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples dashed 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-lr; border: 5px solid blue; border-block-style: dashed; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-style' in that specification.
border-block-width - CSS: Cascading Style Sheets
it corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <'border-width'>
values */ border-block-width: 5px; border-block-width: thick; the border width in the other dimension can be set with border-inline-width, which sets border-inline-start-width, and border-inline-end-width.
... syntax
values <'border-width'> the width of the border.
... formal definition initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typediscrete formal syntax <'border-top-width'> examples border width 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-lr; border: 1px solid blue; border-block-width: 5px; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-width' in that specification.
border-bottom-color - CSS: Cascading Style Sheets
syntax /* <color>
values */ border-bottom-color: red; border-bottom-color: #ffbb00; border-bottom-color: rgb(255, 0, 0); border-bottom-color: hsla(100%, 50%, 25%, 0.75); border-bottom-color: currentcolor; border-bottom-color: transparent; /* global
values */ border-bottom-color: inherit; border-bottom-color: initial; border-bottom-color: unset; the border-bottom-color property is specified as a single
value.
...
values <color> the color of the bottom border.
... formal definition initial
valuecurrentcolorapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed
valuecomputed coloranimation typea color formal syntax <'border-top-color'> examples a simple div with a border html <div class="mybox"> <p>this is a box with a border around it.
border-collapse - CSS: Cascading Style Sheets
when cells are collapsed, the border-style
value of inset behaves like groove, and outset behaves like ridge.
... syntax /* keyword
values */ border-collapse: collapse; border-collapse: separate; /* global
values */ border-collapse: inherit; border-collapse: initial; border-collapse: unset; the border-collapse property is specified as a single keyword, which may be chosen from the list below.
...
values collapse adjacent cells have shared borders (the collapsed-border table rendering model).
... formal definition initial
valueseparateapplies totable and inline-table elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax collapse | separate examples a colorful table of browser engines html <table class="separate"> <caption><code>border-collapse: separate</code></caption> <tbody> <tr><th>browser</th> <th>layout engine</th></tr> <tr><td class="fx">firefox</td> <td class="gk">gecko</td></tr> <tr><td class="ed">edge</td> <td class="tr">edgehtml</td></tr> <tr><td class="sa">safari</td> <td class="wk">webkit</td></tr> <tr><td class="ch">chrome</td> <td class="bk">blink</td></tr> <tr><td class="op">opera</td> <td class="bk">blink</td></...
border-inline-end-style - CSS: Cascading Style Sheets
it corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-style'>
values */ border-inline-end-style: dashed; border-inline-end-style: dotted; border-inline-end-style: groove; related properties are border-block-start-style, border-block-end-style, and border-inline-start-style, which define the other border styles of the element.
...
values <'border-style'> the line style of the border.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-inline-end-style: dashed; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-end-style' in that specification.
border-inline-end-width - CSS: Cascading Style Sheets
it corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-width'>
values */ border-inline-end-width: 2px; border-inline-end-width: thick; related properties are border-block-start-width, border-block-end-width, and border-inline-start-width, which define the other border widths of the element.
... initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typea length
values <'border-width'> the width of the border.
... formal definition initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typea length formal syntax <'border-top-width'> examples applying a 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-lr; border: 1px solid blue; border-inline-end-width: 5px; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-end-width' in that specification.
border-inline-start-style - CSS: Cascading Style Sheets
it corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-style'>
values */ border-inline-start-style: dashed; border-inline-start-style: dotted; border-inline-start-style: groove; related properties are border-block-start-style, border-block-end-style, and border-inline-end-style, which define the other border styles of the element.
... initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete
values <'border-style'> the line style of the border.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-inline-start-style: dashed; } specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-start-style' in that specification.
border-inline-start-width - CSS: Cascading Style Sheets
it corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <'border-width'>
values */ border-inline-start-width: 5px; border-inline-start-width: thick; related properties are border-block-start-width, border-block-end-width, and border-inline-end-width, which define the other border widths of the element.
...
values <'border-width'> the width of the border.
... formal definition initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typea length formal syntax <'border-top-width'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-inline-start-width: 5px; } specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-start-width' in that specification.
border-inline-style - CSS: Cascading Style Sheets
it corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <'border-style'>
values */ border-inline-style: dashed; border-inline-style: dotted; border-inline-style: groove; the border style in the other dimension can be set with border-block-style, which sets border-block-start-style, and border-block-end-style.
... syntax
values <'border-style'> the line style of the border.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples html content <div> <p class="exampletext">example text</p> </div> css content div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-inline-style: dashed; } specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-style' in that specification.
border-inline-width - CSS: Cascading Style Sheets
it corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <'border-width'>
values */ border-inline-width: 5px 10px; border-inline-width: 5px; border-inline-width: thick; the border width in the other dimension can be set with border-block-width, which sets border-block-start-width, and border-block-end-width.
... syntax
values <'border-width'> the width of the border.
... formal definition initial
valuemediumapplies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueabsolute length; 0 if the border style is none or hiddenanimation typediscrete formal syntax <'border-top-width'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-inline-width: 5px 10px; } specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-width' in that specification.
box-align - CSS: Cascading Style Sheets
/* keyword
values */ box-align: start; box-align: center; box-align: end; box-align: baseline; box-align: stretch; /* global
values */ box-lines: inherit; box-lines: initial; box-lines: unset; the direction of layout depends on the element's orientation: horizontal or vertical.
... syntax the box-align property is specified as one of the keyword
values listed below.
...
values start the box aligns contents at the start, leaving any extra space at the end.
... formal definition initial
valuestretchapplies toelements with a css display
value of box or inline-boxinheritednocomputed
valueas specifiedanimation typediscrete formal syntax start | center | end | baseline | stretch examples setting box alignment <!doctype html> <html> <head> <title>css box-align example</title> <style> div.example { display: box; /* as specified */ display: -moz-box; /...
box-decoration-break - CSS: Cascading Style Sheets
the specified
value will impact the appearance of the following properties: background border border-image box-shadow clip-path margin padding syntax /* keyword
values */ box-decoration-break: slice; box-decoration-break: clone; /* global
values */ box-decoration-break: initial; box-decoration-break: inherit; box-decoration-break: unset; the box-decoration-break property is specified as one of the keyword valu...
...
values slice the element is initially rendered as if its box were not fragmented, after which the rendering for this hypothetical box is sliced into pieces for each line/column/page.
... formal definition initial
valuesliceapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax slice | clone examples inline box fragments an inline element that contains line breaks styled with: .example { background: linear-gradient(to bottom right, yellow, green); box-shadow: 8px 8px 10px 0px deeppink, -5px -5px 5px 0px blue, 5px 5px 15px 0px yellow; padding: 0em 1...
... here's an example of an inline element using a large border-radius
value.
box-orient - CSS: Cascading Style Sheets
/* keyword
values */ box-orient: horizontal; box-orient: vertical; box-orient: inline-axis; box-orient: block-axis; /* global
values */ box-orient: inherit; box-orient: initial; box-orient: unset; syntax the box-orient property is specified as one of the keyword
values listed below.
...
values horizontal the box lays out its contents horizontally.
...this css property will only apply to html elements with a css display
value of box or inline-box.
... formal definition initial
valueinline-axis (horizontal in xul)applies toelements with a css display
value of box or inline-boxinheritednocomputed
valueas specifiedanimation typediscrete formal syntax horizontal | vertical | inline-axis | block-axis | inherit examples setting horizontal box orientation here, he box-orient property will cause the two <p> sections in the example to display in the same line.
color-adjust - CSS: Cascading Style Sheets
syntax color-adjust: economy; color-adjust: exact; the color-adjust property's
value must be one of the following keywords.
...
values economy the user agent is allowed to make adjustments to the element as it deems appropriate and prudent in order to optimize the output for the device it's being rendered for.
... any options the user agent offers the user to allow them to control the use of color and images will take priority over the
value of color-adjust.
... formal definition initial
valueeconomyapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax economy | exact examples preserving low contrast in this example, a box is shown which uses a background-image and a translucent linear-gradient() function atop a black background color to have a dark blue gradient behind medium red text.
column-fill - CSS: Cascading Style Sheets
syntax /* keyword
values */ column-fill: auto; column-fill: balance; column-fill: balance-all; /* global
values */ column-fill: inherit; column-fill: initial; column-fill: unset; the column-fill property is specified as one of the keyword
values listed below.
... the initial
value is balance so the content will be balanced across the columns.
...
values auto columns are filled sequentially.
... formal definition initial
valuebalanceapplies tomulticol elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | balance | balance-all examples splitting text evenly across columns html <p class="content-box"> this is a bunch of text split into multiple columns.
column-rule-style - CSS: Cascading Style Sheets
syntax /* <'border-style'>
values */ column-rule-style: none; column-rule-style: hidden; column-rule-style: dotted; column-rule-style: dashed; column-rule-style: solid; column-rule-style: double; column-rule-style: groove; column-rule-style: ridge; column-rule-style: inset; column-rule-style: outset; /* global
values */ column-rule-style: inherit; column-rule-style: initial; column-rule-style: unset; the column-rule-style property is specified as a single <'...
...border-style'>
value.
...
values <'border-style'> is a keyword defined by border-style describing the style of the rule.
... formal definition initial
valuenoneapplies tomulticol elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <'border-style'> examples setting a dashed column rule html <p>this is a bunch of text split into three columns.
columns - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: column-count column-width syntax /* column width */ columns: 18em; /* column count */ columns: auto; columns: 2; /* both column width and count */ columns: 2 auto; columns: auto 12em; columns: auto auto; /* global
values */ columns: inherit; columns: initial; columns: unset; the columns property may be specified as one or two of the
values listed below, in any order.
...
values <'column-width'> the ideal column width, defined as a <length> or the keyword auto.
...if neither this
value nor the column's width are auto, it merely indicates the maximum allowable number of columns.
... formal definition initial
valueas each of the properties of the shorthand:column-width: autocolumn-count: autoapplies toblock containers except table wrapper boxesinheritednocomputed
valueas each of the properties of the shorthand:column-width: the absolute length, zero or largercolumn-count: as specifiedanimation typeas each of the properties of the shorthand:column-width: a lengthcolumn-count: an integer formal syntax <'column-width'> | <'column-count'> examples setting three equal columns html <p class="content-box"> this is a bunch of text split into three columns using the css `columns` property.
counter() - CSS: Cascading Style Sheets
the counter() css function returns a string representing the current
value of the named counter, if there is one.
... it is generally used with pseudo-elements, but can be used, theoretically, anywhere a <string>
value is supported.
... syntax
values <custom-ident> a name identifying the counter, which is the same case-sensitive name used for the counter-reset and counter-increment.
...)where <counter-style> = <counter-style-name> | symbols()where <counter-style-name> = <custom-ident> examples default
value compared to upper roman html <ol> <li></li> <li></li> <li></li> </ol> css ol { counter-reset: listcounter; } li { counter-increment: listcounter; } li::after { content: "[" counter(listcounter) "] == [" counter(listcounter, upper-roman) "]"; } result decimal-leading-zero compared to lower-alpha html <ol> <li></li> <li></li> <li></li> </ol> css ol { c...
direction - CSS: Cascading Style Sheets
syntax /* keyword
values */ direction: ltr; direction: rtl; /* global
values */ direction: inherit; direction: initial; direction: unset;
values ltr text and other elements go from left to right.
... this is the default
value.
... for the direction property to have any effect on inline-level elements, the unicode-bidi property's
value must be embed or override.
... formal definition initial
valueltrapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax ltr | rtl examples setting right-to-left direction blockquote { direction: rtl; } specifications specification status comment css writing modes module level 3the definition of 'direction' in that specification.
<display-inside> - CSS: Cascading Style Sheets
these keywords are used as
values of the display property, and can be used for legacy purposes as a single keyword, or as defined in the level 3 specification alongside a
value from the <display-outside> keywords.
... syntax valid <display-inside>
values: flow the element lays out its contents using flow layout (block-and-inline layout).
... 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.
... note: browsers that support the two
value syntax, on finding the inner
value only, such as when display: flex or display: grid is specified, will set their outer
value to block.
<display-legacy> - CSS: Cascading Style Sheets
this page details those
values.
... syntax valid <display-legacy>
values: inline-block the element generates a block element box that will be flowed with surrounding content as if it were a single inline box (behaving much like a replaced element would).
... inline-table the inline-table
value does not have a direct mapping in html.
... html <div class="container"> <div>flex item</div> <div>flex item</div> </div> not a flex item css .container { display: inline-flex; } result in the new syntax the inline flex container would be created using two
values, inline for the outer display type, and flex for the inner display type.
grayscale() - CSS: Cascading Style Sheets
a
value of 100% is completely grayscale, while a
value of 0% leaves the input unchanged.
...
values between 0% and 100% are linear multipliers on the effect.
... default
value when omitted is 1.
... the initial
value for interpolation is 0.
hue-rotate() - CSS: Cascading Style Sheets
a
value of 0deg leaves the input unchanged.
... a positive hue rotation increases the hue
value, while a negative rotation decreases the hue
value.
... the lacuna
value for interpolation is 0.
... there is no minimum or maximum
value; hue-rotate(ndeg) evaluates to n modulo 360.
flex-direction - CSS: Cascading Style Sheets
note that the
values row and row-reverse are affected by the directionality of the flex container.
... syntax /* the direction text is laid out in a line */ flex-direction: row; /* like <row>, but reversed */ flex-direction: row-reverse; /* the direction in which lines of text are stacked */ flex-direction: column; /* like <column>, but reversed */ flex-direction: column-reverse; /* global
values */ flex-direction: inherit; flex-direction: initial; flex-direction: unset;
values the following
values are accepted: row the flex container's main-axis is defined to be the same as the text direction.
... accessibility concerns using the flex-direction property with
values of row-reverse or column-reverse will create a disconnect between the visual presentation of content and dom order.
... flexbox & the keyboard navigation disconnect — tink source order matters | adrian roselli mdn understanding wcag, guideline 1.3 explanations understanding success criterion 1.3.2 | w3c understanding wcag 2.0 formal definition initial
valuerowapplies toflex containersinheritednocomputed
valueas specifiedanimation typediscrete formal syntax row | row-reverse | column | column-reverse examples reversing flex container columns and rows html <h4>this is a column-reverse</h4> <div id="content"> <div class="box" style="background-color:red;">a</div> <div class="box" style="background-color:lightblue;">b</div> <div class="box" ...
flex-shrink - CSS: Cascading Style Sheets
syntax /* <number>
values */ flex-shrink: 2; flex-shrink: 0.6; /* global
values */ flex-shrink: inherit; flex-shrink: initial; flex-shrink: unset; the flex-shrink property is specified as a single <number>.
...
values <number> see <number>.
... negative
values are invalid.
... formal definition initial
value1applies toflex items, including in-flow pseudo-elementsinheritednocomputed
valueas specifiedanimation typea number formal syntax <number> examples setting flex item shrink factor html <p>the width of content is 500px; the flex-basis of the flex items is 120px.</p> <p>a, b, c have flex-shrink:1 set.
grid-row-end - CSS: Cascading Style Sheets
syntax /* keyword
value */ grid-row-end: auto; /* <custom-ident>
values */ grid-row-end: somegridarea; /* <integer> + <custom-ident>
values */ grid-row-end: 2; grid-row-end: somegridarea 4; /* span + <integer> + <custom-ident>
values */ grid-row-end: span 3; grid-row-end: span somegridarea; grid-row-end: 5 somegridarea span; /* global
values */ grid-row-end: inherit; grid-row-end: initial; grid-row-end: unset; val...
... the <custom-ident> cannot take the span
value.
... an <integer>
value of 0 is invalid.
... formal definition initial
valueautoapplies togrid items and absolutely-positioned boxes whose containing block is a grid containerinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <grid-line>where <grid-line> = auto | <custom-ident> | [ <integer> && <custom-ident>?
grid-row - CSS: Cascading Style Sheets
if two <grid-line>
values are specified, the grid-row-start longhand is set to the
value before the slash, and the grid-row-end longhand is set to the
value after the slash.
... constituent properties this property is a shorthand for the following css properties: grid-row-end grid-row-start syntax /* keyword
values */ grid-row: auto; grid-row: auto / auto; /* <custom-ident>
values */ grid-row: somegridarea; grid-row: somegridarea / someothergridarea; /* <integer> + <custom-ident>
values */ grid-row: somegridarea 4; grid-row: 4 somegridarea / 6; /* span + <integer> + <custom-ident>
values */ grid-row: span 3; grid-row: span somegridarea; grid-row: 5 somegridarea span; grid-row: span 3 / 6; grid-row: span somegridarea / span someothergridarea; grid-row: 5 somegridarea span / 2 span; /* global
values */ grid-row: inherit; grid-row: initial; grid-row: unset;
values auto is a keyword indicating that the property contributes nothing to the grid item’s p...
... an <integer>
value of 0 is invalid.
... formal definition initial
valueas each of the properties of the shorthand:grid-row-start: autogrid-row-end: autoapplies togrid items and absolutely-positioned boxes whose containing block is a grid containerinheritednocomputed
valueas each of the properties of the shorthand:grid-row-start: as specifiedgrid-row-end: as specifiedanimation typediscrete formal syntax <grid-line> [ / <grid-line> ]?where <grid-line> = auto | <custo...
initial - CSS: Cascading Style Sheets
the initial css keyword applies the initial (or default)
value of a property to an element.
... on inherited properties, the initial
value may be unexpected.
... see also use unset to set a property to its inherited
value if it inherits, or to its initial
value if not.
... use revert to reset a property to the
value established by the user-agent stylesheet (or by user styles, if any exist).
inline-size - CSS: Cascading Style Sheets
it corresponds to either the width or the height property, depending on the
value of writing-mode.
... syntax /* <length>
values */ inline-size: 300px; inline-size: 25em; /* <percentage>
values */ inline-size: 75%; /* keyword
values */ inline-size: max-content; inline-size: min-content; inline-size: fit-content(20em); inline-size: auto; /* global
values */ inline-size: inherit; inline-size: initial; inline-size: unset; if the writing mode is vertically oriented, the
value of inline-size relates to the height of the element; otherwise, it relates to the width of the element.
...
values the inline-size property takes the same
values as the width and height properties.
... formal definition initial
valueautoapplies tosame as width and heightinheritednopercentagesinline-size of containing blockcomputed
valuesame as width and heightanimation typea length, percentage or calc(); formal syntax <'width'> examples setting inline size in pixels html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; inline-size: 110px; } result specifications specification status comment css logical properties and
values level 1the definition of 'inline-size' in that specification.
inset-inline-end - CSS: Cascading Style Sheets
it corresponds to the top, right, bottom, or left property depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <length>
values */ inset-inline-end: 3px; inset-inline-end: 2.4em; /* <percentage>s of the width or height of the containing block */ inset-inline-end: 10%; /* keyword
value */ inset-inline-end: auto; /* global
values */ inset-inline-end: inherit; inset-inline-end: initial; inset-inline-end: unset; the shorthand for inset-inline-start and inset-inline-end is inset-inline.
... syntax
values the inset-inline-end 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'> examples setting inline end offset html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; position: relative; inset-inline-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'inset-inline-end' in that specification.
inset-inline-start - CSS: Cascading Style Sheets
it corresponds to the top, right, bottom, or left property depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <length>
values */ inset-inline-start: 3px; inset-inline-start: 2.4em; /* <percentage>s of the width or height of the containing block */ inset-inline-start: 10%; /* keyword
value */ inset-inline-start: auto; /* global
values */ inset-inline-start: inherit; inset-inline-start: initial; inset-inline-start: unset; the shorthand for inset-inline-start and inset-inline-end is inset-inline.
... syntax
values the inset-inline-start 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'> examples setting inline start offset 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-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'inset-inline-start' in that specification.
isolation - CSS: Cascading Style Sheets
syntax /* keyword
values */ isolation: auto; isolation: isolate; /* global
values */ isolation: inherit; isolation: initial; isolation: unset; the isolation property is specified as one of the keyword
values listed below.
...
values auto a new stacking context is created only if one of the properties applied to the element requires it.
... formal definition initial
valueautoapplies toall elements.
... in svg, it applies to container elements, graphics elements, and graphics referencing elements.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | isolate examples forcing a new stacking context for an element html <div id="b" class="a"> <div id="d"> <div class="a c">auto</div> </div> <div id="e"> <div class="a c">isolate</div> </div> </div> css .a { background-color: rgb(0,255,0); } #b { width: 200px; height: 210px; } .c { width: 100px; height: 100px; border: 1px solid black; padding: 2px; mix-blend-mode: difference; } #d { isolation: auto; } #e { isolation: isolate; } result specifications specification status comment compositing and blending level 1the definition of 'isolation' in that...
<length-percentage> - CSS: Cascading Style Sheets
the <length-percentage> css data type represents a
value that can be either a <length> or a <percentage>.
... examples length-percentage examples the following simple example demonstrates several properties that use <length-percentage>
values.
...therefore, all of the following
values are acceptable for width: width: 200px; width: 20%; width: calc(100% - 200px); specifications specification status comment css
values and units module level 4the definition of '<length-percentage>' in that specification.
... editor's draft css
values and units module level 3the definition of '<length-percentage>' in that specification.
list-style - CSS: Cascading Style Sheets
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; /* keyword
value */ list-style: none; /* global
values */ list-style: inherit; list-style: initial; list-style: unset; the list-style property is specified as one, two, or three keywords in any order.
...
values list-style-type see list-style-type.
... accessibility concerns safari has an issue whereby unordered lists with a list-style
value of none applied to them will not be recognized as a list in the accessibility tree.
... 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...
margin-block-end - CSS: Cascading Style Sheets
syntax /* <length>
values */ margin-block-end: 10px; /* an absolute length */ margin-block-end: 1em; /* relative to the text size */ margin-block-end: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-block-end: auto; /* global
values */ margin-block-end: inherit; margin-block-end: initial; margin-block-end: unset; it corresponds to the margin-top, margin-right, margin-bottom...
..., or margin-left property depending on the
values defined for writing-mode, direction, and text-orientation.
...
values the margin-block-end property takes the same
values as the margin-left property.
... formal definition initial
value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting block end margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; margin-block-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'margin-block-end' in that specification.
margin-block-start - CSS: Cascading Style Sheets
syntax /* <length>
values */ margin-block-start: 10px; /* an absolute length */ margin-block-start: 1em; /* relative to the text size */ margin-block-start: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-block-start: auto; /* global
values */ margin-block-start: inherit; margin-block-start: initial; margin-block-start: unset; it corresponds to the margin-top, margin-right,...
... margin-bottom, or margin-left property depending on the
values defined for writing-mode, direction, and text-orientation.
...
values the margin-block-start property takes the same
values as the margin-left property.
... formal definition initial
value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting block start margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-block-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'margin-block-start' in that specification.
margin-inline-end - CSS: Cascading Style Sheets
in other words, it corresponds to the margin-top, margin-right, margin-bottom or margin-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <length>
values */ margin-inline-end: 10px; /* an absolute length */ margin-inline-end: 1em; /* relative to the text size */ margin-inline-end: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-inline-end: auto; /* global
values */ margin-inline-end: inherit; margin-inline-end: initial; margin-inline-end: unset; it relates to margin-block-start, margin-block-end, and margin-inline-start, which define the other margins of the element.
...
values the margin-inline-end property takes the same
values as the margin-left property.
... formal definition initial
value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting inline end margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-inline-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'margin-inline-end' in that specification.
margin-inline-start - CSS: Cascading Style Sheets
it corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax /* <length>
values */ margin-inline-start: 10px; /* an absolute length */ margin-inline-start: 1em; /* relative to the text size */ margin-inline-start: 5%; /* relative to the nearest block container's width */ /* keyword
values */ margin-inline-start: auto; /* global
values */ margin-inline-start: inherit; it relates to margin-block-start, margin-block-end, and margin-inline-end, which define the other margins of the element.
...
values the margin-inline-start property takes the same
values as the margin-left property.
... formal definition initial
value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting inline start margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-inline-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'margin-inline-start' in that specification.
margin-inline - CSS: Cascading Style Sheets
/* <length>
values */ margin-inline: 10px 20px; /* an absolute length */ margin-inline: 1em 2em; /* relative 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 ...
... 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.
... formal definition initial
value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, autoanimation typediscrete formal syntax <'margin-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.
... initial
value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, autoanimation typediscrete ...
mask-composite - CSS: Cascading Style Sheets
/* keyword
values */ mask-composite: add; mask-composite: subtract; mask-composite: intersect; mask-composite: exclude; /* global
values */ mask-composite: inherit; mask-composite: initial; mask-composite: unset; syntax one or more of the keyword
values listed below, separated by commas.
...
values for the composition the current mask layer is referred to as source, while all layers below it are referred to as destination.
... formal definition initial
valueaddapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <compositing-operator>#where <compositing-operator> = add | subtract | intersect | exclude examples compositing mask layers with addition css #masked { width: 100px; height: 100px; background-color: #8cffa0; mask-image: url(https://mdn.mozillademos.org/files/12668/mdn.s...
...vg), url(https://mdn.mozillademos.org/files/12676/star.svg); mask-size: 100% 100%; mask-composite: add; /* can be changed in the live sample */ } html <div id="masked"> </div> <select id="compositemode"> <option
value="add">add</option> <option
value="subtract">subtract</option> <option
value="intersect">intersect</option> <option
value="exclude">exclude</option> </select> javascript var clipbox = document.getelementbyid("compositemode"); clipbox.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.maskcomposite = evt.target.
value; }); result specifications specification status comment css masking module level 1the definition of 'mask-composite' in that specification.
max-height - CSS: Cascading Style Sheets
it prevents the used
value of the height property from becoming larger than the
value specified for max-height.
... syntax /* <length>
value */ max-height: 3.5em; /* <percentage>
value */ max-height: 75%; /* keyword
values */ max-height: none; max-height: max-content; max-height: min-content; max-height: fit-content(20em); /* global
values */ max-height: inherit; max-height: initial; max-height: unset;
values <length> defines the max-height as an absolute
value.
... mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | w3c understanding wcag 2.0 formal definition initial
valuenoneapplies toall elements but non-replaced inline elements, table columns, and column groupsinheritednopercentagesthe percentage is calculated with respect to the height of the generated box's containing block.
... if the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage
value is treated as none.computed
valuethe percentage as specified or the absolute length or noneanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> | <percentage> examples setting max-height using percentage and keyword
values table { max-height: 75%; } form { max-height: none; } specifications specification status comment css box sizing module level 4the definition of 'max-height' in that specification.
max-inline-size - CSS: Cascading Style Sheets
it corresponds to the max-width or the max-height property depending on the
value defined for writing-mode.
... if the writing mode is vertically oriented, the
value of max-inline-size relates to the maximal height of the element, otherwise it relates to the maximal width of the element.
... syntax /* <length>
values */ max-inline-size: 300px; max-inline-size: 25em; /* <percentage>
values */ max-inline-size: 75%; /* keyword
values */ max-inline-size: auto; max-inline-size: max-content; max-inline-size: min-content; max-inline-size: fit-content(20em); /* global
values */ max-inline-size: inherit; max-inline-size: initial; max-inline-size: unset;
values the max-inline-size property takes the same
values as the max-width and max-height properties.
... formal definition initial
value0applies tosame as width and heightinheritednopercentagesinline-size of containing blockcomputed
valuesame as max-width and max-heightanimation typea length, percentage or calc(); formal syntax <'max-width'> examples setting max inline size in pixels html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; block-size: 100%; max-inline-size: 200px; } result specifications specification status comment css logical properties and
values level 1the definition of 'max-inline-size' in that specification.
min-block-size - CSS: Cascading Style Sheets
it corresponds to either the min-width or the min-height property, depending on the
value of writing-mode.
... syntax /* <length>
values */ min-block-size: 100px; min-block-size: 5em; /* <percentage>
values */ min-block-size: 10%; /* keyword
values */ min-block-size: max-content; min-block-size: min-content; min-block-size: fit-content(20em); /* global
values */ min-block-size: inherit; min-block-size: initial; min-block-size: unset; if the writing mode is vertically oriented, the
value of min-block-size relates to the minimum width of the element; otherwise, it relates to the minimum height of the element.
...
values the min-block-size property takes the same
values as the min-width and min-height properties.
... formal definition initial
value0applies tosame as width and heightinheritednopercentagesblock-size of containing blockcomputed
valuesame as min-width and min-heightanimation typea length, percentage or calc(); formal syntax <'min-width'> examples setting minimum block size for vertical text html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; min-block-size: 200px; } result specifications specification status comment css logical properties and
values level 1the definition of 'min-block-size' in that specification.
min-inline-size - CSS: Cascading Style Sheets
it corresponds to either the min-width or the min-height property, depending on the
value of writing-mode.
... syntax /* <length>
values */ min-inline-size: 100px; min-inline-size: 5em; /* <percentage>
values */ min-inline-size: 10%; /* keyword
values */ min-inline-size: max-content; min-inline-size: min-content; min-inline-size: fit-content(20em); /* global
values */ min-inline-size: inherit; min-inline-size: initial; min-inline-size: unset; if the writing mode is vertically oriented, the
value of min-inline-size relates to the minimum height of the element; otherwise, it relates to the minimum width of the element.
...
values the min-inline-size property takes the same
values as the min-width and min-height properties.
... formal definition initial
value0applies tosame as width and heightinheritednopercentagesinline-size of containing blockcomputed
valuesame as min-width and min-heightanimation typea length, percentage or calc(); formal syntax <'min-width'> examples setting minimum inline size for vertical text html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; block-size: 5%; min-inline-size: 200px; } result specifications specification status comment css logical properties and
values level 1the definition of 'min-inline-size' in that specification.
<number> - CSS: Cascading Style Sheets
a fractional
value is represented by a .
... interpolation when animated,
values of the <number> css data type are interpolated as real, floating-point numbers.
... specifications specification status comment css
values and units module level 4the definition of '<number>' in that specification.
... css
values and units module level 3the definition of '<number>' in that specification.
offset-path - CSS: Cascading Style Sheets
syntax /* default */ offset-path: none; /* function
values */ offset-path: ray(45deg closest-side contain); /* url */ offset-path: url(#path); /* shapes */ offset-path: circle(50% at 25% 25%); offset-path: inset(50% 50% 50% 50%); offset-path: polygon(30% 0%, 70% 0%, 100% 50%, 30% 100%, 0% 70%, 0% 30%); offset-path: path('m 0,200 q 200,200 260,80 q 290,20 400,0 q 300,100 400,200'); /* geometry boxes */ offset-path: margin-box; offset-path: stroke-box; /* global
values */ offset-path: inherit; offset-path: initial; offset-path: unset;
values ray() taking up to three
values, defines a path that is a line segment st...
...arting from the position of the box and proceeds in the direction defined by the specified angle similar to the css gradient angle where 0deg is up, with positive angles increasing in the clockwise direction, with the size
value being similar to the css radial gradient size
values from closest-side to farthest-corner, and the keyterm contain.
...each shape or path must define an initial position for the computed
value of 0 for offset-distance and an initial direction which specifies the rotation of the object to the initial position.
... formal definition initial
valuenoneapplies totransformable elementsinheritednocomputed
valueas specifiedanimation typeas <angle>, <basic-shape> or <path()>creates stacking contextyes formal syntax none | ray( [ <angle> && <size>?
offset-rotate - CSS: Cascading Style Sheets
this is the default
value.
... auto <angle> if auto is followed by an <angle>, the computed
value of the angle is added to the computed
value of auto.
...it is the same as specifying a
value of auto 180deg.
... formal definition initial
valueautoapplies totransformable elementsinheritednocomputed
valueas specifiedanimation typeas <angle>, <basic-shape> or <path()> formal syntax [ auto | reverse ] | <angle> examples setting element orientation along its offset path html <div></div> <div></div> <div></div> css div { width: 40px; height: 40px; background: #2bc4a2; margin: 20px; clip-path: polygon(0% 0%, 70% 0%, 100% 50%, 70% 100%, 0% 100%, 30% 50%); animation: move 5000ms infinite alternate ease-in-out; offset-path: path('m20,20 c20,50 180,-10 180,20'); } div:nth-child(1) { offset-rotate: auto; } div:nth-child(2) { offset-rotate: auto 90deg; } div:nth-child(3) { offset-rotate: 30deg; } @keyframes move { 100% { offset-distance: 100%; } } result specificatio...
orphans - CSS: Cascading Style Sheets
/* <integer>
values */ orphans: 2; orphans: 3; /* global
values */ orphans: inherit; orphans: initial; orphans: unset; in typography, an orphan is the first line of a paragraph that appears alone at the bottom of a page.
... (the paragraph continues on a following page.) syntax
values <integer> the minimum number of lines that can stay by themselves at the bottom of a fragment before a fragmentation break.
... the
value must be positive.
... formal definition initial
value2applies toblock container elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax <integer> examples setting a minimum orphan size of three lines html <div> <p>this is the first paragraph containing some text.</p> <p>this is the second paragraph containing some more text than the first one.
outline-offset - CSS: Cascading Style Sheets
syntax /* <length>
values */ outline-offset: 3px; outline-offset: 0.2em; /* global
values */ outline-offset: inherit; outline-offset: initial; outline-offset: unset;
values <length> the width of the space between the element and its outline.
... a negative
value places the outline inside the element.
... a
value of 0 places the outline so that there is no space between it and the element.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specified, but with relative lengths converted into absolute lengthsanimation typea length formal syntax <length> examples setting outline offset in pixels html <p>gallia est omnis divisa in partes tres.</p> css p { outline: 1px dashed red; outline-offset: 10px; background: yellow; border: 1px solid blue; margin: 15px; } result specifications specification status comment css basic user interface module level 3the definition of 'outline-offset...
outline-style - CSS: Cascading Style Sheets
syntax /* keyword
values */ outline-style: auto; outline-style: none; outline-style: dotted; outline-style: dashed; outline-style: solid; outline-style: double; outline-style: groove; outline-style: ridge; outline-style: inset; outline-style: outset; /* global
values */ outline-style: inherit; outline-style: initial; outline-style: unset; the outline-style property is specified as any one of the
values listed below.
...
values auto permits the user agent to render a custom outline style.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | <'border-style'> examples setting outline style to auto the auto
value indicates a custom outline style — typically a style [that] is either a user interface default for the platform, or perhaps a style that is richer than can be described in detail in css, e.g.
... recommendation added auto
value.
overflow-block - CSS: Cascading Style Sheets
syntax /* keyword
values */ overflow-block: visible; overflow-block: hidden; overflow-block: scroll; overflow-block: auto; /* global
values */ overflow-block: inherit; overflow-block: initial; overflow-block: unset; the overflow-block property is specified as a single keyword chosen from the list of
values below.
...
values visible content is not clipped and may be rendered outside the padding box's block start and block end edges.
... formal definition initial
valueautoapplies toblock-containers, flex containers, and grid containersinheritednocomputed
valueas specified, except with visible/clip computing to auto/hidden respectively if one of overflow-x or overflow-y is neither visible nor clipanimation typediscrete formal syntax visible | hidden | clip | scroll | auto examples html <ul> <li><code>overflow-block:hidden</code> — hides the text outside...
... working draft initial
valueautoapplies toblock-containers, flex containers, and grid containersinheritednocomputed
valueas specified, except with visible/clip computing to auto/hidden respectively if one of overflow-x or overflow-y is neither visible nor clipanimation typediscrete ...
overscroll-behavior-block - CSS: Cascading Style Sheets
/* keyword
values */ overscroll-behavior-block: auto; /* default */ overscroll-behavior-block: contain; overscroll-behavior-block: none; /* global
values */ overscroll-behavior-block: inherit; overscroll-behavior-block: initial; overscroll-behavior-block: unset; syntax the overscroll-behavior-block property is specified as a keyword chosen from the list of
values below.
...
values auto the default scroll overflow behavior occurs as normal.
... contain default scroll overflow behavior is observed inside the element this
value is set on (e.g.
... formal definition initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax contain | none | auto examples preventing block overscrolling in this demo we have two block-level boxes, one inside the other.
overscroll-behavior-inline - CSS: Cascading Style Sheets
/* keyword
values */ overscroll-behavior-inline: auto; /* default */ overscroll-behavior-inline: contain; overscroll-behavior-inline: none; /* global
values */ overscroll-behavior-inline: inherit; overscroll-behavior-inline: initial; overscroll-behavior-inline: unset; syntax the overscroll-behavior-inline property is specified as a keyword chosen from the list of
values below.
...
values auto the default scroll overflow behavior occurs as normal.
... contain default scroll overflow behavior is observed inside the element this
value is set on (e.g.
... formal definition initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax contain | none | auto examples preventing inline overscrolling in this demo we have two block-level boxes, one inside the other.
overscroll-behavior-x - CSS: Cascading Style Sheets
/* keyword
values */ overscroll-behavior-x: auto; /* default */ overscroll-behavior-x: contain; overscroll-behavior-x: none; /* global
values */ overscroll-behavior-x: inherit; overscroll-behavior-x: initial; overscroll-behavior-x: unset; syntax the overscroll-behavior-x property is specified as a keyword chosen from the list of
values below.
...
values auto the default scroll overflow behavior occurs as normal.
... contain default scroll overflow behavior is observed inside the element this
value is set on (e.g.
... formal definition initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax contain | none | auto examples preventing an underlying element from scrolling horizontally in our simple overscroll-behavior-x example (see source code also), we have two block-level boxes, one inside the other.
overscroll-behavior-y - CSS: Cascading Style Sheets
/* keyword
values */ overscroll-behavior-y: auto; /* default */ overscroll-behavior-y: contain; overscroll-behavior-y: none; /* global
values */ overscroll-behavior-y: inherit; overscroll-behavior-y: initial; overscroll-behavior-y: unset; initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax the overscroll-behavior-y property is specified as a keyword chosen from the list of
values below.
...
values auto the default scroll overflow behavior occurs as normal.
... contain default scroll overflow behavior is observed inside the element this
value is set on (e.g.
... formal definition initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax contain | none | auto examples preventing an underlying element from scrolling vertically .messages { height: 220px; overflow: auto; overscroll-behavior-y: contain; } see overscroll-behavior for a full example and explanation.
padding-block-end - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-block-end: 10px; /* an absolute length */ padding-block-end: 1em; /* a length relative to the text size */ /* <percentage>
value */ padding-block-end: 5%; /* a padding relative to the block container's width */ /* global
values */ padding-block-end: inherit; padding-block-end: initial; padding-block-end: unset;
values the padding-block-end property takes the sam...
...e
values as the padding-left property.
... description this property corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... formal definition initial
value0applies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueas <length>animation typea length formal syntax <'padding-left'> examples setting block end padding for vertical text html content <div> <p class="exampletext">example text</p> </div> css content div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; padding-block-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'padding-block-end' in th...
padding-block-start - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-block-start: 10px; /* an absolute length */ padding-block-start: 1em; /* a length relative to the text size */ /* <percentage>
value */ padding-block-start: 5%; /* a padding relative to the block container's width */ /* global
values */ padding-block-start: inherit; padding-block-start: initial; padding-block-start: unset;
values the padding-block-start property...
... takes the same
values as the padding-left property.
... description this property corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... formal definition initial
value0applies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueas <length>animation typea length formal syntax <'padding-left'> examples setting block start 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-lr; padding-block-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'padding-block-start' in that specificati...
padding-inline-end - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-inline-end: 10px; /* an absolute length */ padding-inline-end: 1em; /* a length relative to the text size */ /* <percentage>
value */ padding-inline-end: 5%; /* a padding relative to the block container's width */ /* global
values */ padding-inline-end: inherit; padding-inline-end: initial; padding-inline-end: unset;
values the padding-inline-end property takes the same ...
...
values as the padding-left property.
... description this property corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... formal definition initial
value0applies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueas <length>animation typea length formal syntax <'padding-left'> examples setting inline end 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-lr; padding-inline-end: 20px; background-color: #c8c800; } specifications specification status comment css logical properties and
values level 1the definition of 'padding-inline-end' in that specification.
padding-inline-start - CSS: Cascading Style Sheets
syntax /* <length>
values */ padding-inline-start: 10px; /* an absolute length */ padding-inline-start: 1em; /* a length relative to the text size */ /* <percentage>
value */ padding-inline-start: 5%; /* a padding relative to the block container's width */ /* global
values */ padding-inline-start: inherit; padding-inline-start: initial; padding-inline-start: unset;
values the padding-inline-start property ...
...takes the same
values as the padding-left property.
... description this property corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... formal definition initial
value0applies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueas <length>animation typea length formal syntax <'padding-left'> examples setting inline start 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-lr; padding-inline-start: 20px; background-color: #c8c800; } specifications specification status comment css logical properties and
values level 1the definition of 'padding-inline-start' in that specification.
padding-inline - CSS: Cascading Style Sheets
/* <length>
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 prope...
...rty takes the same
values as the padding-left property.
... description
values for this property correspond to the padding-top and padding-bottom, or padding-right, and padding-left property depending on the
values defined for writing-mode, direction, and text-orientation.
... formal definition initial
value0applies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueas <length>animation typediscrete formal syntax <'padding-left'>{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.
repeat() - CSS: Cascading Style Sheets
/* <track-repeat>
values */ repeat(4, 1fr) repeat(4, [col-start] 250px [col-end]) repeat(4, [col-start] 60% [col-end]) repeat(4, [col-start] 1fr [col-end]) repeat(4, [col-start] min-content [col-end]) repeat(4, [col-start] max-content [col-end]) repeat(4, [col-start] auto [col-end]) repeat(4, [col-start] minmax(100px, 1fr) [col-end]) repeat(4, [col-start] fit-content(200px) [col-end]) repeat(4, 10px [col-start] 30% [col-middle] auto [col-end]) repeat(4, [col-start] min-content [col-middle] max-content [col-e...
...nd]) /* <auto-repeat>
values */ repeat(auto-fill, 250px) repeat(auto-fit, 250px) repeat(auto-fill, [col-start] 250px [col-end]) repeat(auto-fit, [col-start] 250px [col-end]) repeat(auto-fill, [col-start] minmax(100px, 1fr) [col-end]) repeat(auto-fill, 10px [col-start] 30% [col-middle] 400px [col-end]) /* <fixed-repeat>
values */ repeat(4, 250px) repeat(4, [col-start] 250px [col-end]) repeat(4, [col-start] 60% [col-end]) repeat(4, [col-start] minmax(100px, 1fr) [col-end]) repeat(4, [col-start] fit-content(200px) [col-end]) repeat(4, 10px [col-start] 30% [col-middle] 400px [col-end]) syntax
values <length> a positive integer length.
...treating each track as its maximal track sizing function (each independant
value used to define grid-template-rows or grid-template-columns), if that is definite.
... for the purpose of finding the number of auto-repeated tracks, the user agent floors the track size to a user agent specified
value (e.g., 1px), to avoid division by zero.
rotate - CSS: Cascading Style Sheets
syntax /* keyword
values */ rotate: none; /* angle
value */ rotate: 90deg; rotate: 0.25turn; rotate: 1.57rad; /* x, y, or z axis name plus angle */ rotate: x 90deg; rotate: y 0.25turn; rotate: z 1.57rad; /* vector plus angle
value */ rotate: 1 1 1 90deg;
values angle
value an <angle> specifying the angle to rotate the affected element through, around the z axis.
... x, y, or z axis name plus angle
value the name of the axis you want to rotate the affected element around ("x", "y", or "z"), plus an <angle> specifying the angle to rotate the element through.
... vector plus angle
value three <number>s representing an origin-centered vector that defines a line around which you want to rotate the element, plus an <angle> specifying the angle to rotate the element through.
... formal definition initial
valuenoneapplies totransformable elementsinheritednocomputed
valueas specifiedanimation typea transformcreates stacking contextyes formal syntax none | <angle> | [ x | y | z | <number>{3} ] && <angle> examples rotate an element on hover html <div> <p class="rotate">rotation</p> </div> css * { box-sizing: border-box; } html { font-family: sans-serif; } div { width: 150px; margin: 0 auto; } p { padding: 10px 5px; border: 3px solid black; border-radius: 20px; width: 150px; font-size: 1.2rem; text-align: center; } .rotate { transition: rotate 1s; } div:hover .rotate { rotate: 1 -0.5 1 180deg; } result specifications ...
ruby-position - CSS: Cascading Style Sheets
/* keyword
values */ ruby-position: over; ruby-position: under; ruby-position: inter-character; /* global
values */ ruby-position: inherit; ruby-position: initial; ruby-position: unset; syntax
values over is a keyword indicating that the ruby has to be placed over the main text for horizontal scripts and right to it for vertical scripts.
... formal definition initial
valueoverapplies toruby annotations containersinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax over | under | inter-character examples ruby positioned over the text html <ruby> <rb>超電磁砲</rb> <rp>(</rp><rt>レールガン</rt><rp>)</rp> </ruby> css ruby { ruby-position:over; } result ruby positioned under the text html <ruby> <rb>超電磁砲</rb> <rp>(</rp><rt>レールガン</rt><rp>)</rp> </ruby> css ruby { ruby-position:under; } result spec...
...truby-position experimentalchrome no support noedge no support 12 — 79firefox full support 38ie no support nonotes no support nonotes notes internet explorer 9 and later support an old draft
values: inline (equivalent of having display: inline on the ruby), and above (synonym of the modern over).opera no support nosafari no support nonotes no support nonotes notes safari implements a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: ...
...it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over
value used with ruby-align: start).webview android no support nochrome android no support nofirefox android full support 38opera android no support nosafari ios no support nonotes no support nonotes notes safari implements a non-standard, prefixed, version of ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over
value used with ruby-align: st...
scroll-margin-inline - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: scroll-margin-inline-end scroll-margin-inline-start syntax /* <length>
values */ scroll-margin-inline: 10px; scroll-margin-inline: 1em .5em ; /* global
values */ scroll-margin-inline: inherit; scroll-margin-inline: initial; scroll-margin-inline: unset;
values <length> an outset from the corresponding edge of the scroll container.
... description the scroll-margin
values represent outsets defining the scroll snap area that is used for snapping this box to the snapport.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length>{1,2} examples simple demonstration this example implements something very similar to the interactive example above, except that here we'll explain to you how it's implemented.
... last of all we specify the scroll margin
values, a different one for the second and third child elements: .scroller > div:nth-child(2) { scroll-margin-inline: 1rem; } .scroller > div:nth-child(3) { scroll-margin-inline: 2rem; } this means that when scrolling past the middle child elements, the scrolling will snap to 1rem outside the inline end edge of the second <div>, and 2rems outside the inline end edge of the third <div>.
scroll-snap-coordinate - CSS: Cascading Style Sheets
/* keyword
value */ scroll-snap-coordinate: none; /* <position>
values */ scroll-snap-coordinate: 50px 50px; /* single coordinate */ scroll-snap-coordinate: 100px 100px, 100px bottom; /* multiple coordinates */ /* global
values */ scroll-snap-coordinate: inherit; scroll-snap-coordinate: initial; scroll-snap-coordinate: unset; if the element has been transformed, the snap coordinates are likewise transformed, thus aligning the snap points with the element as it is displayed.
... syntax
values none specifies that the element does not contribute to a snap point.
...for each pairing, the first
value gives the x coordinate of the snap coordinate, the second
value its y coordinate.
... formal definition initial
valuenoneapplies toall elementsinheritednopercentagesrefer to the element’s border boxcomputed
valueas specified, but with relative lengths converted into absolute lengthsanimation typea position formal syntax none | <position>#where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
scrollbar-width - CSS: Cascading Style Sheets
initial
valueautoapplies toscrolling boxesinheritednocomputed
valueas specifiedanimation typediscrete syntax /* keyword
values */ scrollbar-width: auto; scrollbar-width: thin; scrollbar-width: none; /* global
values */ scrollbar-width: inherit; scrollbar-width: initial; scrollbar-width: unset;
values <scrollbar-width> defines the width of the scrollbar as a keyword.
... it must be one of the following
values: auto the default scrollbar width for the platform.
... note: user agents must apply any scrollbar-width
value set on the root element to the viewport.
... mdn understanding wcag, guideline 2.1 explanations mdn understanding wcag, guideline 2.5 explanations understanding success criterion 2.1.1 | w3c understanding wcag 2.1 understanding success criterion 2.5.5 | w3c understanding wcag 2.1 formal definition initial
valueautoapplies toscrolling boxesinheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | thin | none examples sizing overflow scrollbars css .scroller { width: 300px; height: 100px; overflow-y: scroll; scrollbar-width: thin; } html <div class="scroller">veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo...
text-emphasis - CSS: Cascading Style Sheets
text-emphasis doesn't reset the
value of text-emphasis-position.
... constituent properties this property is a shorthand for the following css properties: text-emphasis-color text-emphasis-style syntax /* initial
value */ text-emphasis: none; /* no emphasis marks */ /* <string>
value */ text-emphasis: 'x'; text-emphasis: '点'; text-emphasis: '\25b2'; text-emphasis: '*' #555; text-emphasis: 'foo'; /* should not use.
... it may be computed to or rendered as 'f' only */ /* keywords
value */ text-emphasis: filled; text-emphasis: open; text-emphasis: filled sesame; text-emphasis: open sesame; /* keywords
value combined with a color */ text-emphasis: filled sesame #555; /* global
values */ text-emphasis: inherit; text-emphasis: initial; text-emphasis: unset;
values none no emphasis marks.
... formal definition initial
valueas each of the properties of the shorthand:text-emphasis-style: nonetext-emphasis-color: currentcolorapplies toall elementsinheritednocomputed
valueas each of the properties of the shorthand:text-emphasis-style: as specifiedtext-emphasis-color: computed coloranimation typeas each of the properties of the shorthand:text-emphasis-color: a colortext-emphasis-style: discrete formal syntax <'text-emp...
text-indent - CSS: Cascading Style Sheets
syntax /* <length>
values */ text-indent: 3mm; text-indent: 40px; /* <percentage>
value relative to the containing block width */ text-indent: 15%; /* keyword
values */ text-indent: 5em each-line; text-indent: 5em hanging; text-indent: 5em hanging each-line; /* global
values */ text-indent: inherit; text-indent: initial; text-indent: unset;
values <length> indentation is specified as an absolute <length>.
... negative
values are allowed.
... see <length>
values for possible units.
... formal definition initial
value0applies toblock containersinheritedyespercentagesrefer to the width of the containing blockcomputed
valuethe percentage as specified or the absolute length, plus any keywords as specifiedanimation typea length, percentage or calc(); formal syntax <length-percentage> && hanging?
text-justify - CSS: Cascading Style Sheets
text-justify: none; text-justify: auto; text-justify: inter-word; text-justify: inter-character; text-justify: distribute; /* deprecated
value */ syntax the text-justify property is specified as a single keyword chosen from the list of
values below.
...
values none the text justification is turned off.
... distribute exhibits the same behaviour as inter-character; this
value is kept for backwards compatibility.
... formal definition initial
valueautoapplies toinline-level and table-cell elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax auto | inter-character | inter-word | none examples <p class="none"><code>text-justify: none</code> —<br>lorem ipsum dolor sit amet, consectetur adipiscing elit.
text-transform - CSS: Cascading Style Sheets
syntax /* keyword
values */ text-transform: none; text-transform: capitalize; text-transform: uppercase; text-transform: lowercase; text-transform: full-width; text-transform: full-size-kana; /* global
values */ text-transform: inherit; text-transform: initial; text-transform: unset; capitalize is a keyword that converts the first letter of each word to uppercase.
... accessibility concerns large sections of text set with a text-transform
value of uppercase may be difficult for people with cognitive concerns such as dyslexia to read.
... mdn understanding wcag, guideline 1.4 explanations w3c understanding wcag 2.1 formal definition initial
valuenoneapplies toall elements.
... it also applies to ::first-letter and ::first-line.inheritedyescomputed
valueas specifiedanimation typediscrete formal syntax none | capitalize | uppercase | lowercase | full-width | full-size-kana examples none <p>initial string <strong>lorem ipsum dolor sit amet, consectetur adipisicing elit, ...</strong> </p> <p>text-transform: none <strong><span>lorem ipsum dolor sit amet, consectetur adipisicing elit, ...</span></strong> </p> span { text-transform: none; } strong { float: right; } this demonstrates no text transformation.
transform-box - CSS: Cascading Style Sheets
/* keyword
values */ transform-box: content-box; transform-box: border-box; transform-box: fill-box; transform-box: stroke-box; transform-box: view-box; /* global
values */ transform-box: inherit; transform-box: initial; transform-box: unset; syntax the transform-box property is specified as one of the keyword
values listed below.
...
values content-box the content box is used as the reference box.
...if a viewbox attribute is specified for the svg viewport creating element, the reference box is positioned at the origin of the coordinate system established by the viewbox attribute, and the dimension of the reference box is set to the width and height
values of the viewbox attribute.
... formal definition initial
valueview-boxapplies totransformable elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax content-box | border-box | fill-box | stroke-box | view-box examples svg transform-origin scoping in this example we have an svg: <svg id="svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 50 50"> <g> <circle id="center" fill="red" r="1" transform="translate(25 25)" /> <circle id="boxcenter" fill="blue" r=".5" transform="translate(15 15)" /> <rect id="box" x="10" y="10" width="10" height="10" rx="1" ry="1" stroke="black" fill="none" /> </g> </svg> in the css we have an animation that uses a transform to rotate the rectangle infinitely.
scale3d() - CSS: Cascading Style Sheets
when a coordinate
value is outside the [-1, 1] range, the element grows along that dimension; when inside, it shrinks.
...a
value of 1 has no effect.
... syntax the scale3d() function is specified with three
values, which represent the amount of scaling to be applied in each direction.
... scale3d(sx, sy, sz)
values sx is a <number> representing the abscissa of the scaling vector.
skew() - CSS: Cascading Style Sheets
the coordinates of each point are modified by a
value proportionate to the specified angle and the distance to the origin; thus, the farther from the origin a point is, the greater will be the
value added it.
... syntax the skew() function is specified with either one or two
values, which represent the amount of skewing to be applied in each direction.
... skew(ax) skew(ax, ay)
values ax is an <angle> representing the angle to use to distort the element along the abscissa.
...if not defined, its default
value is 0, resulting in a purely horizontal skewing.
translate() - CSS: Cascading Style Sheets
syntax /* single <length-percentage>
values */ transform: translate(200px); transform: translate(50%); /* double <length-percentage>
values */ transform: translate(100px, 200px); transform: translate(100px, 50%); transform: translate(30%, 200px); transform: translate(30%, 50%);
values single <length-percentage>
values this
value is a <length> or <percentage> representing the abscissa (horizontal, x-coordinate) of the translating vector.
...a percentage
value refers to the width of the reference box defined by the transform-box property.
... double <length-percentage>
values this
value describes two <length> or <percentage>
values representing both the abscissa (x-coordinate) and the ordinate (y-coordinate) of the translating vector.
... a percentage as first
value refers to the width, as second part to the height of the reference box defined by the transform-box property.
<transform-function> - CSS: Cascading Style Sheets
cartesian coordinates in the cartesian coordinate system, a two-dimensional point is described using two
values: an x coordinate (abscissa) and a y coordinate (ordinate).
... transformation functions transformation functions alter the appearance of an element by manipulating the
values of its coordinates.
...thus, each coordinate changes based on the
values in the matrix: ac bd xy = ax+cy bx+dy it is even possible to apply several transformations in a row: a1 c1 b1 d1 a2 c2 b2 d2 = a1 a2 + c1 b2 a1 c2 + c1 d2 b1 a2 + d1 b2 b1 c2 + d1 d2 with this notation, it is possible to describe, and therefore compose, most common transformations: rotations, scaling, or skewing.
...ackground: rgba(210,210,0,.7); transform: rotatex(90deg) translatez(50px); } .bottom { background: rgba(210,0,210,.7); transform: rotatex(-90deg) translatez(50px); } .select-form { margin-top: 50px; } javascript const selectelem = document.queryselector('select'); const example = document.queryselector('#example-element'); selectelem.addeventlistener('change', () => { if(selectelem.
value === 'choose a function') { return; } else { example.style.transform = `rotate3d(1, 1, 1, 30deg) ${selectelem.
value}`; settimeout(function() { example.style.transform = 'rotate3d(1, 1, 1, 30deg)'; }, 2000) } }) result specifications specification status comment css transforms level 2the definition of '<transform-function>' in that specific...
transition-duration - CSS: Cascading Style Sheets
by default, the
value is 0s, meaning that no animation will occur.
... syntax /* <time>
values */ transition-duration: 6s; transition-duration: 120ms; transition-duration: 1s, 15s; transition-duration: 10s, 30s, 230ms; /* global
values */ transition-duration: inherit; transition-duration: initial; transition-duration: unset;
values <time> is a <time> denoting the amount of time the transition from the old
value of a property to the new
value should take.
...a negative
value for the time renders the declaration invalid.
... formal definition initial
value0sapplies toall elements, ::before and ::after pseudo-elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <time># examples transition-duration: 0.5s <div class="parent"> <div class="box">lorem</div> </div> .parent { width: 250px; height:125px;} .box { width: 100px; height: 100px; background-color: red; font-size: 20px; left: 0px; top: 0px; position:absolute; -webkit-transition-property: width height background-color font-size left top transform -webkit-transform color; -webkit-transition-duration:0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: width height background-color font-size left top transform -webkit-transform color; transition-dura...
transition-property - CSS: Cascading Style Sheets
syntax /* keyword
values */ transition-property: none; transition-property: all; /* <custom-ident>
values */ transition-property: test_05; transition-property: -specific; transition-property: sliding-vertically; /* multiple
values */ transition-property: test1, animation4; transition-property: all, height, color; transition-property: all, -moz-specific, sliding; /* global
values */ transition-property: inherit; trans...
...ition-property: initial; transition-property: unset;
values none no properties will transition.
... <custom-ident> a string identifying the property to which a transition effect should be applied when its
value changes.
... formal definition initial
valueallapplies toall elements, ::before and ::after pseudo-elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | <single-transition-property>#where <single-transition-property> = all | <custom-ident> examples there are several examples of css transitions included in the main css transitions article.
user-modify - CSS: Cascading Style Sheets
/* keyword
values */ user-modify: read-only; user-modify: read-write; user-modify: write-only; /* global
values */ user-modify: inherit; user-modify: initial; user-modify: unset; this property has been replaced by the contenteditable attribute.
... syntax the -moz-user-modify property is specified as one of the keyword
values from the list below.
...
values read-only default
value.
... formal definition
value not found in db!
widows - CSS: Cascading Style Sheets
/* <integer>
values */ widows: 2; widows: 3; /* global
values */ widows: inherit; widows: initial; widows: unset; in typography, a widow is the last line of a paragraph that appears alone at the top of a page.
... (the paragraph is continued from a prior page.) syntax
values <integer> the minimum number of lines that can stay by themselves at the top of a new fragment after a fragmentation break.
... the
value must be positive.
... formal definition initial
value2applies toblock container elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax <integer> examples controlling column widows html <div> <p>this is the first paragraph containing some text.</p> <p>this is the second paragraph containing some more text than the first one.
word-break - CSS: Cascading Style Sheets
syntax /* keyword
values */ word-break: normal; word-break: break-all; word-break: keep-all; word-break: break-word; /* deprecated */ /* global
values */ word-break: inherit; word-break: initial; word-break: unset; the word-break property is specified as a single keyword chosen from the list of
values below.
...
values normal use the default line break rule.
... break-word has the same effect as word-break: normal and overflow-wrap: anywhere, regardless of the actual
value of the overflow-wrap property.
... formal definition initial
valuenormalapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax normal | break-all | keep-all | break-word examples html <p>1.
writing-mode - CSS: Cascading Style Sheets
syntax /* keyword
values */ writing-mode: horizontal-tb; writing-mode: vertical-rl; writing-mode: vertical-lr; /* global
values */ writing-mode: inherit; writing-mode: initial; writing-mode: unset; the writing-mode property is specified as one of the
values listed below.
...
values horizontal-tb for ltr scripts, content flows horizontally from left to right.
... formal definition initial
valuehorizontal-tbapplies toall elements except table row groups, table column groups, table rows, and table columnsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr examples using multiple writing modes this example demonstrates all of the writing modes, showing each with text in various languages.
... <table> <tr> <th>
value</th> <th>vertical script</th> <th>horizontal (ltr) script</th> <th>horizontal (rtl) script</th> <th>mixed script</th> </tr> <tr> <td>horizontal-tb</td> <td class="example text1"><span>我家没有电脑。</span></td> <td class="example text1"><span>example text</span></td> <td class="example text1"><span>מלל ארוך לדוגמא</span></td> <td class="example text1"><span>1994年に至っては</span></td> </tr> <tr> <td>vertical-lr</td> <td class="example text2"><span>我家没有电脑。</span></td> <td class="example text2"><span>example text</span></td> <td class="e...
Getting Started - Developer guides
form data should be sent in a format that the server can parse, like a query string: "name=
value&anothername="+encodeuricomponent(myvar)+"&so=on" or other formats, like multipart/form-data, json, xml, and so on.
...if the state has the
value of xmlhttprequest.done (corresponding to 4), that means that the full server response was received and it's ok for you to continue processing it.
...} the full list of the readystate
values is documented at xmlhttprequest.readystate and is as follows: 0 (uninitialized) or (request not initialized) 1 (loading) or (server connection established) 2 (loaded) or (request received) 3 (interactive) or (processing request) 4 (complete) or (request finished and response is ready) next, check the http response status codes of the http response.
...l> <span id="ajaxbutton" style="cursor: pointer; text-decoration: underline"> make a request </span> we'll also add a line to our event handler to get the user's data from the text box and send it to the makerequest() function along with the url of our server-side script: document.getelementbyid("ajaxbutton").onclick = function() { var username = document.getelementbyid("ajaxtextbox").
value; makerequest('test.php',username); }; we need to modify makerequest() to accept the user data and pass it along to the server.
disabled - HTML: Hypertext Markup Language
because a disabled field cannot have it's
value changed, required does not have any effect on inputs with the disabled attribute also specified.
... constraint validation if the element is disabled, then the element's
value can not receive focus and cannot be updated by the user, and does not participate in constraint validation.
... <fieldset> <legend>checkboxes</legend> <p><label> <input type="checkbox" name="chbox"
value="regular"> regular </label></p> <p><label> <input type="checkbox" name="chbox"
value="disabled" disabled> disabled </label></p> </fieldset> <fieldset> <legend>radio buttons</legend> <p><label> <input type="radio" name="radio"
value="regular"> regular </label></p> <p><label> <input type="radio" name="radio"
value="disabled" disabled> disabled </label></p> </fieldset> ...
...on> <option disabled>option 2.2</option> <option>option 2.3</option> </optgroup> <optgroup label="group 3" disabled> <option>disabled 3.1</option> <option>disabled 3.2</option> <option>disabled 3.3</option> </optgroup> </select> </label> </p> <fieldset disabled> <legend>disabled fieldset</legend> <p> <label>name: <input type="name" name="radio"
value="regular"> regular </label> </p> <p> <label>number: <input type="number"></label> </p> </fieldset> specifications specification status comment html living standardthe definition of 'disabled attribute' in that specification.
<dl>: The Description List element - HTML: Hypertext Markup Language
common uses for this element are to implement a glossary or to display metadata (a list of key-
value pairs).
... content categories flow content, and if the <dl> element's children include one name-
value group, palpable content.
... metadata description lists are useful for displaying metadata as a list of key-
value pairs.
... <dl> <dt>name</dt> <dd>godzilla</dd> <dt>born</dt> <dd>1952</dd> <dt>birthplace</dt> <dd>japan</dd> <dt>color</dt> <dd>green</dd> </dl> tip: it can be handy to define a key-
value separator in the css, such as: dt::after { content: ": "; } wrapping name-
value groups in <div> elements whatwg html allows wrapping each name-
value group in a <dl> element in a <div> element.
<label> - HTML: Hypertext Markup Language
the <label> then needs a for attribute whose
value is the same as the input's id.
...the first element in the document with an id matching the
value of the for attribute is the labeled control for this label element, if it is a labelable element.
...if there are other elements which also match the id
value, later in the document, they are not considered.
... don't <label for="your-name"> <h3>your name</h3> <input id="your-name" name="your-name" type="text"> </label> do <label class="large-label" for="your-name"> your name <input id="your-name" name="your-name" type="text"> </label> buttons an <input> element with a type="button" declaration and a valid
value attribute does not need a label associated with it.
<nextid>: The NeXT ID element (Obsolete) - HTML: Hypertext Markup Language
html "0.c" - from january 23, 1991 though november 23, 1992 this early version of html introduced <nextid> in a non-sgml compliant form that simply used the numeric
value alone as an "attribute." html "0.d" - from november 26, 1992 through may 24, 1993 during this span, next and the oldest surviving dtd's show <nextid> to take only a number for a
value of its newly-introduced attribute n.
... html "1.k" - version 1 (first release) in this first published draft of html, <nextid> is the same as it would take in html 2, finally allowing the use of a name instead of only a number for its attribute
value.
...the heading for each of the four sections would be assigned name
values of "z0", "z1", "z2", and "z3".
...so then the nextid
value is z30 when it's returned modified: <html> <head> <title> ...
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
please note that sizes will have its effect only if width dimension descriptors are provided with srcset instead of pixel ratio
values (200w instead of 2x for example).
...the
value of this attribute is ignored when the <source> element is placed inside a <picture> element.
...the default
value, if missing, is the infinity.
...the default
value, if missing, is 1x.
HTML elements reference - HTML: Hypertext Markup Language
<dd> the html <dd> element provides the description, definition, or
value for the preceding term (<dt>) in a description list (<dl>).
...common uses for this element are to implement a glossary or to display metadata (a list of key-
value pairs).
...it can be used to group elements for styling purposes (using the class or id attributes), or because they share attribute
values, such as lang.
... <meter> the html <meter> element represents either a scalar
value within a known range or a fractional
value.
accesskey - HTML: Hypertext Markup Language
the attribute
value must consist of a single printable character (which includes accented and other characters that can be generated by the keyboard).
... google chrome alt + shift + key safari n/a opera 15+ alt + key control + alt + key opera 12 shift + esc opens a contents list which are accessible by accesskey, then, can choose an item by pressing key accessibility concerns in addition to poor browser support, there are numerous concerns with the accesskey attribute: an accesskey
value can conflict with a system or browser keyboard shortcut, or assistive technology functionality.
... certain accesskey
values may not be present on certain keyboards, especially when internationalization is a concern.
... accesskey
values that rely on numbers may be confusing to individuals experiencing cognitive concerns, where the number doesn't have a logical association with the functionality it triggers.
contenteditable - HTML: Hypertext Markup Language
the attribute must take one of the following
values: true or an empty string, which indicates that the element is editable.
... if the attribute is given without a
value, like <label contenteditable>example label</label>, its
value is treated as an empty string.
... if this attribute is missing or its
value is invalid, its
value is inherited from its parent element: so the element is editable if its parent is editable.
... note that although its allowed
values include true and false, this attribute is an enumerated one and not a boolean one.
itemtype - HTML: Hypertext Markup Language
note: more about itemtype attributes can be found at http://schema.org/thing the itemtype attribute must have a
value that is an unordered set of unique tokens which are case-sensitive, each is a valid and absolute url, and all defined to use the same vocabulary.
... the attribute's
value must have at least one token.
... <br> </span> product #: <span itemprop="mpn">925872<br></span> <span itemprop="aggregaterating" itemscope itemtype="http://schema.org/aggregaterating"> rating: <span itemprop="rating
value">4.4</span> stars, based on <span itemprop="reviewcount">89 </span> reviews </span><p> <span itemprop="offers" itemscope itemtype="http://schema.org/offer"> regular price: $179.99<br> <meta itemprop="pricecurrency" content="usd" /> <span itemprop="price">sale price: $119.99<br></span> (sale ends <time itemprop="pricevaliduntil" datetime="2020-11-05"> 5 november!</ti...
... itemprop mpn 925872 itemprop brand [thing] itemprop name acme itemscope itemprop[itemtype] aggregaterating[aggregaterating] itemprop rating
value 4.4 itemprop reviewcount 89 itemprop offers [offer] http://schema.org/offer itemprop pricecurrency usd itemprop price 119.99 itemprop pricevaliduntil 2020-11-05 itemprop itemcondition http://schema.org/usedcondition itemprop availability http://schema.org/instock itemscope itemp...
spellcheck - HTML: Hypertext Markup Language
it may have the following
values: true, which indicates that the element should be, if possible, checked for spelling errors; false, which indicates that the element should not be checked for spelling errors.
...this means that the explicit usage of one of the
values true or false is mandatory, and that a shorthand like <textarea spellcheck></textarea> is not allowed.
... if this attribute is not set, its default
value is element-type and browser-defined.
... this default
value may also be inherited, which means that the element content will be checked for spelling errors only if its nearest ancestor has a spellcheck state of true.
Reason: Credential is not supported if the CORS header ‘Access-Control-Allow-Origin’ is ‘*’ - HTTP
the cors request was attempted with the credentials flag set, but the server is configured using the wildcard ("*") as the
value of access-control-allow-origin, which doesn't allow the use of credentials.
... to correct this problem on the client side, simply ensure that the credentials flag's
value is false when issuing your cors request.
... if using server-sent events, make sure eventsource.withcredentials is false (it's the default
value).
... if, instead, you need to adjust the server's behavior, you'll need to change the
value of access-control-allow-origin to grant access to the origin from which the client is loaded.
Configuring servers for Ogg media - HTTP
this header provides the duration of the video in seconds (not in hh:mm:ss format) as a floating-point
value.
...you'll need to convert it to seconds only, then serve that as your x-content-duration
value.
... just parse out the hh, mm, and ss into numbers, then do (hh*3600)+(mm*60)+ss to get the
value you should report.
... it's important to note that it appears that oggz-info makes a read pass of the media in order to calculate its duration, so it's a good idea to store the duration
value in order to avoid lengthy delays while the
value is calculated for every http request of your ogg media.
Accept-Language - HTTP
browsers set adequate
values for this header according to their user interface language and even if a user can change it, this happens rarely (and is frowned upon as it leads to fingerprinting).
... header type request header forbidden header name no cors-safelisted request header yes, with the additional restriction that
values can only be 0-9, a-z, a-z, space or *,-.;=.
... syntax accept-language: <language> accept-language: * // multiple types, weighted with the quality
value syntax: accept-language: fr-ch, fr;q=0.9, en;q=0.8, de;q=0.7, *;q=0.5 directives <language> a language tag (which is sometimes referred to as a "locale identifier").
... ;q= (q-factor weighting) any
value placed in an order of preference expressed using a relative quality
value called weight.
Accept - HTTP
browsers set adequate
values for this header depending on the context where the request is done: when fetching a css stylesheet a different
value is set for the request than when fetching an image, video or a script.
... header type request header forbidden header name no cors-safelisted request header yes, with the additional restriction that
values can't contain a cors-unsafe request header byte: 0x00-0x1f (except 0x09 (ht)), "():<>?@[\]{}, and 0x7f (del).
... syntax accept: <mime_type>/<mime_subtype> accept: <mime_type>/* accept: */* // multiple types, weighted with the quality
value syntax: accept: text/html, application/xhtml+xml, application/xml;q=0.9, image/webp, */*;q=0.8 directives <mime_type>/<mime_subtype> a single, precise mime type, like text/html.
... */* any mime type ;q= (q-factor weighting) any
value used is placed in an order of preference expressed using relative quality
value called the weight.
Access-Control-Allow-Origin - HTTP
header type response header forbidden header name no syntax access-control-allow-origin: * access-control-allow-origin: <origin> access-control-allow-origin: null directives * for requests without credentials, the literal
value "*" can be specified, as a wildcard; the
value tells browsers to allow requesting code from any origin to access the resource.
...the "null"
value for the acao header should therefore be avoided." examples a response that tells the browser to allow code from any origin to access a resource will include the following: access-control-allow-origin: * a response that tells the browser to allow requesting code from the origin https://developer.mozilla.org to access a resource will include the following: access-control-allow-origin: https...
...://developer.mozilla.org limiting the possible access-control-allow-origin
values to a set of allowed origins requires code on the server side to check the
value of the origin request header, compare that to a list of allowed origins, and then if the origin
value is in the list, to set the access-control-allow-origin
value to the same
value as the origin
value.
... cors and caching if the server sends a response with an access-control-allow-origin
value that is an explicit origin (rather than the "*" wildcard), then the response should also include a vary response header with the
value origin — to indicate to browsers that server responses can differ based on the
value of the origin request header.
CSP: connect-src - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: img-src - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: prefetch-src - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: script-src-attr - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: script-src-elem - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: script-src - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: style-src-attr - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: style-src-elem - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: style-src - HTTP
unlike other
values below, single quotes shouldn't be used.
... 'nonce-<base64-
value>' an allow-list for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
Content-Type - HTTP
browsers will do mime sniffing in some cases and will not necessarily follow the
value of this header; to prevent this behavior, the header x-content-type-options can be set to nosniff.
... header type entity header forbidden header name no cors-safelisted response header yes cors-safelisted request header yes, with the additional restriction that
values can't contain a cors-unsafe request header byte: 0x00-0x1f (except 0x08 (tab)), "():<>?@[\]{}, and 0x7f (delete).
... it also needs to have a mime type of its parsed
value (ignoring parameters) of either application/x-www-form-urlencoded, multipart/form-data, or text/plain.
... <form action="/" method="post" enctype="multipart/form-data"> <input type="text" name="description"
value="some text"> <input type="file" name="myfile"> <button type="submit">submit</button> </form> the request looks something like this (less interesting headers are omitted here): post /foo http/1.1 content-length: 68137 content-type: multipart/form-data; boundary=---------------------------974767299852498929531610575 -----------------------------974767299852498929531610575 content-dispositio...
If-None-Match - HTTP
for other methods, the request will be processed only if the eventually existing resource's etag doesn't match any of the
values listed.
... for other methods, and in particular for put, if-none-match used with the *
value can be used to save a file not known to exist, guaranteeing that another upload didn't happen before, losing the data of the previous put; this problem is a variation of the lost update problem.
... header type request header forbidden header name no syntax if-none-match: "<etag_
value>" if-none-match: "<etag_
value>", "<etag_
value>", … if-none-match: * directives <etag_
value> entity tags uniquely representing the requested resources.
... * the asterisk is a special
value representing any resource.
SameSite cookies - HTTP
values the samesite attribute accepts three
values: lax cookies are allowed to be sent with top-level navigations and will be sent along with get request initiated by third party website.
... this is the default
value in modern browsers.
... none used to be the default
value, but recent browser versions made lax the default
value to have reasonably robust defense against some classes of cross-site request forgery (csrf) attacks.
... cookie “mycookie” has “samesite” policy set to “lax” because it is missing a “samesite” attribute, and “samesite=lax” is the default
value for this attribute.
TE - HTTP
in http/2 - the te header field is only accepted if the trailers
value is set.
...however, it is useful for setting if the client is accepting trailer fields in a chunked transfer coding using the "trailers"
value.
... header type request header forbidden header name yes syntax te: compress te: deflate te: gzip te: trailers // multiple directives, weighted with the quality
value syntax: te: trailers, deflate;q=0.5 directives compress a format using the lempel-ziv-welch (lzw) algorithm is accepted as a transfer coding name.
... q when multiple transfer codings are acceptable, the q parameter of the quality
value syntax can rank codings by preference.
Transfer-Encoding - HTTP
each segment of a multi-node connection can use different transfer-encoding
values.
... when present on a response to a head request that has no body, it indicates the
value that would have applied to the corresponding get message.
... header type response header forbidden header name yes syntax transfer-encoding: chunked transfer-encoding: compress transfer-encoding: deflate transfer-encoding: gzip transfer-encoding: identity // several
values can be listed, separated by a comma transfer-encoding: gzip, chunked directives chunked data is sent in a series of chunks.
...the
value name was taken from the unix compress program, which implemented this algorithm.
HTTP Messages - HTTP
headers http headers from a request follow the same basic structure of an http header: a case-insensitive string followed by a colon (':') and a
value whose structure depends upon the header.
... the whole header, including the
value, consist of one single line, which can be quite long.
... headers http headers for responses follow the same structure as any other header: a case-insensitive string followed by a colon (':') and a
value whose structure depends upon the type of the header.
... the whole header, including its
value, presents as a single line.
Protocol upgrade mechanism - HTTP
the
value of the key is computed using an algorithm defined in the websocket specification, so this does not provide security.
... the server's response's sec-websocket-accept header will have a
value computed based upon the specified key.
... sec-websocket-accept: hash hash if a sec-websocket-key header was provided, the
value of this header is computed by taking the
value of the key, concatenating the string "258eafa5-e914-47da-95ca-c5ab0dc85b11" to it, taking the sha-1 hash of that concatenated string, resulting in a 20-byte
value.
... that
value is then base64 encoded to obtain the
value of this property.
Classes - JavaScript
= y; } static distance(a, b) { const dx = a.x - b.x; const dy = a.y - b.y; return math.hypot(dx, dy); } } const p1 = new point(5, 5); const p2 = new point(10, 10); p1.distance; //undefined p2.distance; //undefined console.log(point.distance(p1, p2)); // 7.0710678118654755 binding this with prototype and static methods when a static or prototype method is called without a
value for this, such as by assigning a variable to the method and then calling it, the this
value will be undefined inside the method.
...speak() { return this; } static eat() { return this; } } let obj = new animal(); obj.speak(); // the animal object let speak = obj.speak; speak(); // undefined animal.eat() // class animal let eat = animal.eat; eat(); // undefined if we rewrite the above using traditional function-based syntax in non–strict mode, then this method calls is automatically bound to the initial this
value, which by default is the global object.
... in strict mode, autobinding will not happen; the
value of this remains as passed.
... as seen above, the fields can be declared with or without a default
value.
SyntaxError: a declaration in the head of a for-of loop can't have an initializer - JavaScript
that is, a variable is declared and assigned a
value |for (var i = 0 of iterable)|.
... examples invalid for-of loop let iterable = [10, 20, 30]; for (let
value = 50 of iterable) { console.log(
value); } // syntaxerror: a declaration in the head of a for-of loop can't // have an initializer valid for-of loop you need to remove the initializer (
value = 50) in the head of the for-of loop.
... maybe you intended to make 50 an offset
value, in that case you could add it to the loop body, for example.
... let iterable = [10, 20, 30]; for (let
value of iterable) {
value += 50; console.log(
value); } // 60 // 70 // 80 ...
SyntaxError: missing formal parameter - JavaScript
in the declaration of a function, the parameters must be identifiers, not any
value like numbers, strings, or objects.
...declarations require identifier as parameters, and only when calling (invoking) the function, you provide the
values the function should use.
...all these function declarations fail, as they are providing
values for their parameters: function square(3) { return number * number; }; // syntaxerror: missing formal parameter function greet("howdy") { return greeting; }; // syntaxerror: missing formal parameter function log({ obj: "
value"}) { console.log(arg) }; // syntaxerror: missing formal parameter you will need to use identifiers in function declarations: function square(number) { return numb...
...er * number; }; function greet(greeting) { return greeting; }; function log(arg) { console.log(arg) }; you can then call these functions with the arguments you like: square(2); // 4 greet("howdy"); // "howdy" log({obj: "
value"}); // object { obj: "
value" } ...
Array.prototype.copyWithin() - JavaScript
return
value the modified array.
...the sequence is copied and pasted as one operation; pasted sequence will have the copied
values even when the copy and paste region overlap.
... the copywithin function is intentionally generic, it does not require that its this
value be an array object.
... polyfill if (!array.prototype.copywithin) { object.defineproperty(array.prototype, 'copywithin', {
value: function(target, start/*, end*/) { // steps 1-2.
Array.isArray() - JavaScript
the array.isarray() method determines whether the passed
value is an array.
... array.isarray([1, 2, 3]); // true array.isarray({foo: 123}); // false array.isarray('foobar'); // false array.isarray(undefined); // false syntax array.isarray(
value) parameters
value the
value to be checked.
... return
value true if the
value is an array; otherwise, false.
... description if the
value is an array, true is returned; otherwise, false is.
DataView.prototype.setInt8() - JavaScript
the setint8() method stores a signed 8-bit integer (byte)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setint8(byteoffset,
value) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
... return
value undefined.
DataView.prototype.setUint8() - JavaScript
the setuint8() method stores an unsigned 8-bit integer (byte)
value at the specified byte offset from the start of the dataview.
... syntax dataview.setuint8(byteoffset,
value) parameters byteoffset the offset, in byte, from the start of the view where to store the data.
...
value the
value to set.
... return
value undefined.
Date.prototype.getTime() - JavaScript
this method is functionally equivalent to the
valueof() method.
... syntax dateobj.gettime() return
value a number representing the milliseconds elapsed between 1 january 1970 00:00:00 utc and the given date.
... in firefox, you can also enable privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
... examples using gettime() for copying dates constructing a date object with the identical time
value.
Date.prototype.setYear() - JavaScript
syntax dateobj.setyear(year
value) parameters year
value an integer.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
... description if year
value is a number between 0 and 99 (inclusive), then the year for dateobj is set to 1900 + year
value.
... otherwise, the year for dateobj is set to year
value.
Date.prototype.toLocaleString() - JavaScript
the default
value for each date-time component property is undefined.
... return
value a string representing the given date according to language-specific conventions.
... dezember 2012" // an application may want to use utc and make that visible options.timezone = 'utc'; options.timezonename = 'short'; console.log(date.tolocalestring('en-us', options)); // → "thursday, december 20, 2012, gmt" // sometimes even the us needs 24-hour time console.log(date.tolocalestring('en-us', { hour12: false })); // → "12/19/2012, 19:00:00" avoid comparing formatted date
values to static
values most of the time, the formatting returned by tolocalestring() is consistent.
... for this reason, you cannot expect to be able to compare the results of tolocalestring() to a static
value: "1/1/2019, 01:00:00" === new date("2019-01-01t01:00:00z").tolocalestring("en-us"); // true in firefox and others // false in ie and edge note: see also this stackoverflow thread for more details and examples.
Date.prototype.toString() - JavaScript
syntax dateobj.tostring() return
value a string representing the given date.
... the tostring() method is automatically called when a date is to be represented as a text
value, e.g.
...however, it must have an internal [[time
value]] property that can't be constructed using native javascript, so it's effectively limited to use with date instances.
... examples using tostring() the following assigns the tostring()
value of a date object to myvar: var x = new date(); var myvar = x.tostring(); // assigns a string
value to myvar in the same format as: // mon sep 08 1998 14:36:22 gmt-0700 (pdt) specifications specification ecmascript (ecma-262)the definition of 'date.prototype.tostring' in that specification.
Error.prototype.stack - JavaScript
argument
values in the stack: prior to firefox 14, the function name would be followed by the argument
values converted to string in parentheses immediately before the at (@) sign.
... while an object (or array, etc.) would appear in the converted form "[object object]", and as such could not be evaluated back into the actual objects, scalar
values could be retrieved (though it may be — it is still possible in firefox 14 — easier to use arguments.callee.caller.arguments, as could the function name be retrieved by arguments.callee.caller.name).
...note that if string arguments were passed in with
values such as "@", "(", ")" (or if in file names), you could not easily rely on these for breaking the line into its component parts.
... different browsers set this
value at different times.
FinalizationRegistry.prototype.register() - JavaScript
syntax registry.register(target, held
value, [unregistertoken]); parameters target the target object to register.
... held
value the
value to pass to the finalizer for this object.
... return
value undefined.
... examples using register the following registers the target object referenced by target, passing in the held
value "some
value" and passing the target object itself as the unregistration token: registry.register(target, "some
value", target); the following registers the target object referenced by target, passing in another object as the held
value, and not passing in any unregistration token (which means target can't be unregistered): registry.register(target, {"useful": "info about target"}); specifications specification weakrefsthe definition of 'finalizationregistry.prototype.register' in that specification.
Function.length - JavaScript
this number excludes the rest parameter and only includes parameters before the first one with a default
value.
...its length data property has a
value of 1.
... property of the function prototype object the length property of the function prototype object has a
value of 0.
...*/ console.log((function(...args) {}).length); // 0, rest parameter is not counted console.log((function(a, b = 1, c) {}).length); // 1, only parameters before the first one with // a default
value is counted specifications specification ecmascript (ecma-262)the definition of 'function.length' in that specification.
Infinity - JavaScript
the global property infinity is a numeric
value representing infinity.
... the initial
value of infinity is number.positive_infinity.
... the
value infinity (positive infinity) is greater than any other number.
... this
value behaves slightly differently than mathematical infinity; see number.positive_infinity for details.
Intl.NumberFormat.prototype.formatToParts() - JavaScript
return
value an array of objects containing the formatted number in parts.
...the structure the formattoparts() method returns, looks like this: [ { type: "integer",
value: "3" }, { type: "group",
value: "." }, { type: "integer",
value: "500" } ] possible types are the following: currency the currency string, such as the symbols "$" and "€" or the name "dollar", "euro" depending on how currencydisplay is specified.
...the formattoparts method enables locale-aware formatting of strings produced by numberformat formatters by providing you the string in parts: formatter.formattoparts(number); // return
value: [ { type: "integer",
value: "3" }, { type: "group",
value: "." }, { type: "integer",
value: "500" }, { type: "decimal",
value: "," }, { type: "fraction",
value: "00" }, { type: "literal",
value: " " }, { type: "currency",
value: "€" } ] now the information is available separately and it can be formatted and concatenated again in a customized way.
... var numberstring = formatter.formattoparts(number).map(({type,
value}) => { switch (type) { case 'currency': return `<strong>${
value}</strong>`; default : return
value; } }).reduce((string, part) => string + part); this will make the currency bold, when using the formattoparts() method.
Intl.PluralRules.prototype.resolvedOptions() - JavaScript
syntax pluralrule.resolvedoptions() return
value a new object with properties reflecting the locale and plural formatting options computed during the initialization of the given pluralrules object.
...if any unicode extension
values were requested in the input bcp 47 language tag that led to this locale, the key-
value pairs that were requested and are supported for this locale are included in locale.
... only one of the following two groups of properties is included: minimumintegerdigits minimumfractiondigits maximumfractiondigits the
values provided for these properties in the options argument or filled in as defaults.
... minimumsignificantdigits maximumsignificantdigits the
values provided for these properties in the options argument or filled in as defaults.
Map.prototype.set() - JavaScript
the set() method adds or updates an element with a specified key and a
value to a map object.
... syntax mymap.set(key,
value) parameters key the key of the element to add to the map object.
...
value the
value of the element to add to the map object.
... return
value the map object.
Math.acos() - JavaScript
return
value the arccosine (angle in radians) of the given number if it's between -1 and 1; otherwise, nan.
... description the math.acos() method returns a numeric
value between 0 and π radians for x between -1 and 1.
... if the
value of x is outside this range, it returns nan.
... examples using math.acos() math.acos(-2); // nan math.acos(-1); // 3.141592653589793 math.acos(0); // 1.5707963267948966 math.acos(0.5); // 1.0471975511965979 math.acos(1); // 0 math.acos(2); // nan for
values less than -1 or greater than 1, math.acos() returns nan.
Math.asin() - JavaScript
return
value the arcsine (in radians) of the given number if it's between -1 and 1; otherwise, nan.
... description the math.asin() method returns a numeric
value between -π2-\frac{\pi}{2} and π2\frac{\pi}{2} radians for x between -1 and 1.
... if the
value of x is outside this range, it returns nan.
... examples using math.asin() math.asin(-2); // nan math.asin(-1); // -1.5707963267948966 (-pi/2) math.asin(0); // 0 math.asin(0.5); // 0.5235987755982989 math.asin(1); // 1.5707963267948966 (pi/2) math.asin(2); // nan for
values less than -1 or greater than 1, math.asin() returns nan.
Math.max() - JavaScript
syntax math.max([
value1[,
value2[, ...]]]) parameters
value1,
value2, ...
... return
value the largest of the given numbers.
... -infinity is the initial comparant because almost every other
value is bigger, that's why when no arguments are given, -infinity is returned.
... examples using math.max() math.max(10, 20); // 20 math.max(-10, -20); // -10 math.max(-10, 20); // 20 getting the maximum element of an array array.reduce() can be used to find the maximum element in a numeric array, by comparing each
value: var arr = [1,2,3]; var max = arr.reduce(function(a, b) { return math.max(a, b); }); the following function uses function.prototype.apply() to get the maximum of an array.
Math.round() - JavaScript
the math.round() function returns the
value of a number rounded to the nearest integer.
... return
value the
value of the given number rounded to the nearest integer.
... description if the fractional portion of the argument is greater than 0.5, the argument is rounded to the integer with the next higher absolute
value.
... if it is less than 0.5, the argument is rounded to the integer with the lower absolute
value.
Number.prototype.toExponential() - JavaScript
return
value a string representing the given number object in exponential notation with one digit before the decimal point, rounded to fractiondigits digits after the decimal point.
...
values between 0 and 20, inclusive, will not cause a rangeerror.
... implementations are allowed to support larger and smaller
values as well.
... description if the fractiondigits argument is omitted, the number of digits after the decimal point defaults to the number of digits necessary to represent the
value uniquely.
Object.fromEntries() - JavaScript
the object.fromentries() method transforms a list of key-
value pairs into an object.
... return
value a new object whose properties are given by the entries of the iterable.
... description the object.fromentries() method takes a list of key-
value pairs and returns a new object whose properties are given by those entries.
... the iterable argument is expected to be an object that implements an @@iterator method, that returns an iterator object, that produces a two element array-like object, whose first element is a
value that will be used as a property key, and whose second element is the
value to associate with that property key.
Object.getOwnPropertyDescriptors() - JavaScript
return
value an object containing all own property descriptors of an object.
...a property in javascript consists of either a string-
valued name or a symbol and a property descriptor.
... a property descriptor is a record with some of the following attributes:
value the
value associated with the property (data descriptors only).
... writable true if and only if the
value associated with the property may be changed (data descriptors only).
Promise.allSettled() - JavaScript
return
value a pending promise that will be asynchronously fulfilled once every promise in the specified collection of promises has completed, either by successfully being fulfilled or by being rejected.
...if the status is fulfilled, then a
value is present.
...the
value (or reason) reflects what
value each promise was fulfilled (or rejected) with.
... examples using promise.allsettled promise.allsettled([ promise.resolve(33), new promise(resolve => settimeout(() => resolve(66), 0)), 99, promise.reject(new error('an error')) ]) .then(
values => console.log(
values)); // [ // {status: "fulfilled",
value: 33}, // {status: "fulfilled",
value: 66}, // {status: "fulfilled",
value: 99}, // {status: "rejected", reason: error: an error} // ] specifications specification ecmascript (ecma-262)the definition of 'promise.allsettled' in that specification.
handler.defineProperty() - JavaScript
return
value the defineproperty() method must return a boolean indicating whether or not the property has been successfully defined.
... in strict mode, a false return
value from the defineproperty() handler will throw a typeerror exception.
... const p = new proxy({}, { defineproperty: function(target, prop, descriptor) { console.log('called: ' + prop); return true; } }); const desc = { configurable: true, enumerable: true,
value: 10 }; object.defineproperty(p, 'a', desc); // "called: a" when calling object.defineproperty() or reflect.defineproperty(), the descriptor passed to defineproperty() trap has one restriction—only following properties are usable (non-standard properties will be ignored): enumerable configurable writable
value get set const p = new proxy({}, { defineproperty(target, prop, descriptor) { console.log(descriptor); return reflect.defineproperty(target, prop, descriptor); } }); object.d...
...efineproperty(p, 'name', {
value: 'proxy', type: 'custom' }); // {
value: 'proxy' } specifications specification ecmascript (ecma-262)the definition of '[[defineownproperty]]' in that specification.
Proxy() constructor - JavaScript
handler.get() a trap for getting property
values.
... handler.set() a trap for setting property
values.
...we define a handler that returns a different
value for proxied, and lets any other accesses through to the target.
... const target = { notproxied: "original
value", proxied: "original
value" }; const handler = { get: function(target, prop, receiver) { if (prop === "proxied") { return "replaced
value"; } return reflect.get(...arguments); } }; const proxy = new proxy(target, handler); console.log(proxy.notproxied); // "original
value" console.log(proxy.proxied); // "replaced
value" specifications specification ecmascript (ecma-262)the definition of 'proxy constructor' in that specification.
RangeError - JavaScript
the rangeerror object indicates an error when a
value is not in the set or range of allowed
values.
... description a rangeerror is thrown when trying to pass a
value as an argument to a function that does not allow a range that includes the
value.
... this can be encountered when: passing a
value that is not one of the allowed string
values to string.prototype.normalize(), or when attempting to create an array of an illegal length with the array constructor, or when passing bad
values to the numeric methods number.prototype.toexponential(), number.prototype.tofixed() or number.prototype.toprecision().
... examples using rangeerror (for numeric
values) function check(n) { if( !(n >= -500 && n <= 500) ) { throw new rangeerror("the argument must be between -500 and 500.") } } try { check(2000) } catch(error) { if (error instanceof rangeerror) { // handle the error } } using rangeerror (for non-numeric
values) function check(
value) { if(["apple", "banana", "carrot"].includes(
value) === false) ...
Set.prototype.entries() - JavaScript
the entries() method returns a new iterator object that contains an array of [
value,
value] for each element in the set object, in insertion order.
...however, to keep the api similar to the map object, each entry has the same
value for its key and
value here, so that an array [
value,
value] is returned.
... syntax myset.entries() return
value a new iterator object that contains an array of [
value,
value] for each element in the given set, in insertion order.
... examples using entries() var myset = new set(); myset.add('foobar'); myset.add(1); myset.add('baz'); var setiter = myset.entries(); console.log(setiter.next().
value); // ["foobar", "foobar"] console.log(setiter.next().
value); // [1, 1] console.log(setiter.next().
value); // ["baz", "baz"] specifications specification ecmascript (ecma-262)the definition of 'set.prototype.entries' in that specification.
Set.prototype.has() - JavaScript
the has() method returns a boolean indicating whether an element with the specified
value exists in a set object or not.
... syntax myset.has(
value); parameters
value the
value to test for presence in the set object.
... return
value returns true if an element with the specified
value exists in the set object; otherwise false.
... note: technically speaking, has() uses the same
valuezero algorithm to determine whether the given element is found.
String.prototype.codePointAt() - JavaScript
the codepointat() method returns a non-negative integer that is the unicode code point
value.
... syntax str.codepointat(pos) parameters pos position of an element in str to return the code point
value from.
... return
value a number representing the code point
value of the character at the given pos.
... second = string.charcodeat(index + 1); if (second >= 0xdc00 && second <= 0xdfff) { // low surrogate // https://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae return (first - 0xd800) * 0x400 + second - 0xdc00 + 0x10000; } } return first; }; if (defineproperty) { defineproperty(string.prototype, 'codepointat', { '
value': codepointat, 'configurable': true, 'writable': true }); } else { string.prototype.codepointat = codepointat; } }()); } examples using codepointat() 'abc'.codepointat(1) // 66 '\ud800\udc00'.codepointat(0) // 65536 'xyz'.codepointat(42) // undefined looping with codepointat() for (let codepoint of '\ud83d\udc0e\ud83d\udc71\u2764')...
String.prototype.normalize() - JavaScript
these
values have the following meanings: "nfc" canonical decomposition, followed by canonical composition.
... return
value a string containing the unicode normalization form of the given string.
... errors thrown rangeerror a rangeerror is thrown if form isn't one of the
values specified above.
... description unicode assigns a unique numerical
value, called a code point, to each character.
String.raw() - JavaScript
...substitutions contains substitution
values.
... return
value the raw string form of a given template string.
... // normally you would not call string.raw() as a function, // but to simulate `foo${2 + 3}bar${'java' + 'script'}baz` you can do: string.raw({ raw: ['foo', 'bar', 'baz'] }, 2 + 3, 'java' + 'script'); // 'foo5barjavascriptbaz' // notice the first argument is an object with a 'raw' property, // whose
value is an iterable representing the separated strings // in the template literal.
... // the first argument’s 'raw'
value can be any iterable, even a string!
String.prototype.substring() - JavaScript
return
value a new string containing the specified part of the given string.
... any argument
value that is less than 0 or greater than stringname.length is treated as if it were 0 and stringname.length, respectively.
... any argument
value that is nan is treated as if it were 0.
... console.log(text.substring(-5, 2)) // => "mo" console.log(text.substring(-5, -2)) // => "" slice() also treats nan arguments as 0, but when it is given negative
values it counts backwards from the end of the string to find the indexes.
String.prototype.toLocaleLowerCase() - JavaScript
the tolocalelowercase() method returns the calling string
value converted to lower case, according to any locale-specific case mappings.
... return
value a new string representing the calling string converted to lower case, according to any locale-specific case mappings.
... description the tolocalelowercase() method returns the
value of the string converted to lower case according to any locale-specific case mappings.
... tolocalelowercase() does not affect the
value of the string itself.
String.prototype.toLocaleUpperCase() - JavaScript
the tolocaleuppercase() method returns the calling string
value converted to upper case, according to any locale-specific case mappings.
... return
value a new string representing the calling string converted to upper case, according to any locale-specific case mappings.
... description the tolocaleuppercase() method returns the
value of the string converted to upper case according to any locale-specific case mappings.
... tolocaleuppercase() does not affect the
value of the string itself.
String.prototype.toLowerCase() - JavaScript
the tolowercase() method returns the calling string
value converted to lower case.
... syntax str.tolowercase() return
value a new string representing the calling string converted to lower case.
... description the tolowercase() method returns the
value of the string converted to lower case.
... tolowercase() does not affect the
value of the string str itself.
Symbol.toPrimitive - JavaScript
the symbol.toprimitive is a symbol that specifies a function
valued property that is called to convert an object to a corresponding primitive
value.
... description with the help of the symbol.toprimitive property (used as a function
value), an object can be converted to a primitive
value.
... the function is called with a string argument hint, which specifies the preferred type of the result primitive
value.
... property attributes of symbol.toprimitive writable no enumerable no configurable no examples modifying primitive
values converted from an object following example describes how symbol.toprimitive property can modify the primitive
value converted from an object.
WebAssembly.instantiate() - JavaScript
importobject optional an object containing the
values to be imported into the newly-created instance, such as functions or webassembly.memory objects.
... return
value a promise that resolves to a resultobject which contains two fields: module: a webassembly.module object representing the compiled webassembly module.
... importobject optional an object containing the
values to be imported into the newly-created instance, such as functions or webassembly.memory objects.
... return
value a promise that resolves to an webassembly.instance object.
Lexical grammar - JavaScript
*/ console.log('hello world!'); } comment(); you can also use it in the middle of a line, if you wish, although this can make your code harder to read so it should be used with caution: function comment(x) { console.log('hello ' + x /* insert the
value of x */ + ' !'); } comment('world'); in addition, you can use it to disable code to prevent it from running, by wrapping code in a comment, like this: function comment() { /* console.log('hello world!'); */ } comment(); in this case, the console.log() call is never issued, since it's inside a comment.
...string literals evaluate to ecmascript string
values.
... when generating these string
values unicode code points are utf-16 encoded.
...the
value of the hexadecimal digits must be in the range 0 and 0x10ffff inclusive.
Unary plus (+) - JavaScript
it can convert string representations of integers and floats, as well as the non-string
values true, false, and null.
...using the operator on bigint
values throws a typeerror.
... if it cannot parse a particular
value, it will evaluate to nan.
... examples usage with numbers const x = 1; const y = -1; console.log(+x); // 1 console.log(+y); // -1 usage with non-numbers +true // 1 +false // 0 +null // 0 +function(val){ return val } // nan +1n // throws typeerror: cannot convert bigint
value to number specifications specification ecmascript (ecma-262)the definition of 'unary plus operator' in that specification.
export - JavaScript
the export statement is used when creating javascript modules to export live bindings to functions, objects, or primitive
values from the module so they can be used by other programs with the import statement.
... bindings that are exported can still be modified locally; when imported, although they can only be read by the importing module the
value updates whenever it is updated by the exporting module.
...} named exports are useful to export several
values.
... using the default export if we want to export a single
value or to have a fallback
value for your module, you could use a default export: // module "my-module.js" export default function cube(x) { return x * x * x; } then, in another script, it is straightforward to import the default export: import cube from './my-module.js'; console.log(cube(3)); // 27 using export from let's take an example where we have the following hierarchy: childmodule...
return - JavaScript
the return statement ends function execution and specifies a
value to be returned to the function caller.
... syntax return [[expression]]; expression the expression whose
value is to be returned.
...if specified, a given
value is returned to the function caller.
... function square(x) { return x * x; } var demo = square(3); // demo will equal 9 if the
value is omitted, undefined is returned instead.
try...catch - JavaScript
try { throw 'myexception'; // generates an exception } catch (e) { // statements to handle any exceptions logmyerrors(e); // pass exception object to error handler } the catch-block specifies an identifier (e in the example above) that holds the
value of the exception; this
value is only available in the scope of the catch-block.
...l subset of expected errors, and then re-throw the error in other cases: try { myroutine(); } catch (e) { if (e instanceof rangeerror) { // statements to handle this very common expected error } else { throw e; // re-throw the error unchanged } } the exception identifier when an exception is thrown in the try-block, exception_var (i.e., the e in catch (e)) holds the exception
value.
... returning from a finally-block if the finally-block returns a
value, this
value becomes the return
value of the entire try-catch-finally statement, regardless of any return statements in the try and catch-blocks.
...the same would apply to any
value returned from the catch-block.
with - JavaScript
consider this example: function f(foo,
values) { with (foo) { console.log(
values); } } if you call f([1,2,3], obj) in an ecmascript 5 environment, then the
values reference inside the with statement will resolve to obj.
... however, ecmascript 2015 introduces a
values property on array.prototype (so that it will be available on every array).
... so, in a javascript environment that supports ecmascript 2015, the
values reference inside the with statement could resolve to [1,2,3].
values.
... however, in this particular example, array.prototype has been defined with
values in its symbol.unscopables object.
<maction> - MathML
the action itself is specified by the actiontype attribute, which accepts several
values.
...possible
values are: statusline: if there is a click on the expression or the reader moves the pointer over it, the message is sent to the browser's status line.
...therefore each click increments the selection
value.
...the default
value is 1, which is the first child element.
<mi> - MathML
possible
values are either ltr (left to right) or rtl (right to left).
...see length for possible
values.
... deprecated
values are: small, normal and big.
...the following
values are allowed: normal (default
value for more than one character) ; example bold ; example italic (default
value for a single character) ; example bold-italic ; example double-struck ; example bold-fraktur ; example script ; example bold-script ; example fraktur ; example sans-serif ; example bold-sans-serif ; example sans-serif-italic ; example sans-serif-bold-italic ; example monospace ; e...
<mn> - MathML
possible
values are either ltr (left to right) or rtl (right to left).
...see length for possible
values.
... deprecated
values are: small, normal and big.
...the following
values are allowed: normal (default
value) ; example bold ; example italic ; example bold-italic ; example double-struck ; example bold-fraktur ; example script ; example bold-script ; example fraktur ; example sans-serif ; example bold-sans-serif ; example sans-serif-italic ; example sans-serif-bold-italic ; example monospace ; example initial ; مثال tailed ; مث...
<mspace> - MathML
depth the desired depth (below the baseline) of the space (see length for
values and units).
... height the desired height (above the baseline) of the space (see length for
values and units).
...possible
values: auto (default
value), newline, nobreak, goodbreak, badbreak.
... width the desired width of the space (see length for
values and units).
<mtext> - MathML
possible
values are either ltr (left to right) or rtl (right to left).
...see length for possible
values.
... deprecated
values are: small, normal and big.
...the following
values are allowed: normal (default
value) ; example bold ; example italic ; example bold-italic ; example double-struck ; example bold-fraktur ; example script ; example bold-script ; example fraktur ; example sans-serif ; example bold-sans-serif ; example sans-serif-italic ; example sans-serif-bold-italic ; example monospace ; example normal (default) ; مثال ...
SVG Conditional Processing Attributes - SVG: Scalable Vector Graphics
value: false|true; animatable: no requiredextensions list all the browser specific capabilities that must be supported by the borwser to be allowed to render the associated element.
...
value: a list of space-separated uri; animatable: no requiredfeatures deprecated since svg 2 list all the features, as defined is the svg 1.1 specification, that must be supported by the borwser to be allowed to render the associated element..
...
value: a list of space-separated uri; animatable: no systemlanguage indicates which language the user must have chosen to render the associated element.
...
value: a list of comma-separated language id; animatable: no ...
additive - SVG: Scalable Vector Graphics
it is frequently useful to define animation as an offset or delta to an attribute's
value, rather than as absolute
values.
... four elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, and <animatetransform> usage notes
value replace | sum default
value replace animatable no sum specifies that the animation will add to the underlying
value of the attribute and other lower priority animations.
... replace specifies that the animation will override the underlying
value of the attribute and other lower priority animations.
... this is the default, however the behavior is also affected by the animation
value attributes by and to, as described in smil animation: how from, to and by attributes affect additive behavior.
arabic-form - SVG: Scalable Vector Graphics
only one element is using this attribute: <glyph> context notes
value initial | medial | terminal | isolated default
value isolated animatable no initial this
value indicates that the glyph represents the initial form.
... medial this
value indicates that the glyph represents the medial form.
... terminal this
value indicates that the glyph represents the terminal form.
... isolated this
value indicates that the glyph represents the isolated form.
attributeType - SVG: Scalable Vector Graphics
the attributetype attribute specifies the namespace in which the target attribute and its associated
values are defined.
... elements are using this attribute: <animate>, <animatecolor>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"> <rect x="50" y="50" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="5s" repeatcount="indefinite"/> </rect> </svg> usage notes
value css | xml | auto default
value auto animatable no css this
value specifies that the
value of attributename is the name of a css property defined as animatable.
... xml this
value specifies that the
value of attributename is the name of an xml attribute defined as animatable in the default xml namespace for the target element.
... auto this
value specifies that the implementation should match the attributename to an attribute for the target element.
baseline-shift - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following four elements: <altglyph>, <textpath>, <tref>, and <tspan> usage notes
value <length-percentage> | sub | super default
value 0 animatable yes sub the dominant-baseline is shifted to the default position for subscripts.
... <length-percentage> a length
value raises (positive
value) or lowers (negative
value) the dominant-baseline of the parent text content element by the specified length.
... a percentage
value raises (positive
value) or lowers (negative
value) the dominant-baseline of the parent text content element by the specified percentage of the line-height.
... working draft removed the baseline
value, as it is a redundant keyword within the vertical-align property.
by - SVG: Scalable Vector Graphics
the by attribute specifies a relative offset
value for an attribute that will be modified during an animation.
... the starting
value for the attribute is either indicated by specifying it as
value for the attribute given in the attributename or the from attribute.
... four elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, and <animatetransform> html, body, svg { height: 100%; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="100" height="100"> <animate attributename="width" fill="freeze" by="50" dur="3s"/> </rect> </svg> usage notes
value see below default
value none animatable no the exact
value type for this attribute depends on the
value of the attribute that will be animated.
... when a list of
values is defined via the
values attribute, the by attribute is ignored.
color-interpolation - SVG: Scalable Vector Graphics
when a child element is blended into a background, the
value of the color-interpolation property on the child determines the type of blending, not the
value of the color-interpolation on the parent.
... for gradients which make use of the href or the deprecated xlink:href attribute to reference another gradient, the gradient uses the propertyʼs
value from the gradient element which is directly referenced by the fill or stroke property.
... when animating colors, color interpolation is performed according to the
value of the color-interpolation property on the element being animated.
... any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> usage notes
value auto | srgb | linearrgb default
value srgb animatable yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
divisor - SVG: Scalable Vector Graphics
the divisor attribute specifies the
value by which the resulting number of applying the kernelmatrix of a <feconvolvematrix> element to the input image color
value is divided to yield the destination color
value.
... a divisor that is the sum of all the matrix
values tends to have an evening effect on the overall color intensity of the result.
... 0 -1" divisor="8"/> </filter> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#convolvematrix1);"/> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#convolvematrix2); transform:translatex(220px);"/> </svg> usage notes
value <number> default
value sum of all
values in kernelmatrix or 1 if sum is 0 animatable yes <number> this
value defines the divisor.
... if the specified divisor is 0 then the default
value will be used instead.
dur - SVG: Scalable Vector Graphics
http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="indefinite"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="3s" repeatcount="indefinite"/> </rect> </svg> usage notes
value <clock-
value> | media | indefinite default
value indefinite animatable no <clock-
value> this
value specifies the length of the simple duration.
... the
value must be greater than 0 and can be expressed with hours (h), minutes (m), seconds (s) or milliseconds (ms).
... media this
value specifies the simple duration as the intrinsic media duration.
... (for animation elements the attribute will be ignored if media is specified.) indefinite this
value specifies the simple duration as indefinite.
kernelMatrix - SVG: Scalable Vector Graphics
values are separated by space characters and/or a comma.
...1 0 0 0 0 0 0 0 1"/> </filter> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#convolvematrix1);"/> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#convolvematrix2); transform:translatex(220px);"/> </svg> usage notes
value <list of numbers> default
value none animatable yes <list of numbers> the list of <number>s that make up the kernel matrix for the convolution.
...
values are separated by space characters and/or a comma.
... if the result of orderx * ordery is not equal to the the number of entries in the
value list, the filter primitive acts as a pass through filter.
lang - SVG: Scalable Vector Graphics
the glyph was meant to be used if the xml:lang attribute exactly matched one of the languages given in the
value of this parameter, or if the xml:lang attribute exactly equaled a prefix of one of the languages given in the
value of this parameter such that the first tag character following the prefix was "-".
... <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <text lang="en-us">this is some english text</text> </svg> usage notes
value <language-tag> default
value none animatable no <language-tag> this
value specifies the language used for the element.
... the syntax of this
value is defined in the bcp 47 specification.
... the most common syntax is a
value formed by a lowercase two-character part for the language and an uppercase two-character part for the region or country, separated by a minus sign, e.g.
patternContentUnits - SVG: Scalable Vector Graphics
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"> <!-- a pattern tile that content coordinates and
values are computed against the current coordinate user space.
... note that the size of the tile is computed against the bounding box of the target element --> <pattern id="p1" width="20%" height="20%" patterncontentunits="userspaceonuse"> <circle cx="10" cy="10" r="10" /> </pattern> <!-- a pattern tile that content coordinates and
values are computed against the bounding box of the target element.
...
value userspaceonuse | objectboundingbox default
value userspaceonuse animatable yes userspaceonuse this
value indicates that all coordinates inside the <pattern> element refer to the user coordinate system as defined when the pattern tile was created.
... objectboundingbox this
value indicates that all coordinates inside the <pattern> element are relative to the bounding box of the element the pattern is applied to.
r - SVG: Scalable Vector Graphics
with a
value lower or equal to zero the circle won't be drawn at all.
...
value <length> | <percentage> default
value 0 animatable yes note: starting with svg2, r is a geometry property meaning this attribute can also be used as a css property for circles.
...a
value of lower or equal to zero will cause the area to be painted as a single color using the color and opacity of the last gradient <stop>.
...
value <length> | <percentage> default
value 50% animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'r' in that specification.
radius - SVG: Scalable Vector Graphics
if one number is provided, then that
value is used for both x and y.
... the
values are in the coordinate system established by the primitiveunits attribute on the <filter> element.
... a negative or zero
value disables the effect of the given filter primitive (i.e., the result is the filter input image).
... usage notes
value <number-optional-number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'radius' in that specification.
requiredFeatures - SVG: Scalable Vector Graphics
if the attribute is not present, then its implicit evaluated
value is true.
... if a null string or empty string
value is given to attribute requiredfeatures, the attribute is evaluate to false.
... <svg viewbox="0 0 250 45" xmlns="http://www.w3.org/2000/svg"> <g> <rect fill="forestgreen" x="10" y="10" height="25" width="230" /> <text x="20" y="27">requiredfeatures supported</text> </g> <g requiredfeatures=""> <rect fill="crimson" x="10" y="10" height="25" width="230" /> <text x="20" y="27">requiredfeatures not supported</text> </g> </svg> usage notes
value <list-of-features> default
value true if not defined, false if null or empty string as
value animatable no <list-of-features> this is a list of feature strings, separated using white space.
...see feature strings below for a list of allowed
values.
result - SVG: Scalable Vector Graphics
if no
value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no
value for its in attribute.
...000/svg"> <filter id="displacementfilter"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> usage notes
value <filter-primitive-reference> default
value none animatable yes <filter-primitive-reference> this
value is a <custom-ident> and defines the name for the filter primitive.
...when referenced, this
value will use the closest preceding filter primitive with the given result.
... working draft clarifies that the
value is a <custom-ident>.
specularExponent - SVG: Scalable Vector Graphics
the bigger the
value the brighter the light.
...nent="5"> <fepointlight x="60" y="60" z="20" /> </fespecularlighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> fespecularlighting for <fespecularlighting>, specularexponent defines the exponent
value for the specular term.
...
value <number> default
value 1 animatable yes fespotlight for <fespotlight>, specularexponent defines the exponent
value controlling the focus for the light source.
...
value <number> default
value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'specularexponent for <fespecularlighting>' in that specification.
stop-color - SVG: Scalable Vector Graphics
so, specifying a stop-color with the
value transparent is equivalent to specifying a stop-color with the
value black and a stop-opacity with the
value 0.
... as a presentation attribute, it can be applied to any element but it has effect only on the following element: <stop> usage notes
value currentcolor | <color> <icccolor> default
value black animatable yes currentcolor this keyword denotes the current fill color and can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
... <color> this
value indicates a color
value.
... <icccolor> this
value refers to an icc color profile.
stop-opacity - SVG: Scalable Vector Graphics
the opacity
value used for the gradient calculation is the product of the
value of stop-opacity and the opacity of the
value of the stop-color attribute.
... for stop-color
values that donʼt include explicit opacity information, the opacity is treated as 1.
... as a presentation attribute, it can be applied to any element but it has effect only on the following element: <stop> usage notes
value <opacity-
value> default
value 1 animatable yes <opacity-
value> this
value is either a <number> between 0 and 1 or a <percentage>
value specifying the opacity of the color gradient stop.
... candidate recommendation refers to the definition in css colors 3, but allows percentage
values.
text-rendering - SVG: Scalable Vector Graphics
tation attribute, it can be applied to any element but it has effect only on the following element: <text> html, body, svg { height: 100%; } <svg viewbox="0 0 140 40" xmlns="http://www.w3.org/2000/svg"> <text y="15" text-rendering="geometricprecision">geometric precision</text> <text y="35" text-rendering="optimizelegibility">optimized legibility</text> </svg> usage notes
value auto | optimizespeed | optimizelegibility | geometricprecision default
value auto animatable yes auto this
value indicates that the user agent shall make appropriate tradeoffs to balance speed, legibility and geometric precision, but with legibility given more importance than speed and geometric precision.
... optimizespeed this
value indicates that the user agent shall emphasize rendering speed over legibility and geometric precision.
... optimizelegibility this
value indicates that the user agent shall emphasize legibility over rendering speed and geometric precision.
... geometricprecision this
value indicates that the user agent shall emphasize geometric precision over legibility and rendering speed.
type - SVG: Scalable Vector Graphics
for the <animatetransform> element, it defines the type of transformation, whose
values change over time.
...the keyword matrix indicates that a full 5x4 matrix of
values will be provided.
... usage context for the <animatetransform> elements categories none
value translate | scale | rotate | skewx | skewy animatable no normative document svg 1.1 (2nd edition) for the <fecolormatrix> element categories none
value matrix | saturate | huerotate | luminancetoalpha animatable yes normative document svg 1.1 (2nd edition) for the <fefuncr>, <fefuncg>, <fefuncb>, and <fefunc...
...a> elements categories none
value identity | table | discrete | linear | gamma animatable yes normative document svg 1.1 (2nd edition) for the <feturbulence> element categories none
value fractalnoise | turbulence animatable yes normative document svg 1.1 (2nd edition) for the <style> and <script> elements categories none
value <content-type> animatable no normative document svg 1.1 (2nd edition) : script svg 1.1 (2nd edition) : style example elements the following elements can use the
values attribute <animatetransform> <fecolormatrix> <fefunca> <fefuncb> <fefuncg> <fefuncr> <feturbulence> <script> <style> ...
writing-mode - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> usage notes default
value horizontal-tb
value horizontal-tb | vertical-rl | vertical-lr animatable yes horizontal-tb this
value defines a top-to-bottom block flow direction.
... vertical-rl this
value defines a right-to-left block flow direction.
... vertical-lr this
value defines a left-to-right block flow direction.
... candidate recommendation mainly refers to the definition in css writing modes 3 and defines a mapping between the deprecated svg 1.1
values and the new
values.
<animateMotion> - SVG: Scalable Vector Graphics
r="10s" repeatcount="indefinite" path="m20,50 c20,-50 180,150 180,50 c180-50 20,150 20,50 z" /> </circle> </svg> usage context categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements<mpath> attributes keypoints this attribute indicate, in the range [0,1], how far is the object along the path for each keytimes associated
values.
...
value type: <number>*; default
value: none; animatable: no path this attribute defines the path of the motion, using the same syntax as the d attribute.
...
value type: <string>; default
value: none; animatable: no rotate this attribute defines a rotation applied to the elment animated along a path, usually to make it pointing in the direction of the animation.
...
value type: <number>|auto|auto-reverse; default
value: 0; animatable: no note: for <animatemotion> the default
value for the calcmode attribute is paced animation attributes animation timing attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill animation
value attributes calcmode,
values, keytimes, keysplines, from, to, by other animation attributes most notably: attributename, additive, accumulate animation event attributes most notably: onbegin, onend, onrepeat global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes this element implements the svganimatemotionelement interface.
<script> - SVG: Scalable Vector Graphics
value type: <string>; default
value: ?; animatable: yes href the url to the script to load.
...
value type: <url> ; default
value: none; animatable: no type this attribute defines type of the script language to use.
...
value type: <string>; default
value: application/ecmascript; animatable: no xlink:href deprecated since svg 2 the url to the script to load.
...
value type: <url> ; default
value: none; animatable: no global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<script>' in that specification.
current - XPath
<xsl:
value-of select="current()"/> <xsl:
value-of select="."/> in an inner expression (e.g.
... <xsl:
value-of select="current()"/> <xsl:
value-of select="foo/bar[current() = x]"/> <xsl:variable name="current" select="current()"/> <xsl:
value-of select="foo/bar[$current = x]"/> and the next code is also semantically equivalent to the latter two, since the .
... <xsl:variable name="current" select="."/> <xsl:
value-of select="foo/bar[$current = x]"/> but the .
...thus in <xsl:
value-of select="foo/bar[.
Index - XPath
33 key xslt, xslt_reference the key function returns a node-set of nodes that have the given
value for the given key.
... 40 not xslt, xslt_reference the not function evaluates a boolean expression and returns the opposite
value.
... 50 sum xslt, xslt_reference the sum function returns a number that is the sum of the numeric
values of each node in a given node-set.
... 53 true xslt, xslt_reference the true function returns a boolean
value of true.
<xsl:stylesheet> - XSLT: Extensible Stylesheet Language Transformations
default-collation specifies the default collation used by all xpath expressions appearing in attributes or text
value templates that have the element as an ancestor, unless overridden by another default-collation attribute on an inner element.
... default-mode defines the default
value for the mode attribute of all <xsl:template> and <xsl:apply-templates> elements within its scope.
... default-validation defines the default
value of the validation attribute of all relevant instructions appearing within its scope.
... expand-text determines whether descendant text nodes of the element are treated as text
value templates.
Advanced Example - XSLT: Extensible Stylesheet Language Transformations
it defaults to ascending if the parameter is empty (the first time the sorting happens, as there is no
value for it in the xslt file).
... the sorting
value is set using xsltprocessor.setparameter().
...the xsl:sort element's order attribute can access the
value of the parameter using $myorder.
... however, the
value needs to be an xpath expression and not a string, so {$myorder} is used.
Window: deviceproximity event - Archive of obsolete content
bubbles no cancelable no interface deviceproximityevent target defaultview (window) default action none event handler property window.ondeviceproximity specification proximity sensor other properties property type description
value read only double (float) the measured proximity of the distant device (distance in centimetres).
... min read only double (float) the minimum
value in the range the sensor detects (if available, 0 otherwise).
... max read only double (float) the maximum
value in the range the sensor detects (if available, 0 otherwise).
port - Archive of obsolete content
the payload can be any
value that is serializable to json.
... json-serializable
values the payload for a message can be any json-serializable
value.
...this means that it needs to be a string, number, boolean, null, array of json-serializable
values, or an object whose property
values are themselves json-serializable.
Communicating using "port" - Archive of obsolete content
the payload can be any
value that is serializable to json.
... this example rewrites the "listener.js" content script in the port.removelistener() example so that it uses once(): function getfirstparagraph() { var paras = document.getelementsbytagname('p'); console.log(paras[0].textcontent); } self.port.once("get-first-para", getfirstparagraph); json-serializable
values the payload for an message can be any json-serializable
value.
...this means that it needs to be a string, number, boolean, null, array of json-serializable
values, or an object whose property
values are themselves json-serializable.
Content Scripts - Archive of obsolete content
the contentscript option treats the string itself as a script: // main.js var pagemod = require("sdk/page-mod"); var contentscript
value = 'document.body.innerhtml = ' + ' "<h1>page matches ruleset</h1>";'; pagemod.pagemod({ include: "*.mozilla.org", contentscript: contentscript
value }); the contentscriptfile option treats the string as a resource:// url pointing to a script file stored in your add-on's data directory.
... the default
value is "end".
... passing configuration options the contentscriptoptions is a json object that is exposed to content scripts as a read-only
value under the self.options property: // main.js var tabs = require("sdk/tabs"); tabs.on('ready', function(tab) { tab.attach({ contentscript: 'window.alert(self.options.message);', contentscriptoptions: {"message" : "hello world"} }); }); any kind of jsonable
value (object, array, string, etc.) can be used here.
content/loader - Archive of obsolete content
this may take one of the following
values: "start": load content scripts immediately after the document element for the page is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the time the window.o...
...nload event fires contentscriptoptions read-only
value exposed to content scripts under self.options property.
... any kind of jsonable
value (object, array, string, etc.) can be used here.
content/mod - Archive of obsolete content
gettargetwindow(target) function takes target,
value representing content (page) and returns nsidomwindow for that content.
... parameters modification : object the modification we want to apply to the target target : object target is a
value that representing content to be modified.
... parameters modification : object the modification we want to remove from the target target : object target is a
value that representing content to be modified.
stylesheet/style - Archive of obsolete content
it accepts the following
values: "agent", "user" and "author".
... if not provided, the default
value is "author".
...if no type is provided in constructor's option, it returns the default
value, "author".
system/runtime - Archive of obsolete content
globals properties insafemode this
value is true if firefox was started in safe mode, otherwise false.
...see os_target for a more complete list of possible
values.
... processtype the type of the caller's process, which will be one of these constants: constant
value description process_type_default 0 the default (chrome) process.
Canvas code snippets - Archive of obsolete content
var pixels = cx.getimagedata(0, 0, canvas.width, canvas.height); var all = pixels.data.length; var amount = 0; for (i = 0; i < all; i += 4) { if (pixels.data[i] === r && pixels.data[i + 1] === g && pixels.data[i + 2] === b) { amount++; } } return amount; }; getting the color of a pixel in a canvas this following snippet returns an object with the rgba
values of the pixel at position x and y of the canvas.
... canvas2dcontext.prototype[method] = function() { this.ctx[method].apply(this.ctx, arguments); return this; }; } for (let m of gettermethods) { let method = m; canvas2dcontext.prototype[method] = function() { return this.ctx[method].apply(this.ctx, arguments); }; } for (let p of props) { let prop = p; canvas2dcontext.prototype[prop] = function(
value) { if (
value === undefined) return this.ctx[prop]; this.ctx[prop] =
value; return this; }; } }; var canvas = document.getelementbyid('canvas'); // use context to get access to underlying context var ctx = canvas2dcontext(canvas) .strokestyle('rgb(30, 110, 210)') .transform(10, 3, 4, 5, 1, 0) .strokerect(2, 10, 15, 20) .context; // use property name as a ...
...function (but without arguments) to get the
value var strokestyle = canvas2dcontext(canvas) .strokestyle('rgb(50, 110, 210)') .strokestyle(); code usable only from privileged code these snippets are only useful from privileged code, such as extensions or privileged apps.
Miscellaneous - Archive of obsolete content
nction(e) {onblurinput(e);}, false); } } function onfocusinput(focusevent) { focusedcontrol = focusevent.originaltarget; } function onblurinput(blurevent) { focusedcontrol = null; } or var element = document.commanddispatcher.focusedelement; inserting text at the cursor function inserttext(element, snippet) { var selectionend = element.selectionstart + snippet.length; var current
value = element.
value; var beforetext = current
value.substring(0, element.selectionstart); var aftertext = current
value.substring(element.selectionend, current
value.length); element.
value = beforetext + snippet + aftertext; element.focus(); //put the cursor after the inserted text element.setselectionrange(selectionend, selectionend); } inserttext(document.getelementbyid("example"), "th...
...e text to be inserted"); disabling javascript programmatically // disable js in the currently active tab from the context of browser.xul gbrowser.docshell.allowjavascript = false; if this isn't your browser, you should save the
value and restore it when finished.
... using string bundles from javascript assuming the extension has myext.properties with name/
value pairs such as: invalid.url=the speficied url, %s, is invalid.
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
if you have multiple modules, make absolutely sure that you use a different
value for xpidl_module for each one.
...the files under exports are copied directly to the /mozilla/$(moz_objdir)/dist/include/ directory and are thus accessible from other modules (the
value of moz_objdir is defined in /mozilla/.mozconfig).
... each module must also have a different
value for the library_name variable.
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
the mode attribute is set to icons, which is the usual
value.
...it's a comma-separated list of ids, and it can also include other special
values: spacer, separator and spring.
...the dialog can be opened from view > toolbars > customize..., or by right-clicking on the main toolbar (or any toolbar with the correct context attribute
value) and clicking on the customize option.
Appendix B: Install and Uninstall Scripts - Archive of obsolete content
so, if we were to use fuel, we can do the following in the init function: init : function() { let firstrunpref = "extensions.xulschoolhello.firstrundone"; if (!application.prefs.get
value(firstrunpref, false)) { application.prefs.set
value(firstrunpref, true); // all the rest of the first run code goes here.
... } } in this case you would need to declare the first run preference in your default preferences file, with a default
value of false.
... you should also change the preference
value before you run any other first run code.
XUL user interfaces - Archive of obsolete content
ste the content from here, making sure that you scroll to get all of it: <?xml version="1.0"?> <?xml-stylesheet type="text/css" href="style7.css"?> <!doctype window> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="css getting started - xul demonstration" onload="init();"> <script type="application/javascript" src="script7.js"/> <label class="head-1"
value="xul demonstration"/> <vbox> <groupbox class="demo-group"> <caption label="day of week calculator"/> <grid> <columns> <column/> <column/> </columns> <rows> <row> <label class="text-prompt"
value="date:" accesskey="d" control="date-text"/> <textbox id="date-text" type="timed" timeout="750" oncommand...
...="refresh();"/> </row> <row> <label
value="day:"/> <hbox id="day-box"> <label class="day"
value="sunday" disabled="true"/> <label class="day"
value="monday" disabled="true"/> <label class="day"
value="tuesday" disabled="true"/> <label class="day"
value="wednesday" disabled="true"/> <label class="day"
value="thursday" disabled="true"/> <label class="day"
value="friday" disabled="true"/> <label class="day"
value="saturday" disabled="true"/> </hbox> </row> </rows> </grid> <hbox class="buttons"> <button id="clear" label="clear" accesskey="c" oncommand="cleardate();"/> <button id="today" label="today" accesskey="t" ...
...t from here, making sure that you scroll to get all of it: // xul demonstration var datebox, daybox, currentday, status; // elements // called by window onload function init() { datebox = document.getelementbyid("date-text") daybox = document.getelementbyid("day-box") status = document.getelementbyid("status") settoday(); } // called by clear button function cleardate() { datebox.
value = "" refresh() } // called by today button function settoday() { var d = new date() datebox.
value = (d.getmonth() + 1) + "/" + d.getdate() + "/" + d.getfullyear() refresh() } // called by date textbox function refresh() { var d = datebox.
value var thedate = null showstatus(null) if (d != "") { try { var a = d.split("/") var thedate = new date(a[2], a...
Case Sensitivity in class and id Names - Archive of obsolete content
thus, the mozilla team, committed to following open standards as closely as possible, implemented both class and id names as case-sensitive
values.
...section 12.2.1 makes it illegal for the name and id attributes to use
values which are a case-insensitive match.
...thus, even though class and id
values are defined to be case-sensitive, there is an aspect of case-insensitivity to the use of id
values.
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
articletitle=article.getelementsbytagname("article").item(0).firstchild.node
value; // inserting the content into the container..
...loaddata); document.getelementbyid("container").innerhtml=""; if(doc!=null) { tagname="article"; // ie fix if(document.all) tagname="nde:"+tagname; articles=doc.getelementsbytagname(tagname); for(i=0;i<articles.length;i++) { article=articles.item(i); tagname="title"; // ie fix if(document.all) tagname="nde:"+tagname;
valuee=article.getelementsbytagname(tagname).item(0).firstchild.node
value; tagname="summary"; // ie fix if(document.all) tagname="nde:"+tagname; paraa=article.getelementsbytagname(tagname).item(0).firstchild.node
value; linkk=article.getattribute("url"); str
value="<div class='nde-blurb'><h3><a href='"+linkk+"'>"+
valuee+"</a>...
...</h3><p>"+paraa+"</p></div>"; document.getelementbyid("container").innerhtml+=str
value; } } if(previousele) { previousele.style.backgroundcolor="white"; } ele.style.backgroundcolor="#ddeeff"; previousele=ele; } var previousele=null; </script> <style> .tab { position:relative;top:1px; border: 1px solid #dddddd; color:white; background-color:white; padding-left: 5px; border-bottom:white;padding-right: 5px; padding-top:3px; text-decoration:none;} .tab:hover { background-color:#ddeeff; } </style> </head> <body > <h2>latest headlines - inner-browsing example </h2> <p>click the tabbed menu to dynamically load the headlines into this web page.</p> <br /> <!-- ***** this code dynamically creates the tabbed menu if the browser has support to xmlhttprequest, since the mechanism...
In-Depth - Archive of obsolete content
if you specify one px/%
value, it will apply it to all the corners, or you can specify 4
values (separated by a space) and have each corner different.
...
values: normal, reverse -moz-image-region this is useful for dividing up an image into multiple smaller images.
...it takes a decimal
value, 0.00 is invisible and 1.00 is totally visible.
Block and Line Layout Cheat Sheet - Archive of obsolete content
nsinlineframe mflags ns_inline_frame_contains_percent_aware_child this flag is set if the inline frame has any children that have a percentage
value set (via the style context) for the width or height of the content area, padding, border, or margin.
... mcomputedwidth mcomputedheight mcomputedmargin mcomputedborderpadding mcomputedpadding mcomputedoffsets mcomputedminwidth mcomputedmaxwidth mcomputedminheight mcomputedmaxheight given the current container frame and the style applied to the child, these
values are the resolved
values for the child frame's box.
...note that an out-of-flow frame (e.g., a floater) may affect this
value.
First run - Archive of obsolete content
the
value of firstrunpage must be either a string or e4x xml.
... if the
value is a both a string and a valid url, the page at that url becomes your first-run page.
... otherwise, the
value is assumed to be html, and it becomes the body of your first-run page.
First Run - Archive of obsolete content
the
value of firstrunpage must be either a string or e4x xml.
... if the
value is a both a string and a valid url, the page at that url becomes your first-run page.
... otherwise, the
value is assumed to be html, and it becomes the body of your first-run page.
Menu - Archive of obsolete content
return
value a menuitem object, or null if no such target exists.
...(note that any falsey
value will suffice, including undefined, null, and the empty string.
... return
value a new contextmenuset object.
Porting NSPR to Unix Platforms - Archive of obsolete content
there are a few new files you need to add: <tt>mozilla/nsprpub/config/netbsd.mk</tt> the name of this file is the return
value of <tt>uname -s</tt> on the platform, plus the file suffix <tt>.mk</tt>.
... if the return
value of <tt>uname -s</tt> is too long or ambiguous, you can modify it in <tt>mozilla/nsprpub/config/arch.mk</tt> (the makefile variable <tt>os_arch</tt>).
...you can build the <tt>gencfg</tt> tool as follows: cd mozilla/nsprpub/pr/include gmake gencfg gencfg > foo.bar then you use the macro
values in <tt>foo.bar</tt> as a basis for the <tt>_xxxos.cfg</tt> file.
Proxy UI - Archive of obsolete content
for the purposes of this document, "proxy mode" means both: whatever was selected in the ui (as opposed to the
value of the network.proxy.type.
...for example, firefox 3: [ ] no proxy [ ] auto-detect proxy settings for this network [ ] manual proxy configuration: [ ] automatic proxy configuration url: behavior default
value: "no proxy" is selected all other "type" radio buttons are enabled, but not selected.
...selecting "proxy configuration..." opens the preferences panel to "advanced > proxies" (tbdescribed: changing the prefs
values).
Methods - Archive of obsolete content
exists returns a boolean
value indicating whether the specified file exists or not.
... isdirectory returns a boolean
value indicating whether an object is a directory.
... isfile returns a boolean
value indicating whether an object is a file.
initInstall - Archive of obsolete content
when version is a string it should be up to four integer
values delimited by periods, such as "1.17.1999.1517".
...pass 0 as the default
value.
...for a list of possible
values, see return codes.
patch - Archive of obsolete content
version an installversion object or a string of up to four integer
values delimited by periods, such as "1.17.1999.1517".
... for variants or this method without a version argument the
value from initinstall will be used.
...for a list of possible
values, see return codes.
browser.type - Archive of obsolete content
« xul reference home type type: one of the
values below.
...subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute
values (the common ones are content, content-targetable and content-primary) indicating that the subdocument is of content type.
...this is the preferred
value for any browser element in an application, which will use multiple browsers of equal privileges, and is unselected at the moment.
button.type - Archive of obsolete content
« xul reference home type type: one of the
values below the type of button.
... menu set the type attribute to the
value menu to create a button with a menu popup.
... menu-button you can also use the
value menu-button to create a button with a menu.
crop - Archive of obsolete content
« xul reference home crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
... for example, for a menuitem in a menu you can add the following css rule when you want to use the
value none: menupopup > menuitem, menupopup > menu { max-width: none; } ...
dir - Archive of obsolete content
« xul reference home dir type: one of the
values below the direction in which the child elements of the element are placed.
... normal for scales, the scale's
values are ordered from left to right (for horizontal scales) or from top to bottom (for vertical scales) for other elements, the elements are placed left to right or top to bottom in the order they appear in the xul code.
... reverse for scales, the scale's
values are ordered from right to left (for horizontal scales) or from bottom to top (for vertical scales).
flex - Archive of obsolete content
elements with larger flex
values will be made larger than elements with lower flex
values, at the ratio determined by the two elements.
... the actual
value is not relevant unless there are other flexible elements within the same container.
...specifying a flex
value of 0 has the same effect as leaving the flex attribute out entirely.
hidespinbuttons - Archive of obsolete content
« xul reference home hidespinbuttons type: boolean if true, the number box does not have arrow buttons next to it to allow the user to adjust the
value.
... the
value may still be adjusted with the keyboard.
... the default
value is false.
mousethrough - Archive of obsolete content
« xul reference home mousethrough type: one of the
values below determines whether mouse events are passed to the element or not.
... if this attribute is not specified, the
value is inherited from the parent of the element.
... if no ancestor has the mousethrough attribute set, the default
value is never.
multiple - Archive of obsolete content
« xul reference home multiple type: boolean set to true to indicate that the
value contains multiple
values separated by commas.
... any of the
values may match.
... otherwise, the entire
value string is compared.
rel - Archive of obsolete content
« xul reference home rel type: one of the
values below the type of comparison to perform.
... equals the subject and
value must match exactly.
... less the numeric
value of the subject must be less than the
value greater the numeric
value of the subject must be greater than the
value before the string
value of subject must come before
value alphabetically after the string
value of subject must come after
value alphabetically startswith the
value of subject must start with the
value endswith the
value of subject must end with the
value contains the
value of subject must contain the
value as a substring ...
sizemode - Archive of obsolete content
« xul reference home sizemode type: one of the
values below the state of the window.
... it can have one of the following
values: maximized the window is maximized, and occupies the full size of the screen.
... issues with this attribute (at least on firefox 3): sizemode is only updated when the
value of the persist attribute on the root element (such as <window>) contains sizemode.
width - Archive of obsolete content
the
value should not include a unit as all
values are in pixels.
... <hbox> <hbox width="40" style="background-color: red;"> <label
value="40"/> </hbox> </hbox> however, in the following example, despite that the preferred width of the box is 30 pixels, the displayed size of the box will be larger to accommodate the larger label.
... <vbox width="30" align="start" style="background-color: red;"> <label
value="vbox xul width 10px red"/> </vbox> note: when used on treecol objects, the width attribute can be used to allow a tree to be scrolled horizontally if the column widths add up to be wider than the containing object.
appendItem - Archive of obsolete content
« xul reference home appenditem( label,
value ) return type: element creates a new item and adds it to the end of the existing list of items.
... you may optionally set a
value.
... example <script language="javascript"> function additemstolist(){ var list = document.getelementbyid('mymenulist'); // add item with just the label list.appenditem('one'); // add item with label and
value list.appenditem('two', 999); // select the first item list.selectedindex = 0; } </script> <button label="add items" oncommand="additemstolist()"/> <menulist id="mymenulist"> <menupopup/> </menulist> see also insertitemat() removeitemat() ...
insertItemAt - Archive of obsolete content
« xul reference home insertitemat( index, label,
value ) return type: element this method creates a new item and inserts it at the specified position.
... you may optionally set a
value.
...annot insert an item to an index that does not exist, eg: trying to insert an item at the end with element.getrowcount() + 1 example <!-- this example inserts at the selected item or appends, then selects the newly created item --> <script language="javascript"> function insertitemtolist(){ var mylistbox = document.getelementbyid('mylistbox'); // create a date to get some labels and
values var somedate = new date(); if(mylistbox.selectedindex == -1){ // no item was selected in list so append to the end mylistbox.appenditem( somedate.tolocaletimestring(), somedate.gettime() ); var newindex = mylistbox.getrowcount() -1 }else{ // item was selected so insert at the selected item var newindex = mylistbox.selectedindex; myli...
showPopup - Archive of obsolete content
« xul reference home showpopup( element, x, y, popuptype, anchor, align ) deprecated since gecko 1.9 return type: no return
value deprecated in favor of openpopup and openpopupatscreen opens a popup element.
...if either x or y are set to
values, the popup will appear at the screen coordinate (x,y).
... 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.
stopEditing - Archive of obsolete content
« xul reference home stopediting( shouldaccept ) return type: no return
value stops editing the cell currently being edited.
... if the shouldaccept parameter is true, the cell's label is changed to the edited
value (the tree view's nsitreeview.setcelltext() method is called to change the cell contents).
... otherwise the cell label is reverted to the
value it had prior to editing.
MenuModification - Archive of obsolete content
the first argument to appenditem is the label of the menuitem, and the second argument is a
value to associate with the item.
... this
value be set as the menuitem's
value attribute and can be used for whatever purpose is desired.
...the second and third arguments to insertitemat are the label and
value for the new item, as with appenditem.
PopupEvents - Archive of obsolete content
<panel id="time-panel" onpopupshowing="this.lastchild.
value = (new date()).tolocaleformat('%t')"> <label
value="time:"/> <label id="time"/> </panel> <toolbarbutton label="show time" popup="time-panel"/> you can prevent a menu or popup from appearing by calling the preventdefault method of the event from within a popupshowing listener.
...<panel onpopuphiding="document.getelementbyid('search').
value = '';"> <textbox id="search"/> <button label="search" oncommand="dosearch();"/> </panel> you can prevent a popup from hiding by calling the event's preventdefault method.
...if you wanted to ensure that a
value was entered for instance, it is much better to rework the ui such that the code can handle no
value being entered instead.
Sorting and filtering a custom tree view - Archive of obsolete content
this is example code for sorting and filtering a custom tree view, that is, a tree whose
values are loaded via javascript.
...(prepareforcomparison(element[i]).indexof(filtertext) != -1) { table.push(element); break; } } }); } sort(); //restore scroll position if (topvisiblerow) { settopvisiblerow(topvisiblerow); } } //generic custom tree view stuff function treeview(table) { this.rowcount = table.length; this.getcelltext = function(row, col) { return table[row][col.id]; }; this.getcell
value = function(row, col) { return table[row][col.id]; }; this.settree = function(treebox) { this.treebox = treebox; }; this.iseditable = function(row, col) { return col.editable; }; this.iscontainer = function(row){ return false; }; this.isseparator = function(row){ return false; }; this.issorted = function(){ return false; }; this.getlevel = function(row){ return 0; }; this.getimages...
..., lowercases them function prepareforcomparison(o) { if (typeof o == "string") { return o.tolowercase(); } return o; } function gettopvisiblerow() { return tree.treeboxobject.getfirstvisiblerow(); } function settopvisiblerow(topvisiblerow) { return tree.treeboxobject.scrolltorow(topvisiblerow); } function inputfilter(event) { //do this now rather than doing it at every comparison var
value = prepareforcomparison(event.target.
value); setfilter(
value); document.getelementbyid("clearfilter").disabled =
value.length == 0; } function clearfilter() { document.getelementbyid("clearfilter").disabled = true; var filterelement = document.getelementbyid("filter"); filterelement.focus(); filterelement.
value = ""; setfilter(""); } function setfilter(text) { filtertext = text; loadtab...
Building Hierarchical Trees - Archive of obsolete content
note that this test is done on the member
value not the reference
value.
...if a particular photo had a
value for one of the properties listed in the containment attribute, it would be accepted as a container, and the user could open the row.
... when the user opens the row, the template will be re-examined for results using the photo as the starting point instead of the top level ref
value.
Containment Properties - Archive of obsolete content
<vbox datasources="template-guide-ex1.rdf" ref="http://www.xulplanet.com/rdf/a" containment="http://www.xulplanet.com/rdf/relateditem"> <template> <rule> <label uri="rdf:*"
value="rdf:*"/> </rule> </template> </vbox> instead of iterating over a container, this example iterates over a specific predicate.
...<vbox datasources="template-guide-ex3.rdf" ref="http://www.xulplanet.com/rdf/a" containment="http://www.xulplanet.com/rdf/relateditem"> <template> <query> <content uri="?start"/> <member container="?start" child="?child"/> </query> <action> <label uri="?child"
value="?child"/> </action> </template> </vbox> try this example.
... what happens is that the builder generates additional possible
values for the ?child variable, so it creates an additional result for each one.
Multiple Rule Example - Archive of obsolete content
le"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/description" object="?description"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/date" object="?date"/> </conditions> <action> <hbox uri="?photo" class="box-padded"> <vbox> <label
value="?title"/> <image src="?photo"/> </vbox> <groupbox> <caption label="photo details"/> <label
value="?description"/> <label
value="date: ?date"/> </groupbox> </hbox> </action> </rule> <rule> <conditions> <content uri="?start"/> <member container="?start" child="?photo"/> ...
... <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?phototitle"/> </conditions> <action> <vbox uri="?photo" class="box-padded"> <label
value="?phototitle"/> <image src="?photo"/> </vbox> </action> </rule> </template> </vbox> in this example, the first rule matches only those photos with title, description, and date properties.
...you might notice that the ?title variable is used in the first rule whereas the ?phototitle variable is used for the second rule, despite that they both store the
value of the title predicate.
Template Builder Interface - Archive of obsolete content
this isn't a very common technique, however, here is an example of how this can be used: <html:div id="photoslist" datasources="template-guide-photos5.rdf" ref="http://www.xulplanet.com/rdf/myphotos" xmlns:html="http://www.w3.org/1999/xhtml"> <html:h1>my photos</html:h1> <template> <html:p uri="rdf:*"><textnode
value="rdf:http://purl.org/dc/elements/1.1/title"/></html:p> </template> </html:div> this example generates three paragraphs.
...changing the datasource you can modify the datasource that is used for a template by setting the
value of the datasources attribute on the root element.
...this syntax is necessary as otherwise you wouldn't be able to specify a
value for the datasources attribute, and a template builder would not be attached to the element.
Using Multiple Queries to Generate More Results - Archive of obsolete content
<template> <queryset> <query> <content uri="?start"/> <member container="?start" child="?item"/> </query> <rule> <binding subject="?item" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> <action> <label uri="?item"
value="?title" class="header"/> </action> </rule> </queryset> <queryset> <query> <content uri="?start"/> <triple subject="?start" predicate="http://www.xulplanet.com/rdf/people" object="?people"/> <member container="?people" child="?item"/> </query> <rule> <binding subject="?item" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> ...
... <action> <label uri="?item"
value="?title"/> </action> </rule> </queryset> </template> you can view the example.
... <vbox datasources="people.xml" ref="*" querytype="xml"> <template> <queryset> <query expr="group[@name='male']/*"/> <action> <checkbox uri="?" label="?name"/> </action> </queryset> <queryset> <query expr="group[@name='female']/*"/> <action> <label uri="?"
value="?name"/> </action> </queryset> </template> </vbox> « previousnext » ...
Adding Event Handlers - Archive of obsolete content
by setting this
value to true, non-standard, poorly written, or syntax prone to cause logic errors are logged to the javascript console.
...first, by using an attribute with a script as its
value.
...the
value of the attribute should be some script that should be executed when the event occurs.
Adding HTML Elements - Archive of obsolete content
"quotes" must be placed around all attribute
values.
...<html:img src="banner.jpg"/> <html:input type="checkbox"
value="true"/> <html:table> <html:tr> <html:td> a simple table </html:td> </html:tr> </html:table> these examples will create an image from the file banner.jpg, a checkbox and a single-cell table.
...invalid html elements <html:po>case 1</html:po> <div>case 2</div> <html:description
value="case 3"/> all three of the cases above will not display, each for a different reason.
Creating a Window - Archive of obsolete content
the
value horizontal indicates that items should be placed horizontally across the window.
... you may also use the
value vertical, which means that the items are placed in a column.
... this is the default
value, so you may leave the attribute off entirely if you wish to have vertical orientation.
Grids - Archive of obsolete content
for example: example 2 : source view <grid flex="1"> <columns> <column/> <column flex="1"/> </columns> <rows> <row> <label control="doctitle"
value="document title:"/> <textbox id="doctitle" flex="1"/> </row> <row> <label control="docpath"
value="path:"/> <hbox flex="1"> <textbox id="docpath" flex="1"/> <button label="browse..."/> </hbox> </row> </rows> </grid> notice in the image how the first column of elements containing the labels has only a single element in each row.
... example 3 : source view <grid> <rows> <row/> <row/> <row/> </rows> <columns> <column> <label control="first"
value="first name:"/> <label control="middle"
value="middle name:"/> <label control="last"
value="last name:"/> </column> <column> <textbox id="first"/> <textbox id="middle"/> <textbox id="last"/> </column> </columns> </grid> this grid has three rows and two columns.
...here is a simple example: example 5 : source view <grid> <columns> <column flex="1"/> <column flex="1"/> </columns> <rows> <row> <label
value="northwest"/> <label
value="northeast"/> </row> <button label="equator"/> <row> <label
value="southwest"/> <label
value="southeast"/> </row> </rows> </grid> the button will stretch to fit the entire width of the grid as it is not inside a grid row.
Groupboxes - Archive of obsolete content
a simple groupbox example the example below shows a simple groupbox: example 1 : source view <groupbox> <caption label="answer"/> <description
value="banana"/> <description
value="tangerine"/> <description
value="phone booth"/> <description
value="kiwi"/> </groupbox> this will cause four pieces of text to be displayed surrounded by a box with the label answer.
...example 2 : source view <groupbox flex="1"> <caption> <checkbox label="enable backups"/> </caption> <hbox> <label control="dir"
value="directory:"/> <textbox id="dir" flex="1"/> </hbox> <checkbox label="compress archived files"/> </groupbox> in this example, a checkbox has been used as a caption.
...this could be used to add extra elements within the structure, such as in the following example: example 3 : source view <radiogroup> <radio id="no"
value="no" label="no number"/> <radio id="random"
value="random" label="random number"/> <hbox> <radio id="specify"
value="specify" label="specify number:"/> <textbox id="specificnumber"/> </hbox> </radiogroup> note that the radiogroup element does not draw a border around it.
More Menu Features - Archive of obsolete content
by setting its
value to checkbox, the menu item can be checked on and off by selecting the menu item.
... menu with radios in addition to standard checks, you can create the radio style of checks by setting the type to a
value of radio.
...set the
value to the same string.
Skinning XUL Files by Hand - Archive of obsolete content
in a cascading stylesheet, the style definitions have the following basic form: element { style-attribute1:
value; style-attribute2:
value; style-attribute3:
value; } for example, the following definition -- were it not in serious conflict with the many menu style definitions in the global skin -- makes all xul menus appear with a one pixel border, a light blue background, and 10 point fonts: menu { border: 1px; background-color: lightblue; font-size: 10pt; } in addition to these basic element...
...the following table shows the basic format for these two common types of style definitions: class id element.class { attribute:
value; } element#id { attribute:
value; } menu.baseline { border: 0px; font-size: 9pt; } menu#edit { color: red; } other style subgroups contextualsubgroups -- elements appearing within other elements, such as italicized text anywhere within a <p> element or a <div> -- can be grouped in css, but this is an extremely inefficient way to style xul, and is frowned upon in the mozilla development community (again, refer to the skinning guidelines in writing skinnable xul and css for more in...
...fo); css2 also provides some new ways to group elements for styling, which we summarize briefly here, because they appear in mozilla with some frequency, but reserve for another article: pseudo-class parent-child element:pseudo-class { attribute:
value; } parent > child { attribute:
value; } button:hover { border: 1px; } menu#file > menuitem { font-weight: bold; } pseudo-classes reflect states of the element: when the mouse moves over a button, for example, the appropriate pseudo-class stylesheet rules are applied.
Stacks and Decks - Archive of obsolete content
for example, you could create an effect similar to the text-shadow property with the following: example 1 : source view <stack> <description
value="shadowed" style="padding-left: 1px; padding-top: 1px; font-size: 15pt"/> <description
value="shadowed" style="color: red; font-size: 15pt;"/> </stack> both description elements create text with a size of 15 points.
...shadowing is very useful for creating the disabled appearance of buttons: example 2 : source view <stack style="background-color: #c0c0c0"> <description
value="disabled" style="color: white; padding-left: 1px; padding-top: 1px;"/> <description
value="disabled" style="color: grey;"/> </stack> this arrangement of text and shadow colors creates the disabled look under some platforms.
... example 3 : source view <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> three pages exist here, the default being the third one.
Trees - Archive of obsolete content
if you don't specify the rows attribute, the default
value is 0, which means that none of the rows will appear.
...in this case, the tree uses the built-in tree view, called a content tree view, which uses the labels and
values specified on these elements as the data for the tree.
...to disable multiple selection, place a seltype attribute on the tree, set to the
value single.
XUL accessibility guidelines - Archive of obsolete content
instead, use the text of a label enclosed in the label tags, and do not use the
value attribute, as shown below for the password field.
... <label control="login-username"
value="username:"/> <textbox id="login-username"/> <label control="login-password">password:</label> <textbox id="login-password" type="password"/> larger forms can be difficult to layout and structure.
...the difficulty here arises from the fact that the correct label for the checkbox ("remember visited pages for the last x days.") includes three different pieces, the second of which is the current
value entered into the textbox.
The Implementation of the Application Object Model - Archive of obsolete content
the persistent attribute has
values of true and false, with true specifying that local annotations that are persistent are desired.
...one subtree nested inside another subtree can specify a different
value for the persistent attribute, thus allowing the xul writer to specify a default for the whole window, but to still selectively override it for certain subtrees.
...the discardable attribute takes as its
value the attribute name that should be non-persistent.
XML - Archive of obsolete content
all of the
values for all of the attributes declared in xul are strings.
... when an attribute is assigned a
value (e.g., flex="1" or "onload='dointerestingstartupthing()'") that
value must be double-quoted.
... all attributes must have a
value.
dialogheader - Archive of obsolete content
on, title examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <dialog id="donothing" title="dialog example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <dialogheader title="my dialog" description="example dialog"/> <!-- other widgets --> </dialog> attributes crop type: one of the
values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...if you wish to use the
value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
... for example, for a menuitem in a menu you can add the following css rule when you want to use the
value none: menupopup > menuitem, menupopup > menu { max-width: none; } description type: string descriptive text to appear in addition to the dialog title.
key - Archive of obsolete content
modifiers type: space-separated list of the
values below a list of modifier keys that should be pressed to invoke the keyboard shortcut.
...usually, this would be the
value you would use.
...this should be set to the
value capturing to indicate during the event capturing phase or target to indicate at the target element or left out entirely for the bubbling phase.
observes - Archive of obsolete content
when an observed attribute is modified on the broadcaster, the attribute's
value will be forwarded and set on the parent element of the observer.
...when the
value of the attribute changes, the broadcast event is called on the observer.
... use the
value * to observe all attribute of the broadcasters.
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.
... the
value to bind should be text as a child of the param element.
... 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, minw...
stringbundle - Archive of obsolete content
a property file is a list of property key-
value pairs each on a separate line.
... the key and
value is separated with an equals sign.
... src type: url gets and sets the
value of the src attribute.
toolbox - Archive of obsolete content
ns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="toolbox example" width="300"> <toolbox> <toolbar> <toolbarbutton label="back"/> <toolbarbutton label="forward"/> <toolbarbutton label="home"/> </toolbar> <toolbar> <toolbarbutton label="stop"/> <toolbarbutton label="reload"/> </toolbar> </toolbox> <textbox multiline="true"
value="we have two toolbars inside of one toolbox above." width="20"/> </window> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidt...
... collapsetoolbar( toolbar ) not in firefox return type: no return
value collapse the given toolbar which should be contained within the toolbox.
... expandtoolbar( toolbar ) not in firefox return type: no return
value expand the given toolbar which should be contained in the toolbox.
ant script to assemble an extension - Archive of obsolete content
this ant script helps to package an extension <?xml version="1.0"?> this build file was written by régis décamps <decamps@users.sf.net> <project name="blogmark" default="createxpi"> <property name="version"
value="1.3-rc1"/> <property name="description"
value="new context-menu item to add the current page in your blogmarks"/> xpi file is created after "chrome/blogmark.jar" is created, which is then stuffed into "blogmark.xpi" <target name="createxpi" depends="createjar" description="assemble the final build blogmark.xpi"> <zip destfile="blogmark-${version}.xpi"> <zipfileset dir="." includes="chrome/blogmark.jar" /> <zipfil...
... <target name="templates" description="generate files from templates."> <copy file="chrome/content/blogmark/contents.rdf.tpl.xml" tofile="chrome/content/blogmark/contents.rdf" overwrite="true"> <filterchain> <replacetokens> <token key="version"
value="${version}"/> <token key="description"
value="${description}"/> </replacetokens> </filterchain> </copy> <copy file="chrome/content/blogmark/about.xul.tpl.xml" tofile="chrome/content/blogmark/about.xul" overwrite="true"> ...
... <filterchain> <replacetokens> <token key="version"
value="${version}"/> </replacetokens> </filterchain> </copy> <copy file="install.rdf.tpl.xml" tofile="install.rdf" overwrite="true"> <filterchain> <replacetokens> <token key="version"
value="${version}"/> <token key="description"
value="${description}"/> </replacetokens> </filterchain> </copy> </target> </project> ...
nsIContentPolicy - Archive of obsolete content
questorigin, in nsisupports acontext, in acstring amimetypeguess, in nsisupports aextra, in nsiprincipal arequestprincipal); short shouldprocess(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetype, in nsisupports aextra, in nsiprincipal arequestprincipal); constants content types constant
value description type_other 1 indicates content whose type is unknown, or is not interesting outside a limited use case.
... return
value accept or reject_* shouldprocess() should the resource be processed?
... return
value accept or reject_* example you can implement this interface easily by including the nsicontentpolicy.h header file and implementing public nsicontentpolicy into your class, like this: // put this into your header file #include "_path_to_sdk/include/content/nsicontentpolicy.h" class myclass: public nsisupports, public nsicontentpolicy { ...
2006-09-29 - Archive of obsolete content
* * the |height| member of the return
value may be * ns_unconstrainedsize, but the |width| member must not be.
... * @param amargin the sum of the left and right margins of the * frame, including actual
values resulting from * percentages, but not including actual
values * resulting from 'auto'.
... * @param apadding the sum of the left and right margins of the * frame, including actual
values resulting from * percentages.
NPP_HandleEvent - Archive of obsolete content
event platform-specific
value representing the event handled by the function.
...
values: ms windows: pointer to npevent structure mac os: pointer to a standard mac os eventrecord unix/x11: pointer to a standard xlib xevent for a list of possible events, see npevent.
...the plug-in either handles or ignores the event, depending on the
value given in the event parameter of this function.
NPP_New - Archive of obsolete content
values: np_embed: (1) instance was created by an embed tag and shares the browser window with other content.
... argv[] array of attribute
values passed to the plug-in from the embed tag.
...for possible
values, see error codes.
NPP_URLNotify - Archive of obsolete content
values: npres_done (most common): completed normally.
... notifydata plug-in-private
value for associating a previous npn_geturlnotify() or npn_posturlnotify() request with a subsequent npp_urlnotify() call.
... the parameter notifydata is the plug-in-private
value passed as an argument by a previous npn_geturlnotify() or npn_posturlnotify() call, and can be used as an identifier for the request.
NPP_Write - Archive of obsolete content
if the return
value is smaller than the size of the buffer, the browser sends the remaining data to the plug-in through subsequent calls to npp_writeready and npp_write.
... if unsuccessful, the function signals an error by returning a negative
value.
...in a normal-mode stream., the parameter
value increases as the each buffer is written.
NPStream - Archive of obsolete content
syntax typedef struct _npstream { void* pdata; /* plug-in private data */ void* ndata; /* netscape private data */ const char* url; uint32 end; uint32 lastmodified; void* notifydata; const char *headers; } npstream; fields the data structure has the following fields: plug-in-private
value that the plug-in can use to store a pointer to private data associated with the instance; not modified by the browser.
... ndata browser-private
value that can store data associated with the instance; should not be modified by the plug-in.
... for these streams, notifydata is set to the
value of the notifydata parameter to npn_geturlnotify or npn_posturlnotify.
Adobe Flash - Archive of obsolete content
> <param name="movie"
value="somefile.swf" /> ....
...the following code snippet illustrates the ideas behind the use of fscommands demonstrated in example 3: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="myflash" width="250" height="150" viewastext> <param name="movie"
value="js2flash.swf" /> <param name="quality"
value="high"></param> <embed src="js2flash.swf" width="250" height="150" swliveconnect="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="myflash"> </embed> </object> .....
... function myflash_dofscommand(command, args) { // handle any callback logic that you may have designed into your flash plugin // the flash animation will supply you with the
values for command and args // this is a function that handles any information that the flash animation may pass it // actionscript can communicate with javascript via fscommands!
XEmbed Extension for Mozilla Plugins - Archive of obsolete content
in your plugin instance npp_get
value call you need to make sure that you support the new nppvpluginneedsxembed
value.
... */ err = callnpn_get
valueproc(gnetscapefuncs.get
value, null, npnvsupportsxembedbool, (void *)&supportsxembed); if (err != nperr_no_error || supportsxembed != pr_true) return nperr_incompatible_version_error; err = callnpn_get
valueproc(gnetscapefuncs.get
value, null, npnvtoolkit, (voi...
...once you've verified that the browser has the compatibility you require, you can modify your npp_get
value call like so: nperror npp_get
value(void *future, nppvariable variable, void *
value) { nperror err = nperr_no_error; switch (variable) { case nppvpluginneedsxembed: *((prbool *)
value) = pr_true; break; default: err = nperr_generic_error; } return err; } once you have set those variables, it should be relatively easy to set up a plugin.
Introduction to Public-Key Cryptography - Archive of obsolete content
instead it concatenates the password with a random per-user
value (so called "salt") and stores the hash
value of the result along with the salt.
...a dn is a series of name-
value pairs, such as uid=doe, that uniquely identify an entity-that is, the certificate subject.
... for example, this might be a typical dn for an employee of example corp: uid=doe,e=doe@example.net,cn=john doe,o=example corp.,c=us the abbreviations before each equal sign in this example have these meanings: uid: user id e: email address cn: the user's common name o: organization c: country dns may include a variety of other name-
value pairs.
-moz-window-shadow - Archive of obsolete content
initial
valuedefaultapplies toall elements that create native windows, e.g.
... <window>, <panel>inheritednocomputed
valueas specifiedanimation typediscrete syntax the -moz-window-shadow property is specified as one of the keyword
values listed below.
...
values default the window will have a shadow with the default window shadow style.
-ms-accelerator - Archive of obsolete content
initial
valuefalseapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax /* the object is not a keyboard shortcut (the default) */ -ms-accelerator: false /* the object is a keyboard shortcut */ -ms-accelerator: true
values false the object is not a keyboard shortcut.
...when alt + n is pressed, the <input> element that defines an accesskey attribute
value of "n" receives the focus.
... <!doctype html> <html> <head> <title>accelerator</title> </head> <body> <label for="oname"><u style="-ms-accelerator: true; accelerator: true">n</u>ame: </label> <input type="text" id="oname" size="25" accesskey="n"
value="your name here" /> </body> </html> specifications not part of any specification.
-ms-hyphenate-limit-zone - Archive of obsolete content
initial
value0applies toblock container elementsinheritedyespercentagescalculated with respect to the width of the line boxcomputed
valueas specifiedanimation typediscrete syntax
values <percentage> an integer followed by a percent sign (%), which specifies the width of the hyphenation zone, calculated with respect to the line box.
... negative
values are not allowed.
... negative
values are not allowed.
-ms-scroll-limit-x-max - Archive of obsolete content
the -ms-scroll-limit-x-max css property is a microsoft extension that specifies the maximum
value for the element.scrollleft property.
... initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values auto the maximum
value for the scrollleft property is equal to element.scrollwidth.
... <length> the maximum
value for the scrollleft property.
-ms-scroll-limit-x-min - Archive of obsolete content
the -ms-scroll-limit-x-min css property is a microsoft extension that specifies the minimum
value for the element.scrollleft property.
... initial
value0applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values <length> the minimum
value for the scrollleft property.
... if the
value is negative, then 0 is used.
-ms-scroll-limit-y-max - Archive of obsolete content
the -ms-scroll-limit-y-max css property is a microsoft extension that specifies the maximum
value for the element.scrolltop property.
... initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values auto the maximum
value for the scrolltop property is equal to element.scrollheight.
... <length> the maximum
value for the scrolltop property.
-ms-scroll-limit-y-min - Archive of obsolete content
the -ms-scroll-limit-y-min css property is a microsoft extension that specifies the minimum
value for the element.scrolltop property.
... initial
value0applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values <length> the minimum
value for the scrolltop property.
... if the
value is negative, then 0 is used.
-ms-scroll-rails - Archive of obsolete content
initial
valuerailedapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values none the content moves exactly with the user's finger.
... this
value allows for free-form panning.
... railed initial
value.
-ms-wrap-flow - Archive of obsolete content
initial
valueautoapplies toblock-level elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values auto for floated elements, an exclusion is created; for all other elements, an exclusion is not created.
... remarks the -ms-wrap-flow property makes an element an exclusion element when it has a computed
value other than auto.
... when the -ms-wrap-flow property's computed
value is auto, the element does not become an exclusion element unless its float property's computed
value is not none.
::-ms-fill - Archive of obsolete content
(a progress bar is determinate if it has a
value attribute set; otherwise it is indeterminate.
...by setting animation-name on ::-ms-fill, you can change the animation, as shown in this table:
value description none turns off the animation so that no dots are displayed.
... animation-name background-clip, background-color, background-image, background-origin, background-repeat, and background-size border border-radius box-shadow box-sizing color cursor display (
values block, inline-block, none) font height margin -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color, outline-style, and outline-width padding transform and transform-origin visibility syntax ::-ms-fill example html <progress
value="10" max="50"></progress> css progress::-ms-fill { background-color: orange; } result a progr...
azimuth - Archive of obsolete content
initial
valuecenterapplies toall elementsinheritedyescomputed
valuenormalized angleanimation typediscrete syntax <angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] | behind ] | leftwards | rightwards
values angle audible source position is described as an angle within the range -360deg to 360deg.
... the
value 0deg means directly ahead in the center of the sound stage (this is the default
value).
...also used as a modifier for other positional keyword
values, as above.
Array.observe() - Archive of obsolete content
old
value: only for "update" and "delete" types.
... the
value before the change.
... examples logging different change types var arr = ['a', 'b', 'c']; array.observe(arr, function(changes) { console.log(changes); }); arr[1] = 'b'; // [{type: 'update', object: <arr>, name: '1', old
value: 'b'}] arr[3] = 'd'; // [{type: 'splice', object: <arr>, index: 3, removed: [], addedcount: 1}] arr.splice(1, 2, 'beta', 'gamma', 'delta'); // [{type: 'splice', object: <arr>, index: 1, removed: ['b', 'c'], addedcount: 3}] specifications strawman proposal specification.
ActiveXObject - Archive of obsolete content
you may be able to identify servername.typename
values on a host pc in the hkey_classes_root registry key.
... for example, here are a few examples of
values you may find there, depending on which programs are installed: excel.application excel.chart scripting.filesystemobject wscript.shell word.document important: activex objects may present security issues.
...excelsheet.activesheet.cells(1,1).
value = "this is column a, row 1"; // save the sheet.
Error.stackTraceLimit - Archive of obsolete content
syntax error.stacktracelimit remarks you can set the stacktracelimit property to any positive
value between 0 and infinity.
...if the property is set to a negative
value or a non-numeric
value, the
value is converted to 0.
...otherwise, touint32 is used to convert the
value.
ECMAScript 2015 support in Mozilla - Archive of obsolete content
standard library additions to the array object array iteration with for...of (firefox 13) array.from() (firefox 32) array.of() (firefox 25) array.prototype.fill() (firefox 31) array.prototype.find(), array.prototype.findindex() (firefox 25) array.prototype.entries(), array.prototype.keys() (firefox 28), array.prototype.
values() array.prototype.copywithin() (firefox 32) get array[@@species] (firefox 48) new map and set objects, and their weak counterparts map (firefox 13) map iteration with for...of (firefox 17) map.prototype.foreach() (firefox 25) map.prototype.entries() (firefox 20) map.prototype.keys() (firefox 20) map.prototype.
values() constructor argument: new map(null) (firefox 37) ...
... monkey-patched set() in constructor (firefox 37) get map[@@species] (firefox 41) set (firefox 13) set iteration with for...of (firefox 17) set.prototype.foreach() (firefox 25) set.prototype.entries(), set.prototype.keys(), set.prototype.
values() (firefox 24) constructor argument: new set(null) (firefox 37) monkey-patched add() in constructor (firefox 37) get set[@@species] (firefox 41) weakmap (firefox 6) weakmap.clear() (firefox 20) optional iterable argument in weakmap constructor (firefox 36) constructor argument: new weakmap(null) (firefox 37) monkey-patched set() in constructor (firefox 37) weakset (firefox 34) constructor argument: new weakset(null) (firefox 37) monkey-patched add() in constructor (firefox 37) ...
...iance bug 1055984) statements for...of (firefox 13) works in terms of .iterator() and .next() (firefox 17) use "@@iterator" property (firefox 27) use symbol.iterator property (firefox 36) functions rest parameters (firefox 15) default parameters (firefox 15) parameters without defaults after default parameters (firefox 26) destructured parameters with default
value assignment (firefox 41) arrow functions (firefox 22) generator function (firefox 26) yield (firefox 26) yield* (firefox 27) arguments[@@iterator] (firefox 46) other features binary and octal numeric literals (firefox 25) template strings (firefox 34) object initializer: shorthand property names (firefox 33) object initializer: computed property names (firefox 34) ob...
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.
...et explorer, and in a few cases, microsoft edge) support a number of special microsoft extensions to the otherwise standard javascript apis.new in javascriptthis chapter contains information about javascript's version history and implementation status for mozilla/spidermonkey-based javascript applications, such as firefox.number.tointeger()the number.tointeger() method used to evaluate the passed
value and convert it to an integer, but its implementation has been removed.object.getnotifier()the object.getnotifer() method was used to create an object that allows to synthetically trigger a change, but has been deprecated and removed in browsers.object.observe()the object.observe() method was used for asynchronously observing the changes to an object.
...sed to point to an object's context, but it has been removed.object.prototype.eval()the object.eval() method used to evaluate a string of javascript code in the context of an object, however, this method has been removed.object.prototype.unwatch()the unwatch() method removes a watchpoint set with the watch() method.object.prototype.watch()the watch() method watches for a property to be assigned a
value and runs a function when that occurs.object.unobserve()the object.unobserve() method was used to remove observers set by object.observe(), but has been deprecated and removed from browsers.
JSException - Archive of obsolete content
declaration public object getwrappedexception() description getwrappedexception() returns an object that represents the
value that the javascript actually threw.
... javascript can throw any type of
value.
... use getwrappedexception() to determine what kind of
value the object return type represents.
forEach - Archive of obsolete content
jswisher 01 october 2011 <hr> there is some mistype in array.prototype.foreach: k
value = o[ pk ]; should be k
value = o[ k ]; <hr> this page has been the target of a revert war, and so write access to it has been restricted.
...[1].foreach(function(
value, index, array){ print(
value); //break?
... if (
value>1){ return false;//we could have some way to break when we return false } }); //woulld print 1 2 --porfirio 11:17, 22-06-2008 another option would be to throw stopiteration and catch it within foreach().
XForms Custom Controls Examples - Archive of obsolete content
images <binding id="output-image" extends="chrome://xforms/content/xforms.xml#xformswidget-base"> <content> <html:div> <html:img anonid="content"/> </html:div> </content> <implementation implements="nsixformsuiwidget"> <method name="refresh"> <body> var img = document.getanonymouselementbyattribute(this, "anonid", "content"); img.setattribute("src", this.string
value); return true; </body> </method> </implementation> </binding> output showing xhtml <binding id="output-xhtml" extends="chrome://xforms/content/xforms-xhtml.xml#xformswidget-output"> <content> <children includes="label"/> <xhtml:div class="xf-
value" anonid="content"></xhtml:div> <children/> </content> <implementation implements="nsixformsuiwidget"> <field ...
...name="_domparser">null</field> <property name="domparser" readonly="true"> <getter> if (!this._domparser) this._domparser = new domparser(); return this._domparser; </getter> </property> <method name="refresh"> <body> // get new
value, parse, and import it.
... var val = this.string
value; var newdom = this.domparser.parsefromstring(val, "text/xml"); var impnode = document.importnode(newdom.firstchild, true); // get content node, clean it, and update it var content = document.getanonymouselementbyattribute(this, "anonid", "content"); if (content.firstchild) { content.removechild(content.firstchild); } content.appendchild(impnode); return true; </body> </method> </implementation> </binding> ...
XForms Alert Element - Archive of obsolete content
introduction this message will be shown when the form control cannot properly bind to instance data or when the instance data
value is invalid or out of the specified range of selectable
values (see the spec).
...rms:instance> <xforms:bind id="x" nodeset="x" type="xsd:integer"/> </xforms:model> <style> @namespace xforms url("http://www.w3.org/2002/xforms"); xforms|input:invalid xforms|alert.inline { display: inline; font-style: italic; width: 40%; } } </style> <xforms:input bind="x"> <xforms:label>you can type only numbers (validation happens on blur): </xforms:label> <xforms:alert>wrong
value!
... you should type only numbers!</xforms:alert> </xforms:input> <xforms:input bind="x"> <xforms:label>you can type only numbers (validation happens on blur): </xforms:label> <xforms:alert class="inline">wrong
value!
XForms Output Element - Archive of obsolete content
attributes ui common appearance - the
value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special
value - xpath expression whose evaluation result is used as the output's
value.
... if binding attributes are present on the control then the
value attribute is is ignored.
...characteristics the bound instance node is of type xsd:date or a type derived from it in addition, the appearance attribute must also contain the
value "full" firefox 2.0 doesn't currently have any similar widgets available for use with xhtml or xul.
XForms Secret Element - Archive of obsolete content
the default
value is false.
...the password field is a text field, the
value of which is hidden by asterisks (xhtml/xul).
... characteristics analogous widgets are <xhtml:input type="password"/> and <xul:textbox type="password"/> if the incremental attribute is present and has the
value true, then the bound instance node is updated on every user input.
XForms Submit Element - Archive of obsolete content
attributes ui common appearance - the
value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control.
...representations the xforms submit element can be represented by the following widgets for the specified appearance attribute
values: button - default representation (xhtml/xul) link/clickable text - used when appearance = 'minimal' (xhtml only) button displaying a button is the default presentation (xhtml/xul).
...characteristics appearance attribute contains the
value minimal analogue widget is <html:a onclick="form.submit();"/>.
XForms Trigger Element - Archive of obsolete content
attributes ui common appearance - the
value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding type restrictions the trigger element can be bound to a node containing data of any type.
... representations the xforms trigger element can be represented by the following widgets for the specified appearance attribute
values: button - default representation (xhtml/xul) link/clickable text - used when appearance = 'minimal' (xhtml only) button displaying a button is the default presentation (xhtml/xul).
...characteristics appearance attribute contains the
value minimal analogue widget is <xhtml:a/>.
Correctly Using Titles With External Stylesheets - Archive of obsolete content
a persistent stylesheet is one which has no title attribute and a
value of stylesheet supplied for the rel attribute.
... a preferred stylesheet, on the other hand, is one that has a
value of stylesheet supplied for the rel attribute, and any
value at all for the title attribute.
...any link element referring to a stylesheet with a title attribute must be either preferred or alternate, depending on the
value of the rel attribute.
Fixing Table Inheritance in Quirks Mode - Archive of obsolete content
the
value -moz-initial is a proprietary
value used to apply the user's (or browser's) default setting for a given property to an element.
... overcoming legacy behavior all that is needed is a rule that overrides the -moz-initial
values with the css2
value inherit.
... this
value is used to force an element to use the same
value as its parent element for a given property.
Building up a basic demo with Babylon.js - Game development
note: the size or position
values (e.g.
...to show actual animation, we need to make changes to these
values inside the rendering loop at the end of our code, so they are updated on every frame.
...you can experiment with the
values and see how it affects the animation.
Crisp pixel art look with image-rendering - Game development
set its css width and height properties to be 2x or 4x the
value of the html width and height.
... set the <canvas> element's image-rendering css property to some
value that does not make the image blurry.
...check out the image-rendering article for more information on the differences between these
values, and which prefixes to use depending on the browser.
Square tilemaps implementation: Static maps - Game development
we need to supply the atlas image, the coordinates and dimensions of the tile inside the atlas, and the target coordinates and size (a different tile size in here would scale the tile.) so, for instance, to draw the tree tile, which is the third in the atlas, at the screen coordinates (128, 320), we would call drawimage() with these
values: context.drawimage(atlasimage, 192, 0, 64, 64, 128, 320, 64, 64); in order to support atlases with multiple rows and columns, you would need to know how many rows and columns there are to be able to compute the source x and y.
...0 for the left-most tile.) however, we must account for empty tiles, since they are crucial for implementing layers — empty tiles are usually assigned a negative index
value, 0, or a null
value.
...if tiles were a 2d matrix, then the returned
value would just be tiles[column][row].
Constant - MDN Web Docs Glossary: Definitions of Web-related terms
a constant is a
value that the programmer cannot change, for example numbers (1, 2, 42).
... with variables, on the other hand, the programmer can assign a new
value to a variable name already in use.
...for example, the identifier pi could be bound to the
value 3.14...
First-class Function - MDN Web Docs Glossary: Definitions of Web-related terms
for example, in such a language, a function can be passed as an argument to other functions, can be returned by another function and can be assigned as a
value to a variable.
... | pass a function as an argument javascript function sayhello() { return "hello, "; } function greeting(hellomessage, name) { console.log(hellomessage() + name); } // pass `sayhello` as an argument to `greeting` function greeting(sayhello, "javascript!"); we are passing our sayhello() function as an argument to the greeting() function, this explains how we are treating the function as a
value.
... example | return a function javascript function sayhello() { return function() { console.log("hello!"); } } in this example; we need to return a function from another function - we can return a function because we treated function in javascript as a
value.
Flex Container - MDN Web Docs Glossary: Definitions of Web-related terms
a flexbox layout is defined using the flex or inline-flex
values of the display property on the parent item.
... a
value of flex causes the element to become a block level flex container, and inline-flex an inline level flex container.
... these
values create a flex formatting context for the element, which is similar to a block formatting context in that floats will not intrude into the container, and the margins on the container will not collapse with those of the items.
Null - MDN Web Docs Glossary: Definitions of Web-related terms
in computer science, a null
value represents a reference that points, generally intentionally, to a nonexistent or invalid object or address.
... in javascript, null is marked as one of the primitive
values, because its behaviour is seemingly primitive.
...every object is derived from null
value, and therefore typeof operator returns object for it: typeof null === 'object' // true ...
Truthy - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, a truthy
value is a
value that is considered true when encountered in a boolean context.
... all
values are truthy unless they are defined as falsy (i.e., except for false, 0, -0, 0n, "", null, undefined, and nan).
... examples of truthy
values in javascript (which will be coerced to true in boolean contexts, and thus execute the if block): if (true) if ({}) if ([]) if (42) if ("0") if ("false") if (new date()) if (-42) if (12n) if (3.14) if (-3.14) if (infinity) if (-infinity) specifications specification ecmascript (ecma-262)the definition of 'toboolean abstract operation' in that specification.
MDN Web Docs Glossary: Definitions of Web-related terms
modularity mozilla firefox mutable mvc n namespace nan nat native navigation directive netscape navigator network throttling nntp node node (dom) node (networking) node.js non-normative normative null nullish
value number o object object reference oop opengl openssl opera browser operand operator origin ota owasp p p2p pac packet page load time page prediction parameter parent object parse ...
... progressive enhancement progressive web apps promise property property (css) property (javascript) protocol prototype prototype-based programming proxy server pseudo-class pseudo-element pseudocode public-key cryptography python q quality
values quaternion quic r rail random number generator raster image rdf real user monitoring (rum) recursion reference reflow regular expression rendering engine repo reporting directive request header resource timing response header ...
...ls) tree shaking trident truthy ttl turn type type coercion type conversion u udp (user datagram protocol) ui undefined unicode uri url urn usenet user agent utf-8 ux v validator
value variable vendor prefix viewport visual viewport voip w w3c wai wcag web performance web server web standards webassembly webdav webextensions webgl webidl webkit webm webp webrtc websockets ...
CSS and JavaScript accessibility best practices - Learn web development
l> <input type="text" name="name" id="name"> we only do the validation when the form is submitted — this is so that we don't update the ui too often and potentially confuse screen reader (and possibly other) users: form.onsubmit = validate; function validate(e) { errorlist.innerhtml = ''; for(let i = 0; i < formitems.length; i++) { const testitem = formitems[i]; if(testitem.input.
value === '') { errorfield.style.left = '360px'; createlink(testitem); } } if(errorlist.innerhtml !== '') { e.preventdefault(); } } note: in this example, we are hiding and showing the error message box using absolute positioning rather than another method such as visibility or display, because it doesn't interfere with the screen reader being able to read content from it.
...here we've just implemented a simple check that a
value has been filled in to each input field (if(testitem.input.
value === '')).
... for each input that doesn't have a
value filled in when the form is submitted, we create a list item with a link and insert it in the errorlist.
Organizing your CSS - Learn web development
we personally find it is more readable to have each property and
value pair on a new line.
...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.
... previous overview: building blocks in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content
values and units sizing items in css images, media, and form elements styling tables debugging css organizing your css ...
CSS selectors - Learn web development
it is a pattern of elements and other terms that tell the browser which html elements should be selected to have the css property
values inside the rule applied to them.
... h1 { } it also includes selectors which target a class: .box { } or, an id: #unique { } attribute selectors this group of selectors gives you different ways to select elements based on the presence of a certain attribute on an element: a[title] { } or even make a selection based on the presence of an attribute with a particular
value: a[href="https://example.com"] { } pseudo-classes and pseudo-elements this group of selectors includes pseudo-classes, which style certain states of an element.
...jacent sibling combinator h1 + p adjacent sibling general sibling combinator h1 ~ p general sibling in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content
values and units sizing items in css images, media, and form elements styling tables debugging css organizing your css ...
Web fonts - Learn web development
if you are importing multiple weights of the same font, you can specify what their weight/style is and then use different
values of font-weight/font-style to choose between them, rather than having to call all the different members of the font family different names.
... note: you can also specify particular font-variant and font-stretch
values for your web fonts.
... in newer browsers, you can also specify a unicode-range
value, which is a specific range of characters you want to use out of the web font — in supporting browsers, only the specified characters will be downloaded, saving unnecessary downloading.
How can we design for all types of users? - Learn web development
we suggest a local checker because it comes packaged with an on-screen color picker to find out a color
value.
...browser's engines will ignore any property or
value in the css if they can't cope with them, so that your website is still usable if not true to your designer's vision.
...this attribute's
value is a url pointing towards a resource explicitly describing in detail the image's content.
What is a URL? - Learn web development
let's see the most important parts using the following url: http://www.example.com:80/path/to/myfile.html?key1=
value1&key2=
value2#somewhereinthedocument http is the protocol.
... ?key1=
value1&key2=
value2 are extra parameters provided to the web server.
... those parameters are a list of key/
value pairs separated with the & symbol.
Example 2 - Learn web development
js html content <form class="no-widget"> <select name="myfruit"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select"> <span class="
value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> <form> css content .widget select, .no-widget .select { position : absolute; left : -5000em; height : 0; overflow : hidden; } /* --------------- */ /* required styles */ /* ---...
....5em 0.2em 0.5em; /* 1px 25px 2px 5px */ width : 10em; /* 100px */ border : 0.2em solid #000; /* 2px */ border-radius : 0.4em; /* 4px */ box-shadow : 0 0.1em 0.2em rgba(0,0,0,.45); /* 0 1px 2px */ background : #f0f0f0; background : -webkit-linear-gradient(90deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); background : linear-gradient(0deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); } .select .
value { display : inline-block; width : 100%; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; vertical-align: top; } .select:after { content : "▼"; position: absolute; z-index : 1; height : 100%; width : 2em; /* 20px */ top : 0; right : 0; padding-top : .1em; -moz-box-sizing : border-box; box-sizing : border-box; text-align : ce...
... = document.queryselector('form'); form.classlist.remove("no-widget"); form.classlist.add("widget"); }); result for js no js html content <form class="no-widget"> <select name="myfruit"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select"> <span class="
value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> <form> css content .widget select, .no-widget .select { position : absolute; left : -5000em; height : 0; overflow : hidden; } result...
Styling web forms - Learn web development
to make your forms' appearance consistent with the rest of your content, you can add the following rules to your stylesheet: button, input, select, textarea { font-family: inherit; font-size: 100%; } the inherit property
value causes the property
value to match the computed
value of the property of its parent element; inheriting the
value of the parent.
...to give the same size to several different widgets, you can use the box-sizing property along with some consistent
values for other properties: input, textarea, select, button { width : 150px; padding: 0; margin: 0; box-sizing: border-box; } in the screenshot below, the left column shows the default rendering of an <input type="radio">, <input type="checkbox">, <input type="range">, <input type="text">, <input type="date"> input, <select>, <textarea>,<input type="submit">, and <button>.
...some browsers default to the
value auto, while some default to the
value scroll.
Test your skills: HTML5 controls - Learn web development
give it a minimum
value of 1, maximum
value of 30, and initial
value of 10.
... create a corresponding output element to put the current
value of the slider into.
...if you do this correctly, the javascript included on the page will automatically update the output
value when the slider is moved.
Add a hitmap on top of an image - Learn web development
then assign that name (preceded by a hash) as the
value for the usemap attribute: <img src="image-map.png" alt="" usemap="#example-map-1" /> step 2: activate your hotspots in this step, put all your code inside a <map> element.
... <area> elements are empty elements, but do require four attributes: shape coords shape takes one of four
values: circle, rect, poly, and default.
... for a polygon, to provide the x/y coordinates of each corner (so, at least six
values).
Creating hyperlinks - Learn web development
each field and its
value is specified as a query term.
... here's an example that includes a cc, bcc, subject and body: <a href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&subject=the%20subject%20of%20the%20email&body=the%20body%20of%20the%20email"> send mail with cc, bcc, subject and body </a> note: the
values of each field must be url-encoded, that is with non-printing characters (invisible characters like tabs, carriage returns, and page breaks) and spaces percent-escaped.
... also note the use of the question mark (?) to separate the main url from the field
values, and ampersands (&) to separate each field in the mailto: url.
Debugging HTML - Learn web development
the href attribute
value is missing a closing double quote.
... "end of file reached when inside an attribute
value.
... ignoring tag": this one is rather cryptic; it refers to the fact that there is an attribute
value not properly formed somewhere, possibly near the end of the file because the end of the file appears inside the attribute
value.
Introducing asynchronous JavaScript - Learn web development
' + eachname); }); in this example we loop through an array of greek gods and print the index numbers and
values to the console.
... the expected parameter of foreach() is a callback function, which itself takes two parameters, a reference to the array name and index
values.
...' + image.src + 'displayed.'); you should now get an error in your console instead of the third message: typeerror: image is undefined; can't access its "src" property this is because at the time the browser tries to run the third console.log() statement, the fetch() block has not finished running so the image variable has not been given a
value.
Test your skills: Loops - Learn web development
dom manipulation: considered useful some of the questions below require you to write some dom manipulation code to complete them — such as creating new html elements, setting their text contents to equal specific string
values, and nesting them inside existing elements on the page — all via javascript.
... you are given three variables to begin with: i — starts off with a
value of 0; intended to be used as an iterator.
... loops 3 in this final task, you are provided with the following: i — starts off with a
value of 500; intended to be used as an iterator.
JavaScript building blocks - Learn web development
function return
values the last essential concept you must know about a function is return
values.
... some functions don't return a significant
value after completion, but others do.
... it's important to understand what their
values are, how to make use of them in your code, and how to make your own custom functions return useful
values.
Introduction to web APIs - Learn web development
simple name/
value storage with the web storage api, and more complex tabular data storage with the indexeddb api.
...if you look at our simple web audio example (see it live also), you'll first see the following html: <audio src="outfoxing.mp3"></audio> <button class="paused">play</button> <br> <input type="range" min="0" max="1" step="0.01"
value="1" class="volume"> we, first of all, include an <audio> element with which we embed an mp3 into the page.
... next, we create a gainnode object using the audiocontext.creategain() method, which can be used to adjust the volume of audio fed through it, and create another event handler that changes the
value of the audio graph's gain (volume) whenever the slider
value is changed: const gainnode = audioctx.creategain(); volumeslider.addeventlistener('input', function() { gainnode.gain.
value = this.
value; }); the final thing to do to get this to work is to connect the different nodes in the audio graph up, which is done using the audionode.connect() method available on every node type: audiosou...
Test your skills: variables - Learn web development
initialize myname with a suitable
value, on a separate line (you can use your actual name, or something else).
... declare a variable called myage and initialize it with a
value, on the same line.
... variables 2 in this task you need to add a new line to correct the
value stored in the existing myname variable to your own name.
Adding features to our bouncing balls demo - Learn web development
) constructor call — the exists parameter should be the 5th parameter, and should be given a
value of true.
...this can be achieved by setting a
value for linewidth somewhere after the beginpath() call (3 will do).
... inside the if() statements, if the tests return true we don't want to update velx/vely; we want to instead change the
value of x/y so the evil circle is bounced back onto the screen slightly.
Object building practice - Learn web development
horizontal and vertical velocity (velx and vely) — each ball is given a horizontal and vertical velocity; in real terms these
values are regularly added to the x/y coordinate
values when we animate the balls, to move them by this much on each frame.
... the last two lines add the velx
value to the x coordinate, and the vely
value to the y coordinate — the ball is in effect moved each time this method is called.
...osition always drawn at least one ball width // away from the edge of the canvas, to avoid drawing errors random(0 + size,width - size), random(0 + size,height - size), random(-7,7), random(-7,7), 'rgb(' + random(0,255) + ',' + random(0,255) + ',' + random(0,255) +')', size ); balls.push(ball); } the while loop creates a new instance of our ball() using random
values generated with our random() function, then push()es it onto the end of our balls array, but only while the number of balls in the array is less than 25.
Client-Server Overview - Learn web development
information can be encoded as: url parameters: get requests encode data in the url sent to the server by adding name/
value pairs onto the end of it — for example http://mysite.com?name=fred&age=11.
... you always have a question mark (?) separating the rest of the url from the url parameters, an equals sign (=) separating each name from its associated
value, and an ampersand (&) separating each pair.
...you don't need to know how regular expressions work at this point, other than that they allow us to match patterns in the url (rather than the hard coded
values above) and use them as parameters in our view functions.
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
} so let's try replacing this part of footer.hbs: <strong>{{this.todos.incomplete.length}}</strong> todos left with the following: <strong>{{this.todos.incomplete.length}}</strong> {{#if this.todos.incomplete.length === 1}} todo {{else}} todos {{/if}} left this will give us an error, however — in ember, these simple if statements can currently only test for a truthy/falsy
value, not a more complex expression such as a comparison.
...o-data') todos; } next, go back again to our todo-data.js service file and add the following action just below the previous ones, which will allow us to toggle a completion state for each todo: @action togglecompletion(todo) { todo.iscompleted = !todo.iscompleted; } updating the template to show completed state finally, we will edit the todo.hbs template such that the checkbox's
value is now bound to the iscompleted property on the todo, and so that on change, the togglecompletion() method on the todo service is invoked.
... in todo.hbs, first find the following line: <li> and replace it with this — you'll notice that here we're using some more conditional content to add the class
value if appropriate: <li class="{{ if @todo.iscompleted 'completed' }}"> next, find the following line: <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > and replace it with this: <input class="toggle" type="checkbox" aria-label="toggle the completion of this todo" checked={{ @todo.iscompleted }} {{ on 'change' (fn this.todos.togglecompletion @todo) }} > note: the above snippet uses a new ember-specific keyword — fn.
Ember resources and troubleshooting - Learn web development
more concretely, using mut allows for template-only settings functions to be declared: <checkbox @
value={{this.somedata}} @ontoggle={{fn (mut this.somedata) (not this.somedata)}} /> whereas, without mut, a component class would be needed: import component from '@glimmer/component'; import { tracked } from '@glimmer/tracking'; import { action } from '@ember/object'; export default class example extends component { @tracked somedata = false; @action setdata(new
value) { this.somedata =...
... new
value; } } which would then be called in the template like so: <checkbox @data={{this.somedata}} @onchange={{this.setdata}} /> due to the conciseness of using mut, it may be desireable to reach for it.
... with ember-set-helper: <checkbox @
value={{this.somedata}} @ontoggle={{set this "somedata" (not this.somedata)}} /> with ember-box: {{#let (box this.somedata) as |somedata|}} <checkbox @
value={{unwrap somedata}} @ontoggle={{update somedata (not this.somedata)}} /> {{/let}} note that none of these solutions are particularly common among members of the community, and as a whole, people are still trying to figure out an er...
Vue conditional rendering: editing existing todos - Learn web development
the v-if directive will only render a block if the
value passed to it is truthy.
...this is because the isdone inside data is only given the
value this.done on component load.
... result: onsubmit() method is invoked, which checks to see if the new label
value is not blank, and not the same as the old one, and if so emits the item-edited event (which is then listened for inside todoitem.vue, see above).
Focus management with Vue refs - Learn web development
to use a ref in a component, you add a ref attribute to the element that you want to access, with a string identifier for the
value of the attribute.
...update it like this: <button type="button" class="btn" ref="editbutton" @click="toggletoitemeditform"> edit <span class="visually-hidden">{{label}}</span> </button> to access the
value associated with our ref, we use the $refs property provided on our component instance.
... to see the
value of the ref when we click our "edit" button, add a console.log() to our toggletoitemeditform() method, like so: toggletoitemeditform() { console.log(this.$refs.editbutton); this.isediting = true; } if you activate the "edit" button at this point, you should see an html <button> element referenced in your console.
Chrome Worker Modules
this defines a global
value require(), that you may now use as follows: // import the module // (here, we import the core of os.file) let core = require("resource://gre/modules/osfile/osfile_shared_allthreads.jsm"); // we may now use module core.
...any
value you define in that file is private by default.
... to make the
value public, you just have to add it to either global
value exports, as follows: /* file mymodule.js */ let secretkey = "this is a secret"; let publickey = "this is public"; exports.key = publickey; // secretkey is not exported // publickey is exported with name "key" alternatively, if you prefer that style, you may write // variable |module| is a special global introduced by require() module.exports = { key: publickey }; once this is done, we may load the module and use the
values that have been exported // assuming that mymodule.js is installed to resource://gre/modules/mymodule.js let module = require("resource://gre/modules/mymodule.js") foo(module.key); // module.key == "this is public"; // however, secretkey is not exported and cannot be used for the installation ...
Embedding API for Accessibility
be aware that in debug builds, this can cause a great number of assertions (bug 71598) to use prefs in embedding, use something like the following code: #include "nsipref.h"; nsresult rv; nscomptr<nsipref> prefs(do_getservice(ns_pref_contractid, &rv)); prefs->setboolpref("bool.pref.name", pr_true /* or pr_false */); prefs->setintpref("int.pref.name", new
value); prefs->setcharpref("string.pref.name", newcharstar
value); to manually add a pref to your settings, add a line like the following to your prefs.js: user_pref("accessibility.browsewithcaret", true); accessibility prefs reference the following is a description of what accessibility prefs give us (or will give us), for accessibility: functionality implementa...
... setboolpref("browser.use_system_fonts", usesystemfonts); no colors for page setcharpref("browser.display.foreground_color", "#abcdef" /* hex color
value */); setcharpref("browser.display.background_color", "#abcdef" /* hex color
value */); setboolpref("browser.display.use_system_colors", boolsystemcolors); setboolpref("browser.display.use_document_colors", booluseauthorcolors); /* setting use_document_colors also stops background images from loading */ ...
... moz 0.8 link appearance setcharpref("browser.anchor_color", "#abcdef" /* hex color
value */); setcharpref("browser.visited_color", "#abcdef" /* hex color
value */); setboolpref("browser.underline_anchors", boolunderlinelinks); moz 0.8 focus appearance setboolpref("browser.display.use_focus_colors", usefocuscolors); setcharpref("browser.display.focus_background_color", colorstring); setcharpref("browser.display.focus_text_color", colorstring); setcharpref("browser.display.focus_ring_width", numpixels); /* 0-4 */ moz 0.9.2 ...
Adding phishing protection data providers
to find an id number to use, you can build a loop that requests the
value of browser.safebrowsing.provider.0.name, then browser.safebrowsing.provider.1.name, and so forth until no
value is returned.
... then you can use that
value.
... determining the currently-selected data provider if you need to determine the id number of the currently selected anti-phishing data provider, you can look at the current
value of the preference browser.safebrowsing.dataprovider.
Chrome registration
category category category entry-name
value [flags] registers an entry in the category manager.
...the
value is compared to the
value of os_target for the platform.
...the
value is taken from the nsixulruntime os and xpcomabi
values (concatenated with an underscore).
Configuring Build Options
you will see (diminishing) returns up to a
value approximately 1.5× to 2.0× the number of cores on your system.
... mk_add_options moz_make_flags="-j4" if your machine is overheating, you might want to try a lower
value, e.g.
...the default
values are usually the right ones.
Eclipse CDT
set an initial heap space of 1 gb and max heap space of 5 gb, say, by modifying the
values of the following two lines in eclipse.ini: -xms1g -xmx5g if you fail to increase these limits, then you will likely find that eclipse either hangs when it tries to index the mozilla source or else that the code intelligence is very broken after the indexing "completes".
...you'd then click "add", select "preprocessor macro" from the drop-down, and set name to _impl_ns_layout and leave
value blank.
...once a "path mapping" is created, select "edit..." and add an entry with these
values compilation path: / local file system path: / this is the only known workaround to bind binaries to source files.
HTMLIFrameElement.executeScript()
syntax var mydomrequest = instanceofhtmliframeelement.executescript(script, options); return
value a domrequest object that returns an onsuccess handler if the script is successfully executed against the loaded content, or an onerror handler if not.
...var a = 3; a + 3 , {url: 'http://example.com/index.html'}); request1.onsuccess = function() { console.log(request1.result); // 6 } var request2 = browser.executescript( new promise((resolve, reject) => { settimeout(function() { resolve(6); }, 1000}) ) , {origin: 'http://example.com'}); request2.onsuccess = function() { console.log(request2.result); // 6 } if the script
value is a not a promise, it is simply returned as the request
value.
... if the script
value is a promise, the result of the request will be the promise-resolved
value.
mozbrowsersecuritychange
possible
values are: broken: indicates an unknown security state.
...possible
values are: loaded_tracking_content: indicates that the tracking content has been loaded.
...possible
values are: loaded_mixed_active_content: indicates that the mixed active content has been loaded.
mozbrowsershowmodalprompt
message a domstring representing the
value passed to the window.alert(), window.confirm(), or window.prompt() methods within the browser <iframe>'s content.
... return
value a domstring representing the return
value for the window.prompt() methods.
... initial
value a string representing the initial
value for the window.prompt() methods.
-moz-window-dragging
initial
value drag applies to all elements that create native windows, e.g.
... <window>, <panel> inherited no media visual computed
value as specified animation type discrete canonical order the unique non-ambiguous order defined by the formal grammar syntax the -moz-window-dragging property is specified as one of the keyword
values listed below.
...
values drag the window is draggable.
overflow-clip-box
/* keyword
values */ overflow-clip-box: padding-box; overflow-clip-box: content-box; /* two
values */ overflow-clip-box: padding-box content-box; overflow-clip-box: content-box content-box; /* global
values */ overflow-clip-box: inherit; overflow-clip-box: initial; overflow-clip-box: unset; note: on gecko, by default, padding-box is used everywhere, but <input type="text"> and similar use the
value content-b...
... initial
valuepadding-boxapplies toall elementsinheritednomediavisualcomputed
valueas specifiedanimation typediscretecanonical orderthe unique non-ambiguous order defined by the formal grammar syntax
values padding-box this keyword makes the clipping be related to the padding box.
... formal syntax padding-box | content-box examples padding-box html <div class="things"> <input
value="abcdefghijklmnopqrstuvwxyzÅÄÖ" class="scroll padding-box"> <div class="scroll padding-box"><span>abcdefghijklmnopqrstuvwxyzÅÄÖ</span></div> </div> css .scroll { overflow: auto; padding: 0 30px; width: 6em; border: 1px solid black; background: lime content-box; } .padding-box { overflow-clip-box: padding-box; } js function scrollsomeelements() { var elms = document.queryselectorall('.scroll'); for (i=0; i < elms.length; ++i) { elms[i].scrollleft=80; } } var elt = document.queryelementsbytagname('body')[0]; elt.addeventlistener("load", scrollsomeelements, false); result ...
MozScrolledAreaChanged
note: while you can poll the
values of document.scrollwidth and document.scrollheight to watch for changes to the document size, reading these properties can trigger document reflow, which can make them computationally expensive.
... this event, introduced in gecko 1.9.2, is fired whenever either or both of these
values change.
... example document.addeventlistener("mozscrolledareachanged", event => { // find something useful to do with those
values event.width; event.height; event.x; event.y; }, false); ...
HTTP Cache
the form is following (currently pending in bug 968593): a,b,i1009,p, regular expression: (.([^,]+)?,)* the first letter is an identifier, identifiers are to be alphabetically sorted and always terminate with ',' a - when present the scope is belonging to an anonymous load b - when present the scope is in browser element load i - when present must have a decimal integer
value that represents an app id the scope belongs to, otherwise there is no app (app id is considered 0) p - when present the scope is of a private browsing load, this never persists cachestorageservice keeps a global hashtable mapped by the scope key.
... consumer releases the entry) oncacheentryavailable is invoked on the opener with anew = false and the entry opener is removed from the fifo result == entry_not_wanted: oncacheentryavailable is invoked on the opener with null for the entry opener is removed from the fifo state == writing or revalidating: do nothing and exit any other
value of state is unexpected here (assertion failure) loop this process while there are openers in the fifo cacheentry::onfileready (entry atomic): load result == failure or the file has not been found on disk (is new): state = empty otherwise: state = ready since the cache file has been found and is usable containing meta data and data of the entry call to cacheentry::invokecallbacks cacheen...
... the 'least used' entries are recognized by the lowest
value of frecency we re-compute for each entry on its every access.
Addon
blockliststate read only integer the current blocklist state of this add-on; see nsiblocklistservice for possible
values.
...see auto update
values.
...for an add-on that has not yet been downloaded, this may be an estimated
value.
OS.File.Info
global object os.file.info methods object tomsg(in os.file.info
value) os.file.tomsg convert an instance of os.file.info to a form that can be serialized and transmitted between threads or processes.
... object tomsg( in os.file.info
value ) arguments returns an object with the same fields as
value but that may be serialized and transmitted between threads or processes.
...
value an instance of os.file.info.
Using JavaScript code modules
note: each scope that imports a module receives a by-
value copy of the exported symbols in that module.
... changes to the symbol's
value will not propagate to other scopes (though an object's properties will be manipulated by reference).
... scope 1: components.utils.import("resource://app/my_module.jsm"); bar = "foo"; alert(bar); // displays "foo" scope 2: components.utils.import("resource://app/my_module.jsm"); alert(bar); // displays "[object object]" the main effect of the by-
value copy is that global variables of simple types won't be shared across scopes.
openLocationLastURL.jsm
if the user is not in private browsing mode, this automatically updates the
value of the general.open_location.last_url preference.
...the
value preserved across accesses is not preserved when the user exits private browsing mode.
... using the openlocationlasturl object to get or set the
value of the open location edit box, simply read the
value of, or set the
value of, the openlocationlasturl.
value field: var url = openlocationlasturl.
value; openlocationlasturl.
value = "http://www.mozilla.org/"; to reset the
value of the edit box to the default (which is an empty string), you can call the reset() method: method overview reset() methods reset the reset() method resets the saved url to the default, which is an empty string.
MathML Torture Test
mathml torture test html content <p> render mathematics with: <select name="mathfont" id="mathfont"> <option
value="default" selected="selected">default fonts</option> <option
value="asana">asana</option> <option
value="cambria">cambria</option> <option
value="dejavu">dejavu</option> <option
value="latinmodern">latin modern</option> <option
value="libertinus">libertinus</option> <option
value="lucidabright">lucida bright</option> <option
value="minion">minion</option> <option
value="stixtwo">stix two</option> <option
value="texgyrebonum">tex gyre bonum</option> <option
value="texgyrepagella">tex gyre pagella</option> <option
value="texgyreschola">tex gyre schola</option> <option
value="texgyretermes">tex gyre termes</option> ...
... <option
value="xits">xits</option> </select> <br/> </p> <table> <tr> <td></td> <th scope="col">as rendered by tex</th> <th scope="col">as rendered by your browser</th></tr> <tr> <td>1</td> <td><img src="https://udn.realityripple.com/samples/45/d5a0dbbca3.png" width="38" height="22" alt="texbook, 16.2-16.3" /></td> <td> <math display="block"> <mrow> <msup> <mi>x</mi> <mn>2</mn> </msup> <msup> <mi>y</mi> <mn>2</mn> </msup> </mrow> </math> </td></tr> <tr> <td>2</td> <td><img src="https://udn.realityripple.com/samples/b8/da4a50ea34.png" width="30" height="17" alt="texbook, 16.2-16.3" /></td> <td> <math display="block"...
...math; } .texgyrebonum math { font-family: tex gyre bonum math; } .texgyrepagella math { font-family: tex gyre pagella math; } .texgyreschola math { font-family: tex gyre schola math; } .texgyretermes math { font-family: tex gyre termes math; } .xits math { font-family: xits math; } javascript content function updatemathfont() { var mathfont = document.getelementbyid("mathfont").
value; if (mathfont == "default") { document.body.removeattribute("class"); } else { document.body.setattribute("class", mathfont); } } function load() { document.getelementbyid("mathfont").
about:memory
for example: 585 (100.0%) -- preference-service └──585 (100.0%) -- referent ├──493 (84.27%) ── strong └───92 (15.73%) -- weak ├──92 (15.73%) ── alive └───0 (00.00%) ── dead leaf nodes represent actual measurements; the
value of each internal node is the sum of all its children.
... this "explicit"
value at the root of the tree represents all the memory allocated via explicit calls to allocation functions.
... the "heap-unclassified"
value represents heap-allocated memory that is not measured by any memory reporter.
accessibility.tabfocus
type:integer default
value: 7 (windows and linux); 2 (mac os x) exists by default: no application support:gecko 1.7 status: active introduction: bugs: bug 140612
values 1 give focus only to text fields (default on mac osx) 2 give focus to all form elements except text fields.
... other you can add these
values to combine their functionality.
... the
value 7 (give focus to all elements) is the default on windows and linux.
L20n HTML Bindings
consider the following source html: <p data-l10n-id="save"> <input type="submit"> <a href="/main" class="btn-cancel"></a> </p> assume the following malicious translation: <save """ <input
value="save" type="text"> or <a href="http://myevilwebsite.com" onclick="alert('pwnd!')" title="back to the homepage">cancel</a>.
... """> the result will be: <p data-l10n-id="back"> <input
value="save" type="submit"> or <a href="/main" class="btn-cancel" title="back to the homepage">cancel</a>.
...the
value attribute is allowed on input elements, but type is not.
AsyncTestUtils extended framework
most of the things you will want to do already have helper functions that take care of all of this, so all you need to do is pass their return
values through.
...the following is a list of frequently used attributes where the default
value is listed after the attribute name.
...due to a bug, you should pass negative
values.
Optimizing Applications For NSPR
on windows 3.1, when nspr detects a
value in a 64 bit file offset greater than 32bit significance, it terminates with an assert.
...nspr functions returning floating point types and structs by
value, including the derived types print64, are declared <tt>__pascal</tt>.
...make sure all possible
values of your printn variables are within 2^16.
PRExplodedTime
the essential members of prexplodedtime are: tm_year: absolute year, ad (by "absolute," we mean if the year is 2000, this field's
value is 2000).
...the
values 60 and 61 are for accommodating up to two leap seconds.
...you can also use pr_normalizetime() to calculate the
values of the nonessential members.
PRLinger
syntax #include <prio.h> typedef struct prlinger { prbool polarity; printervaltime linger; } prlinger; fields the structure has the following fields: polarity polarity of the option's setting: pr_false means the option is off, in which case the
value of linger is ignored.
... pr_true means the option is on, and the
value of linger will be used to determine how long pr_close waits before returning.
...the pr_sockopt_linger socket option, with a
value represented by a structure of type prlinger, makes it possible to change this default as follows: if polarity is set to pr_false, pr_close returns immediately, but if there are any data remaining in the socket send buffer, the runtime attempts to deliver the data to the peer.
PRSeekWhence
syntax #include <prio.h> typedef prseekwhence { pr_seek_set = 0, pr_seek_cur = 1, pr_seek_end = 2 } prseekwhence; enumerators the enumeration has the following enumerators: pr_seek_set sets the file pointer to the
value of the offset parameter.
... pr_seek_cur sets the file pointer to its current location plus the
value of the offset parameter.
... pr_seek_end sets the file pointer to the size of the file plus the
value of the offset parameter.
PRSocketOptionData
union { pruintn ip_ttl; pruintn mcast_ttl; pruintn tos; prbool non_blocking; prbool reuse_addr; prbool keep_alive; prbool mcast_loopback; prbool no_delay; prsize max_segment; prsize recv_buffer_size; prsize send_buffer_size; prlinger linger; prmcastrequest add_member; prmcastrequest drop_member; prnetaddr mcast_if; }
value; } prsocketoptiondata; fields the structure has the following fields: ip_ttl ip time-to-live.
... description prsocketoptiondata is a name-
value pair for a socket option.
... the option field (of enumeration type prsockoption) specifies the name of the socket option, and the
value field (a union of all possible
values) specifies the
value of the option.
PR_CEnterMonitor
returns the function returns one of the following
values: if successful, the function returns a pointer to the prmonitor associated with the
value specified in the address parameter.
... description pr_centermonitor uses the
value specified in the address parameter to find a monitor in the monitor cache, then enters the lock associated with the monitor.
... if no match is found, an available monitor is associated with the address and the monitor's entry count is incremented (so it has a
value of one).
PR EnumerateAddrInfo
to continue an enumeration (thereby getting successive addresses from the praddrinfo structure), the
value should be set to the function's last returned
value.
... the enumeration is complete when a
value of null is returned.
... returns the function returns the
value you should specify in the enumptr parameter for the next call of the enumerator.
PR_EnumerateHostEnt
to continue an enumeration (thereby getting successive addresses from the host entry structure), the
value should be set to the function's last returned
value.
... the enumeration is complete when a
value of zero is returned.
... returns the function returns one of the following
values: if successful, the function returns the
value you should specify in the enumindex parameter for the next call of the enumerator.
PR_FamilyInet
gets the
value of the address family for internet protocol.
... syntax #include <prnetdb.h> pruint16 pr_familyinet(void); returns the
value of the address family for internet protocol.
...the returned
value can be assigned to the inet.family field of a prnetaddr object.
PR_NewThreadPrivateIndex
returns the function returns one of the following
values: if successful, pr_success.
...until the data for an index is actually set, the
value of the private data at that index is null.
...if a destructor function is registered with a new index, it will be called at one of two times, as long as the private data is not null: when replacement private data is set with pr_setthreadprivate when a thread exits the index maintains independent data
values for each binding thread.
PR_OpenSemaphore
syntax #include <pripcsem.h> #define pr_sem_create 0x1 /* create if not exist */ #define pr_sem_excl 0x2 /* fail if already exists */ nspr_api(prsem *) pr_opensemaphore( const char *name, printn flags, printn mode, pruintn
value ); parameters the function has the following parameters: name the name to be given the semaphore.
...
value the initial
value assigned to the semaphore.
... if pr_sem_create is specified, the third argument is the access permission bits of the new semaphore (same interpretation as the mode argument to pr_open) and the fourth argument is the initial
value of the new semaphore.
PR_Read
returns one of the following
values: a positive number indicates the number of bytes actually read in.
... the
value 0 means end of file is reached or the network connection is closed.
... the
value -1 indicates a failure.
PR_ReadDir
values can include the following: pr_skip_none.
...on windows platforms and the mac os, this
value identifies files with the "hidden" attribute set.
... on unix platform, this
value identifies files whose names begin with a period (".").
PR_Send
timeout a
value of type printervaltime specifying the time limit for completion of the receive operation.
... returns the function returns one of the following
values: a positive number indicates the number of bytes successfully sent.
... the
value -1 indicates a failure.
PR_SendTo
timeout a
value of type printervaltime specifying the time limit for completion of the receive operation.
... returns the function returns one of the following
values: a positive number indicates the number of bytes successfully sent.
... the
value -1 indicates a failure.
PR_TicksPerSecond
returns the number of ticks per second currently used to determine the
value of printervaltime.
...this
value is platform-dependent and does not change after nspr is initialized.
... description the
value returned by pr_tickspersecond() lies between pr_interval_min and pr_interval_max.
PR_Wait
returns the function returns one of the following
values: pr_success means the thread is being resumed from the pr_wait call either because it was explicitly notified or because the time specified by the parameter ticks has expired.
...if the
value of timeout is not pr_interval_no_timeout, pr_wait resumes execution after the specified interval has expired.
... if a timeout
value is used, the boolean expression must include elapsed time as part of the monitored data.
PR_Write
returns one of the following
values: a positive number indicates the number of bytes successfully written.
... the
value -1 indicates that the operation failed.
...therefore, the return
value is equal to either amount (success) or -1 (failure).
NSS 3.15.1 release notes
new types in sslprot.h ssl_library_version_tls_1_2 - the protocol version of tls 1.2 on the wire,
value 0x0303.
... in sslt.h ssl_hmac_sha256 - a new
value in the sslmacalgorithm enum type.
... ssl_signature_algorithms_xtn - a new
value in the sslextensiontype enum type.
NSS API Guidelines
secport_verify_pointer(classname, pointer, secerror, return
value)- check if a given pointer really belongs to the requested class.
... if it doesn't set the error secerror and return the
value return
value.
...be sure to calculate the hash
value first, then only lock over the hash table
value itself.
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
e header file */ case 'e': /* encrypt with public key from cert in header file */ case 's': /* sign with private key */ case 'd': /* decrypt with the matching private key */ case 'v': /* verify with the matching public key */ cmd = option2command(optstate->option); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilename = strdup(optstate->
value); break; case 'b': ...
... headerfilename = strdup(optstate->
value); break; case 'e': encryptedfilename = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->
value); break; case 'z': noisefilename = strdup(optstate->
value); break; case 's': subjectstr = strdup(optstate->
value); subject = cert_asciitoname(subjectstr); break; case 'r': certreqfilename = strdup(optstate->
value); break; case 'c': certfilename = strdup(optstate->
value); break; case 'u': issuernamestr = strdup(optstate->
value); break; case 'n': ...
... nicknamestr = strdup(optstate->
value); break; case 'x': selfsign = pr_true; break; case 'm': serialnumberstr = strdup(optstate->
value); serialnumber = atoi(serialnumberstr); break; case 't': truststr = strdup(optstate->
value); break; case 'v': sigverify = pr_true; break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (cmd == unknown || !dbdir) usage(progname); /* open db for read/write and authenticate to it */ pr_init(pr_user_thread, pr_priority_normal, 0); initialized = pr_true; rv = nss_initreadwrite(dbdir)...
EncDecMAC using token object - sample 3
* get their cka_ids * generate a random
value to use as iv for aes cbc * open an input file and an output file, * write a header to the output that identifies the two keys by * their cka_ids, may include original file name and length.
... cka_id */ rv = gathercka_id(mackey, &macckaid); if (rv != secsuccess) { pr_fprintf(pr_stderr, "can't get the mac key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generaterandom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a random
value to use as iv for aes cbc */ generaterandom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for writing.\n", headerfilename); return secfailure; } encfile = pr_open(encryptedfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!encfile) { pr_fprintf(pr_stderr, "unable to ...
...progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "c:d:i:o:f:p:z:a"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'a': ascii = pr_true; break; case 'c': command = strdup(optstate->
value); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilename = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->
value); break; case 'z': noisefilename = strdup(optstate->
value); break; ...
nss tech note1
universal is the default tag class and does not have to be specified, as the
value of the class type is zero.
...if you you are using a tag of a different classes, you can define your own tag number macros or specify the tag
value within the template definition.
...all the
values are in the 9 - 31 bit range.
nss tech note3
each cert has a "type" and a "key usage", each of which may contain one or more valid
values.
...if the extension is present and has the
value true, then this cert is taken to be a ca cert.
... if present, this extension directly determines the
values of the 8 key usages defined above.
NSS Tools ssltap
instead of outputting raw data, the command interprets each record as a numbered line of hex
values, followed by the same data as ascii characters.
... example 1 the s and x options in this example turn on ssl parsing and show undecoded
values in hex/ascii format.
...because the -x option is not used in this example, undecoded
values are output as raw data.
Rhino overview
in browser embeddings, this language version is selected using the language attribute of the script tag with
values such as "javascript1.2".
... second, the
value of the property security.requiresecuritydomain should be changed to true in the resource bundle org.mozilla.javascript.resources.security.
... the
value of this property can be determined at runtime by calling the issecuritydomainrequired method of context.
DOUBLE_TO_JSVAL
please use js::double
value instead in spidermonkey 45 or later.
... to convert a c float, double to type js::
value, use js_number
value instead.
... see also mxr id search for double_to_jsval js::tonumber js_number
value js::double
value bug 1177892 -- removed ...
JS::MutableHandle
void set(t v) sets the
value of *ptr to v.
...it is used in the same way as js::handle<t> and includes a |set(const t &v)| method to allow updating the
value of the referenced js::rooted<t>.
...ailable for the main types: namespace js { typedef mutablehandle<jsfunction*> mutablehandlefunction; typedef mutablehandle<jsid> mutablehandleid; typedef mutablehandle<jsobject*> mutablehandleobject; typedef mutablehandle<jsscript*> mutablehandlescript; typedef mutablehandle<jsstring*> mutablehandlestring; typedef mutablehandle<js::symbol*> mutablehandlesymbol; typedef mutablehandle<
value> mutablehandle
value; } see also mxr id search for js::mutablehandle mxr id search for js::mutablehandlefunction mxr id search for js::mutablehandleid mxr id search for js::mutablehandleobject mxr id search for js::mutablehandlescript mxr id search for js::mutablehandlestring mxr id search for js::mutablehandlesymbol mxr id search for js::mutablehandle
value js::rooted js::handl...
JSClass.flags
its
value is the logical or of zero or more of the following constants: flag meaning jsclass_has_private this class uses private data.
... === "undefined" obj converts to false when obj is converted to a boolean when used in boolean contexts (if conditions, loop continuation/termination conditions [for/while/do { } while], the condition in a ternary ?: expression, and so on) (obj == undefined) is true, and (obj != undefined) is false (obj == null) is true, and (obj != null) is false == and != comparisons to
values other than null or undefined (including to an object that emulates undefined) are unaffected by this flag.
...the slots initially contain unspecified valid jsval
values.
JSClass
may modify the new property
value.
... convert jsconvertop this hook specifies how objects of this class are converted to a primitive
value.
... it implements the object's [[default
value]] hook, which is invoked by javascript when the object must be converted to a string, number, or primitive
value.
JSFunction
the apis js_newfunction, js_definefunction, js_compilefunction, and their unicode equivalents return
values of type jsfunction *.
...to get a jsfunction * given the jsobject * of a function object, use js_
valuetofunction.
...instead of using js_callfunction, for example, it must call js_callfunction
value.
JSFunctionSpec
if the function does not wrap a native js call, set this
value to null.
... nargs uint16_t the
value used for function.length.
...to define an array element, cast the element's index
value to const char*, initialize the name field with it, and specify the jsprop_index attribute in flags.
JSID_EMPTY
internal jsid
value which is used in type inference.
... syntax const jsid jsid_empty; const js::handleid jsid_emptyhandle; // added in spidermonkey 31 description jsid_empty is an internal jsid
value which is used in type inference code.
... jsid_emptyhandle is the handle to the jsid with the
value of jsid_empty.
JSNative
syntax typedef bool (* jsnative)(jscontext *cx, unsigned argc, js::
value *vp); name type description cx jscontext * the context in which the native function is being called.
... vp js::
value * the arguments, the this argument, the return-
value slot, and the callee function object are accessible through this pointer using macros described below.
...(this structure is now provided in "js/callargs.h" added in spidermonkey 24 as well as through "jsapi.h".) this structure encapsulates access to the callee function, this, the function call's arguments, and the eventual return
value.
JSObjectOps.defineProperty
syntax jsbool (*jsdefinepropop)(jscontext *cx, jsobject *obj, jsid id, jsval
value, jspropertyop getter, jspropertyop setter, unsigned int attrs); name type description cx jscontext * pointer to the js context in which the property is being defined.
...
value jsval the initial
value for the new property.
... description define obj[id], an own property of obj named id, having the given initial
value, with the specified getter, setter, and attributes.
JSPropertyDescriptor
properties a descriptor is an object that can have the following key
values field name description getter the get syntax binds an object property to a function that will be called when that property is looked up.
...
value describes the
value of the specified property, which can be any valid javascript
value (function, object, string...) configurable declare that the property can be modified and deleted enumerable declare that the property can be enumerated, and the enumerable genus can be traversed by the for...in loop.
... var language = {}; // define an empty object language object.defineproperty(language, 'log', { // define the log attribute under the language object
value : ['cn','en'], writable : true, enumerable : true, configurable : true }) in the above example we defined a writable, deletable enumerable property.this is the same as the javascript directly defined property.
JSVAL_TO_BOOLEAN
cast a boolean javascript
value to a c integer, either 0 or 1, without any type checking or error handling.
... syntax jsbool jsval_to_boolean(jsval v); description jsval_to_boolean casts the
value v to a c integer, either 0 or 1.
...to convert any
value to a boolean, use js_
valuetoboolean instead.
JSVAL_TRUE
jsval constants that represent the javascript
values true and false.
... syntax jsval_true jsval_false description jsval_true and jsval_false are jsval constants that represent the javascript boolean
values, true and false.
...jsval
values must not be used as c true/false
values; there is no guarantee that the c bit-pattern of any particular jsval is zero or nonzero.
JS_DefineOwnProperty
syntax bool js_defineownproperty(jscontext *cx, js::handleobject obj, js::handleid id, js::handle
value descriptor, bool *bp); name type description cx jscontext * the context.
... descriptor js::handle
value this should be an jsval consisting of an object interpretable as property descriptor.
...descriptor is supposed to be a property descriptor, this means you need to create an object with properties such as
value, writable, get or set.
JS_DoubleIsInt32
this article covers features introduced in spidermonkey 17 compare double
value and int32_t
value.
... syntax bool js_doubleisint32(double d, int32_t *ip); name type description d double a double
value to compare ip int32_t * a pointer to int32_t
value to compare description js_doubleisint32 returns true if d i sequal to *ip.
... (comment from mozilla::numberequalsint32) casting a floating-point
value that doesn't truncate to int32_t, to int32_t, induces undefined behavior.
JS_DumpHeap
startthing void * null or a pointer to a gc thing (use js::
value::togcthing() to obtain a pointer to pass here).
... // note: the order here is determined by our
value packing.
... see js::
value::gckind() and jstracecallback in <codde>tracer.h</codde> for more details.
JS_EvaluateScriptForPrincipals
on success, *rval receives the
value from the last-executed expression statement in the script.
... if the script compiles and executes successfully, *rval receives the
value from the last-executed expression statement processed in the script, and js_evaluatescriptforprincipals or js_evaluateucscriptforprincipals returns js_true.
... otherwise it returns js_false, and the
value left in *rval is undefined.
JS_ExecuteScriptPart
on success, *rval receives the
value from the last executed expression statement in the script.
...if the script executes successfully, js_executescriptpart stores the
value of the last-executed expression statement in the script in *rval and returns js_true.
... otherwise it returns js_false, and the
value left in *rval is undefined.
JS_GetPendingException
syntax bool js_getpendingexception(jscontext *cx, js::mutablehandle
value vp); name type description cx jscontext * pointer to the js context in which the exception was thrown.
... vp js::mutablehandle
value out parameter.
...otherwise, it returns false, and the
value left in *vp is undefined.
JS_HasArrayLength
if the property exists, js_hasarraylength stores the current
value of the property in *lengthp.
... on success, js_hasarraylength returns js_true, and *lengthp receives the current
value of the length property.
... on failure, js_hasarraylength returns js_false, and the
value left in *lengthp is undefined.
JS_IsStopIteration
this article covers features introduced in spidermonkey 31 determine whether the
value is a stopiteration exception or not.
... syntax // added in spidermonkey 42 bool js_isstopiteration(js::
value v); // obsolete since spidermonkey 42 bool js_isstopiteration(jsval v); name type description v js::
value the
value to check.
... see also mxr id search for js_isstopiteration js_throwstopiteration bug 918170 bug 1184564 -- changed jsval to js::
value ...
JS_New
syntax jsobject * js_new(jscontext *cx, js::handleobject ctor, const js::handle
valuearray& args); // added in jsapi 32 jsobject * js_new(jscontext *cx, jsobject *ctor, unsigned argc, jsval *argv); // obsolete since jsapi 32 name type description cx jscontext * the context in which to create the new object.
... args js::handle
valuearray & an array of argument
values to pass to the constructor.
...obsolete since jsapi 32 argv jsval * pointer to the element 0 of an array of argument
values to pass to the constructor.
JS_NewObject
if null is passed as proto, the new object will have a prototype with the js
value of null.
... if the constructor has a prototype property, we use its
value.
... see also mxr id search for js_newobject mxr id search for js_newobjectwithgivenproto js_newglobalobject js_newarrayobject js_
valuetoobject bug 408871 bug 1136906, bug 1136345 -- remove parent parameter bug 1125567 -- change prototype lookup behaviour ...
JS_PropertyStub
syntax bool js_propertystub(jscontext *cx, js::handleobject obj, js::handleid id, js::mutablehandle
value vp); bool js_strictpropertystub(jscontext *cx, js::handleobject obj, js::handleid id, js::mutablehandle
value vp, js::objectopresult &result); // added in spidermonkey 45 bool js_strictpropertystub(jscontext *cx, js::handleobject obj, js::handleid id, bool strict, js::mutablehandle
value vp); // obsolete since jsapi 39 bool js_resolvestub(jscontext *cx, js::handleobject obj, js::handleid id, bool *resolvedp); // obsolete since jsapi 37 bool js_deletepropertystub(jscontext *cx, js::handleobject obj, js::handleid id, bool *succeed...
...ed); // obsolete since jsapi 37 bool js_enumeratestub(jscontext *cx, js::handleobject obj); // obsolete since jsapi 37 bool js_convertstub(jscontext *cx, js::handleobject obj, jstype type, js::mutablehandle
value vp); // obsolete since jsapi 37 void js_finalizestub(jscontext *cx, jsobject *obj); // obsolete since jsapi 14 description the stub functions are not designed to be called directly by a jsapi application.
...it attempts to call the object's
valueof and tostring functions, in the order determined by the specified type, in accordance with the default default
value algorithm in es5 §8.12.8.
JS_Remove*Root
syntax jsbool js_remove
valueroot(jscontext *cx, jsval *vp); jsbool js_removestringroot(jscontext *cx, jsstring **spp); jsbool js_removeobjectroot(jscontext *cx, jsobject **opp); jsbool js_removegcthingroot(jscontext *cx, void **rp); name type description cx jscontext * a context.
... this must have been passed to either js_add
valueroot or js_addnamed
valueroot.
...see also mxr id search for js_remove
valueroot mxr id search for js_removestringroot mxr id search for js_removeobjectroot mxr id search for js_removegcthingroot bug 912581 ...
JS_SetNativeStackQuota
if omitted, it uses the
value of systemcodestacksize.
...if omitted, it uses the
value of trustedscriptstacksize.
...if 0 is passed for a given kind of code, it defaults to the
value of the next-highest-priority kind.
JS_SetPendingException
syntax void js_setpendingexception(jscontext *cx, js::handle
value v); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... v js::handle
value value to throw as an exception.
...v is the new
value to throw as an exception.
JS_StringToVersion
returns a jsversion
value representing the version string.
... description js_stringtoversion attempts to convert the version string to a jsversion
value.
... js_stringtoversion may return any of the following
values: string enumeration "1.0" jsversion_1_0 obsolete since jsapi 24 "1.1" jsversion_1_1 obsolete since jsapi 24 "1.2" jsversion_1_2 obsolete since jsapi 24 "1.3" jsversion_1_3 obsolete since jsapi 24 "1.4" jsversion_1_4 obsolete since jsapi 24 "ecmav3" jsversion_ecma_3 "1.5" jsversion_1_5 obsolete since jsapi 24 "1.6" jsversion_1_6 "1.7" jsversion_1_7 "1.8" jsversion_1_8 other jsversion_unknown see also mxr id search for js_stringtoversion jsversion js_getversion js_setversionforcompartment js_versiontostring bug 824312 ...
JS_SuspendRequest
savedepth jsrefcount (only in js_resumerequest) the
valued returned by the matching js_suspendrequest call.
...the return
value is the number of nested requests that were suspended.
...the savedepth argument must be the
value returned by the matching js_suspendrequest call.
JS_VersionToString
returns a string representation of a jsversion
value.
... syntax const char * js_versiontostring(jsversion version); name type description version jsversion version
value to convert.
...js_versiontostring may return any of the following
values: enumeration string jsversion_1_0 "1.0" obsolete since jsapi 24 jsversion_1_1 "1.1" obsolete since jsapi 24 jsversion_1_2 "1.2" obsolete since jsapi 24 jsversion_1_3 "1.3" obsolete since jsapi 24 jsversion_1_4 "1.4" obsolete since jsapi 24 jsversion_ecma_3 "ecmav3" jsversion_1_5 "1.5" obsolete since jsapi 24 jsversion_1_6 "1.6" jsversion_1_7 "1.7" jsversion_1_8 "1.8" jsversion_ecma_5 "ecmav5" jsversion_default "default" other null see also mxr id search for...
OBJECT_TO_JSVAL
casts a specified js object to a js
value.
... please use js::object
value/js::objectornull
value instead in spidermonkey 45 or later.
... see also mxr id search for object_to_jsval js_
valuetoobject js::object
value js::objectornull
value bug 1177892 -- removed ...
STRING_TO_JSVAL
casts a specified js string to a js
value.
... please use js::string
value instead in spidermonkey 45 or later.
... see also mxr id search for string_to_jsval js::string
value bug 1177892 -- removed ...
A Web PKI x509 certificate primer
replace this
value with the actual server name in the steps below.
...-issue the certificate with names that are within the namespace of all certificates in the chain sec_error_cert_signature_algorithm_disabled a certificate has been signed with an obsolete algorithm re-sign the certificate using a modern algorithm sec_error_expired_certificate a certificate is too old to be used re-generate the certificate sec_error_extension_
value_invalid a certificate has an extension with an empty
value re-generate the certificate without the extension, or re-generate it with a non-empty
value sec_error_inadequate_cert_type a certificate has an extended key usage extension that does not assert a required usage, or an end-entity certificate asserts the id-kp-ocspsigning usage when it shouldn't re-generate the certific...
...ate with the appropriate extended key usage
values sec_error_inadequate_key_usage a certificate has a key usage extension that does not assert a required usage re-generate the certificate with the appropriate key usage
values sec_error_invalid_algorithm a certificate has been signed with an unknown algorithm re-sign the certificate with a standardized certificate signing algorithm sec_error_invalid_time a time field in a certificate has an invalid
value re-generate the certificate with valid encodings for time fields mozilla_pkix_error_key_pinning_failure sec_error_path_len_constraint_invalid sec_error_unknown_critical_extension a certificate contains an extension marked as critical that is not handled by...
Gecko Roles
role_dial represents a dial or knob whose purpose is to allow a user to set a
value.
... role_slider represents a slider, which allows the user to adjust a setting in given increments between minimum and maximum
values.
... role_spinbutton represents a spin box, which is a control that allows the user to increment or decrement the
value displayed in a separate "buddy" control associated with the spin box.
Frecency algorithm
the word "frecency" itself is a combination of the words "frequency" and "recency." the default frecency
value for all valid entries is -1.
... places with this
value can show up in autocomplete results.
... invalid places have a frecency
value of zero, and will not show up in autocomplete results.
Places Expiration
this means on mobile and old systems expiration will be more aggressive than on high-end hardware, to try keep the database size at a reasonable (and performant)
value.
...default
value is calculated on startup and put into the places.history.expiration.transient_current_max_pages preference.
... this transient version of the preference is just mirroring the current
value used by expiration, setting it won't have any effect.
Using the Places history service
because actually counting all the pages in history is expensive,navhistory will always return the
value 0 or 1.
... nsinavhistoryservice.getnewquery: returns a new query object initialized to the default
values.
... nsinavhistoryservice.getnewqueryoptions: returns a new query options object initialized to the default
values.
extIApplication
boolean quit() return
value boolean
value indicating whether the shutdown was successful.
... boolean restart() return
value boolean
value indicating whether the restart was successful.
... void getextensions(extiextensionscallback acallback) return
value none.
Fun With XBL and XPConnect
the initial
value of this property evaluates to an xp-connect object.
...i could apply a trick similar to what i did for the xpcom object: <property name="autocompletelistener"> <![cdata[ ({ onautocompleteresult: function(aitem, aoriginalstring, amatch) { if ( aitem ) { anonymouscontent[0].
value = amatch; } } }) ]]> </property> as long as the js for the
value of autocompletelistener evaluates to an object (and wrapping the expression with a set of parens like i did, does this), then the
value of autocompletelistener is an object that implements my interface.
... <handlers> <handler type="keypress" keycode="vk_return"
value="autocomplete(anonymouscontent[0].
value, this.autocompletelistener);"/> </handlers> </implementation> </binding> original document information author(s): scott macgregor last updated date: april 13, 2000 copyright information: copyright (c) scott macgregor ...
Components.results
components.results is a read-only object whose properties are the names listed as the first parameters of the macros in js/xpconnect/src/xpc.msg (also at table of errors), with the
value of each corresponding to that constant's
value.
... introduction components.results is an object whose properties are the names of well-known xpcom result codes, with each
value being that of the corresponding result code.
... usage implementing nsisupports the standard nsisupports is usually implemented in javascript by using components.results to get a failure return
value if does not implement the given interface.
Components.utils
see js_setgczeal for details; this method calls through to that with the specified
value as the zeal
value.
...this reflects the
value of the javascript environment's option by the same name.
...this reflects the
value of the javascript environment's option by the same name.
Language bindings
these exception objects may be thrown when implementing xpcom interfaces in javascript, and they can provide better diagnostics in the error console if not caught than simply throwing an nsresult's
value will.components.idcomponents.id is a constructor that creates native objects that conform to the nsijsid interface.components.interfacescomponents.interfaces is a read-only object whose properties are interfaces indexed by their names.components.interfacesbyidcomponents.interfacesbyid is a read-only array of classes indexed by iid.components.issuccesscodedetermines whether a given xpcom return co...
...de (that is, an nsresult
value) indicates the success or failure of an operation, returning true or false respectively.components.lastresultcomponents.managercomponents.manager is a convenience reflection of the global native component manager service.
... the scriptable methods on the nsicomponentmanager interface can be called directly on this object.components.resultscomponents.results is a read-only object whose properties are the names listed as the first parameters of the macros in js/xpconnect/src/xpc.msg (also at table of errors), with the
value of each corresponding to that constant's
value.components.returncodecomponents.stackcomponents.stack is a read only property of type nsistackframe (idl definition) that represents a snapshot of the current javascript callstack.
nsresult
« xpcom api reference the nsresult data type is a strongly-typed enum used to represent a
value returned by an xpcom function; these are typically error or status codes.
... for a list of defined result
values, see error codes returned by mozilla apis.
...as a result, it was possible for code to misuse it, such as returning an nsresult
value from a function whose signature indicates it returns a boolean.
operator=
return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
operator+=
return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
operator=
return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
... return
values this operator returns a reference back to the object being modified to allow operator chaining.
nsAdoptingCString
take the
value of what's given, and make what's given forget its
value.
... @param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsAdoptingString
take the
value of what's given, and make what's given forget its
value.
... @param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsDependentCString
subclass of nststring that restricts string
value to an immutable character sequence.
... @param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsDependentString
subclass of nststring that restricts string
value to an immutable character sequence.
... @param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
IAccessibleImage
return
value s_false if there is nothing to return, [out]
value is null.
... return
value s_ok.
... return
value s_ok.
imgIRequest
constants constant
value description status_none 0x0 nothing to report.
...imgirequest clone( in imgidecoderobserver aobserver ); parameters aobserver return
value decrementanimationconsumers() tell the image it can forget about a request that the image animate.
...return
value incrementanimationconsumers() requests that the image animate (if it has an animation).
mozISpellCheckingEngine
note: setting this
value to a
value that doesn't match an existing dictionary throws a ns_error_file_not_found exception.
... when this attribute's
value is changed, a "spellcheck-dictionary-update" notification is sent.
... return
value returns true if word is spelled correctly according to the dictionary attribute, and returns false if word is misspelled.
mozIStorageStatementParams
for example, say you create a statement like so: var statement = dbconn.createstatement("select * from table_name where id = :item_id"); this object would have one property, item_id, that you can use to bind a
value to that named parameter like so: statement.params.item_id = 2; for more details on why you should bind parameters as opposed to hard-coding them into your statement, please see the overview document about binding parameters.
... enumeration of properties you can also enumerate all the properties on this object with a for..in enumeration: //
valuestobind is an object that contains key-
value pairs // to bind to the statement before executing it.
... for (let param in statement.params) statement.params[param] =
valuestobind[param]; ...
mozIStorageVacuumParticipant
the vacuum manager will try to correct the page size when the browser is idle, using this
value as a target.
...the recommended
value is mozistorageconnection::default_page_size.
...return
value return true to allow the vacuum operation to proceed, or false if you don't want the database to be vacuumed.
mozIThirdPartyUtil
return
value true if auri is third party with respect to the channel uri or any of the uris associated with the same-type window hierarchy of the channel.
...boolean isthirdpartyuri( in nsiuri afirsturi, in nsiuri aseconduri ); parameters afirsturi missing description aseconduri missing description return
value true if afirsturi is third party with respect to aseconduri.
... return
value true if auri is third party with respect to any of the uris associated with awindow and its same-type parents.
nsIAboutModule
inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview unsigned long geturiflags(in nsiuri auri); nsichannel newchannel(in nsiuri auri); constants constant
value description uri_safe_for_untrusted_content (1 << 0) a flag that indicates whether a uri is safe for untrusted content.
...unsigned long geturiflags( in nsiuri auri ); parameters auri return
value a combination of the flags above corresponding to the appropriate flags for this about uri.
... return
value a fully constructed channel that will load the about uri.
nsIAccessible
nsiaccessible.role to get the role of the accessible nsiaccessible.getstate() to get states of the accessibe nsiaccessible.name, nsiaccessible.
value to get the name and the
value of the accessible tree navigation you can navigate through the accessible tree by the following methods and attributes.
...
value accessible
value -- a number or a secondary text equivalent for this node.
... widgets that use role attribute can force a
value using the
valuenow attribute.
nsIAccessibleDocument
return
value the first nsiaccessible found by crawling up the dom node to the document root.
... return
value the nsiaccessnode cached for this particular unique id.
... return
value the name space for given id.
nsIAccessibleHyperText
return
value an nsiaccessiblehyperlink object.
... return
value the index of the link if it's presented on the given character index, otherwise -1.
... return
value missing description exceptions thrown ns_error_failure indicates that the accessible is unattached from the accessible tree.
nsIAccessibleRelation
constants constant
value description relation_nul 0x00 relation_controlled_by 0x01 some attribute of this object is affected by a target object.
... return
value returns an nsiaccessible object.
... return
value an nsiarray object, each item in the array implements an nsiaccessible.
nsIAlertsService
data: the
value of the cookie parameter passed into the showalertnotification method.
...valid
values are "auto", "ltr" or "rtl".
... data optional the
value of the cookie parameter passed to showalertnotification.
nsIAppShellService
obsolete since gecko 1.8 constants constant
value description size_to_content -1 create a window, which will be initially invisible.
... return
value true if a window was opened.
... return
value returns the newly created window.
nsIApplicationCache
constants constant
value description item_manifest 1 this item is the application manifest.
... return
value an nsiapplicationcachenamespace object describing the most specific namespace matching the given key.
... return
value a bit field indicating the entry's types.
nsIApplicationCacheChannel
the default
value is false.
...the default
value is true.
...this
value may be false even if the resource is assigned to an application cache if, for example, it was loaded as a fallback.
nsIArray
return
value a new enumerator positioned at the start of the array.
... return
value a number >= startindex which is the position of the element in the array.
... exceptions thrown ns_error_illegal_
value when index > length-1.
nsIBoxObject
method overview wstring getlookandfeelmetric(in wstring propertyname); obsolete since gecko 1.9 wstring getproperty(in wstring propertyname); nsisupports getpropertyassupports(in wstring propertyname); void removeproperty(in wstring propertyname); void setproperty(in wstring propertyname, in wstring property
value); void setpropertyassupports(in wstring propertyname, in nsisupports
value); attributes attribute type description element nsidomelement read only.
... methods getlookandfeelmetric() obsolete since gecko 1.9 (firefox 3) wstring getlookandfeelmetric( in wstring propertyname ); parameters propertyname return
value getproperty() wstring getproperty( in wstring propertyname ); parameters propertyname return
value getpropertyassupports() nsisupports getpropertyassupports( in wstring propertyname ); parameters propertyname return
value removeproperty() void removeproperty( in wstring propertyname ); parameters propertyname setproperty() void setproperty( in wstring propertyname, in wst...
...ring property
value ); parameters propertyname property
value setpropertyassupports() void setpropertyassupports( in wstring propertyname, in nsisupports
value ); parameters propertyname
value ...
nsICRLManager
ed long autoupdatetype, in double noofdays); void deletecrl(in unsigned long crlindex); nsiarray getcrls(); void importcrl([array, size_is(length)] in octet data, in unsigned long length, in nsiuri uri, in unsigned long type, in boolean dosilentdownload, in wstring crlkey); void reschedulecrlautoupdate(); boolean updatecrlfromurl(in wstring url, in wstring key); constants constant
value description type_autoupdate_time_based 1 type_autoupdate_freq_based 2 methods computenextautoupdatetime() wstring computenextautoupdatetime( in nsicrlinfo info, in unsigned long autoupdatetype, in double noofdays ); parameters info autoupdatetype noofdays return
value deletecrl() delete the crl.
...return
value importcrl() import a crl into the certificate database.
...boolean updatecrlfromurl( in wstring url, in wstring key ); parameters url key return
value ...
nsICacheService
the storagepolicy must be consistent with the
value of this field.
... return
value returns a new cache session.
... return
value returns a newly created unique, temporary cache client id.
nsICacheSession
return
value returns whether any of the cache devices implied by the session storage policy are currently enabled for instantiation or not, depending on their existence.
...blockingmode true or false
value to turn blocking mode for calling the thread to on/off respectively.
... return
value returns a unique descriptor each time it is called.
nsIChannelEventSink
method overview void asynconchannelredirect(in nsichannel oldchannel, in nsichannel newchannel, in unsigned long flags, in nsiasyncverifyredirectcallback callback); void onchannelredirect(in nsichannel oldchannel, in nsichannel newchannel, in unsigned long flags); obsolete since gecko 2.0 constants constant
value description redirect_temporary 1 << 0 this is a temporary redirect.
...by calling oldchannel->cancel() there is a certain freedom in implementing this method: if the return-
value indicates success, a callback on callback is required.
...if the return
value indicates that an error occurred, in which case an exception is thrown, the redirect is vetoed and no callback must be done.
nsIChromeRegistry
rome-registry;1"] .getservice(components.interfaces.nsichromeregistry); method overview void canonify(in nsiuri achromeurl); obsolete since gecko 1.8 void checkfornewchrome(); nsiuri convertchromeurl(in nsiuri achromeurl); boolean wrappersenabled(in nsiuri auri); violates the xpcom interface guidelines constants constant
value description none 0 partial 1 full 2 methods canonify() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) note: this method is obsolete; use convertchromeurl() instead.
... return
value a new nsiuri object containing the loadable uri for the specified chrome url.
... return
value true if xpcnativewrappers are enabled for the specified uri; otherwise false.
nsICollection
return
value number of items in the list.
...return
value an nsienumerator.
... return
value nsisupports item at the index position.
nsICompositionStringSynthesizer
use "compositioncommit": domwindowutils.sendcompositionevent("compositioncommit", "foo-bar-buzz", ""); method overview void appendclause(in unsigned long alength, in unsigned long aattribute); boolean dispatchevent(); void setcaret(in unsigned long aoffset, in unsigned long alength); void setstring(in astring astring); constants constant
value description attr_raw_input 0x02 a clause attribute.
... boolean dispatchevent(); return
value if dispatched event's default is prevented, returns true.
...this
value must be between 0 and the length of astring of setstring().
nsIConsoleService
examples retrieving the message array to retrieve the message array in gecko prior to version 19: function getconsolemessagearray() { var consoleservice = components.classes["@mozilla.org/consoleservice;1"] .getservice(components.interfaces.nsiconsoleservice); var array = {}; consoleservice.getmessagearray(array, {}); return array.
value; } to retrieve the message array in gecko 19 or later: function getconsolemessagearray() { var consoleservice = components.classes["@mozilla.org/consoleservice;1"] .getservice(components.interfaces.nsiconsoleservice); return consoleservice.getmessagearray(); } to retrieve the message array in a compatible way: function getconsolemessagearray() { var co...
...nsoleservice = components.classes["@mozilla.org/consoleservice;1"] .getservice(components.interfaces.nsiconsoleservice); var array = {}; return consoleservice.getmessagearray(array, {}) || array.
value; } logging a simple message a common usage is logging a message string to the console: function log(msg) { var consoleservice = components.classes["@mozilla.org/consoleservice;1"] .getservice(components.interfaces.nsiconsoleservice); consoleservice.logstringmessage(msg); } alternative logging methods include components.utils.reporterror and dump().
...at the time of writing, possible
values are: nsiscripterror.errorflag = 0 nsiscripterror.warningflag = 1 nsiscripterror.exceptionflag = 2 and nsiscripterror.strictflag = 4.
nsIConverterInputStream
to create an instance, use: var converterinputstream = components.classes["@mozilla.org/intl/converter-input-stream;1"] .createinstance(components.interfaces.nsiconverterinputstream); method overview void init(in nsiinputstream astream, in string acharset, in long abuffersize, in prunichar areplacementchar); constants constant
value description default_replacement_character 0xfffd default replacement character
value.
...a
value of null or "utf-8" equals utf-8 encoding.
...a
value of 0x0000 will cause an exception to be thrown if unknown byte sequences are encountered in the stream.
nsICookie
policy nscookiepolicy holds the sites compact policy
value.
...
value acstring the cookie
value.
... constants constant
value description status_unknown 0 the cookie collected in a previous session, and its information no longer exists.
nsICookieConsent
valid
values are defined in nsicookie.idl.
... return
value returns nscookiestatus.
... valid
values are defined in nsicookie.idl.
nsIDNSService
constant
value description resolve_bypass_cache (1 << 0) this flag suppresses the internal dns lookup cache.
... return
value an object that can be used to cancel the host lookup.
... return
value dns record corresponding to the given host name.
nsIDOMHTMLAudioElement
return
value an unsigned 64-bit
value indicating how many audio samples have been played since the stream began playing.
... return
value the actual number of bytes written to the stream.
...ns_error_dom_type_mismatch_err the data isn't a valid data type (an array or typed array of numeric
values).
nsIDOMXPathEvaluator
return
value an xpath expression, as an nsidomxpathexpression object.
... return
value a name space resolver.
... return
value an xpath result.
nsIDirIndex
if the last modified time is unknown, this
value is -1.
... size long long file size; if the size is unknown, this
value is -1.
... constants constant
value description type_unknown 0 the type is unknown.
nsIDownloadManager
constants constant
value description download_notstarted -1 the download has not been started yet.
...to be removed at the end of the private browsing session, cached in non-permanent storage, etc.) return
value the newly created download item with the passed-in properties.
... return
value the download with the specified id.
nsIDroppedLinkHandler
return
value true if the link being dragged can be dropped.
... return
value a uri, or null if there is no valid link to be dropped.
... adisallowinherit acount receives the count of alinks array alinks recives an array of objects with nsidroppedlinkitem interface return
value nothing.
nsIEditorMailSupport
return
value an nsisupportsarray containing the img and object tags of the current document.
...(vs plaintext) return
value the nsidomnode which was inserted.
... return
value the nsidomnode which was inserted.
nsIFeed
the hours are represented as integer
values from 0 (midnight) to 23 (11:00 pm), and are always indicated using utc.
...note: you should consider this a bit mask of
values; at some point, the type may include more than one of these
values ored together.
... constants constant
value description type_feed 0 a standard text-based feed.
nsIFeedTextConstruct
return
value an nsidocumentfragment containing the text and markup.
... return
value the plain text version of the text construct's contents.
... if the type attribute is "text", this method returns the
value of the text attribute unchanged.
nsIJSID
return
value true if the nsijsid's are valid and have the same nsid, otherwise false.
...return
value a pointer to the internal nsid structure.
...return
value the name of the jsid if it has one, otherwise the string representation of its nsid.
nsIJetpack
optional javascript
values to send with the message; they must be either json-serializable types or handles.
...if the message was sent synchronously from the jetpack process via callmessage(), then the return
value of this function is passed back to the jetpack process.
...return
value the new handle.
nsIMicrosummaryGenerator
return
value the interval in milliseconds until the next update request.
... return
value a boolean indicating if the two generators are equal.
... return
value the text result of processing the template.
nsIMsgAccount
inherits from: nsisupports last changed in gecko 1.7 method overview void addidentity(in nsimsgidentity identity); void clearall
values(); void init(); void removeidentity(in nsimsgidentity identity); astring tostring(); attributes attribute type description defaultidentity nsimsgidentity identities nsisupportsarray read only.
... clearall
values() clear all user preferences associated with an account.
... void clearall
values(); parameters none.
nsIMsgCustomColumnHandler
return
value the string
value that sorting will be done with.
... return
value the long
value that sorting will be done with.
...return
value true if the column displays a string
value.
nsIMsgDatabase
msghdr, in nsidbchangelistener instigator,in boolean commit, in boolean notify); void removeheadermdbrow(in nsimsgdbhdr msghdr); void undodelete(in nsimsgdbhdr msghdr); void markmarked(in nsmsgkey key, in boolean mark, in nsidbchangelistener instigator); void markoffline(in nsmsgkey key, in boolean offline, in nsidbchangelistener instigator); void setlabel(in nsmsgkey key, in nsmsglabel
value label); void setstringproperty(in nsmsgkey akey, in string aproperty, in string a
value); void markimapdeleted(in nsmsgkey key, in boolean deleted, in nsidbchangelistener instigator); void applyretentionsettings(in nsimsgretentionsettings amsgretentionsettings, in boolean adeleteviafolder); boolean hasnew(); void clearnewlist(in boolean notify); void addtonewlist(in nsmsgkey key); vo...
... defaultviewflags nsmsgviewflagstype
value readonly: defaultsorttype nsmsgviewsorttype
value readonly: defaultsortorder nsmsgviewsortorder
value readonly: msghdrcachesize unsigned long folderstream nsioutputstream summaryvalid boolean methods open() opens a database folder.
...odelete() void undodelete(in nsimsgdbhdr msghdr); markmarked() void markmarked(in nsmsgkey key, in boolean mark, in nsidbchangelistener instigator); markoffline() void markoffline(in nsmsgkey key, in boolean offline, in nsidbchangelistener instigator); setlabel() void setlabel(in nsmsgkey key, in nsmsglabel
value label); setstringproperty() void setstringproperty(in nsmsgkey akey, in string aproperty, in string a
value); markimapdeleted() void markimapdeleted(in nsmsgkey key, in boolean deleted, in nsidbchangelistener instigator); applyretentionsettings() purge unwanted message headers and/or bodies.
nsIMsgFilter
throws an exception if the action is not priority attribute nsmsgpriority
value priority; targetfolderuri // target folder..
...throws an exception if the action is not label attribute nsmsglabel
value label; junkscore attribute long junkscore; str
value attribute autf8string str
value; customid // action id if type is custom attribute acstring customid; customaction // custom action associated with customid // (which must be set prior to reading this attribute) readonly attribute nsimsgfiltercustomaction customaction; methods addterm() void nsimsgfilter::addterm ( in nsmsgsearchattrib
value attrib, in nsmsgsearchop
value op, in nsimsgsearch
value value, in boolean booleanand, in acstring arbitraryheader ) getterm() void ...
...nsimsgfilter::getterm ( in long termindex, in nsmsgsearchattrib
value attrib, in nsmsgsearchop
value op, in nsimsgsearch
value value, out boolean booleanand, out acstring arbitraryheader ) appendterm() void nsimsgfilter::appendterm (in nsimsgsearchterm term) createterm() nsimsgsearchterm nsimsgfilter::createterm ( ) matchhdr() void nsimsgfilter::matchhdr ( in nsimsgdbhdr msghdr, in nsimsgfolder folder, in nsimsgdatabase db, in string headers, in unsigned long headersize, out boolean result ) logrulehit() void nsimsgfilter::logrulehit ( in nsimsgruleaction afilteraction, in nsimsgdbhdr aheader ) createaction() nsimsgruleaction nsimsgf...
nsINavHistoryResult
sortingannotation autf8string the annotation to use in sort_by_annotation_* sorting modes; you must set this
value before setting the sortingmode attribute.
...this
value must be one of nsinavhistoryqueryoptions.sort_by_*.
... changing this
value updates the corresponding options for the result so that reusing the current options and queries will always return results based on the current view.
nsIObserver
remarks the specific
values and meanings of the parameters provided varies widely, though, according to where the observer was registered, and what topic is being observed.
...in general, atopic is the primary criterion for such dispatch; nsiobserver implementations should take care that they can handle being called with unknown
values for atopic.
... observer.unregister(); "get everything" - note that "*" is an acceptable
value (be careful with this, because it observes many events, and can degrade performance).
nsIPrefLocalizedString
modules/libpref/public/nsipreflocalizedstring.idlscriptable this interface is simply a wrapper interface for nsisupportsstring so the preferences service can have a unique identifier to distinguish between requests for normal wide strings nsisupportsstring) and 'localized' wide strings, which get their default
values from properites files.
...this
value should not include space for the null terminator, nor should it account for the size of a character.
...return
value returns wstring - the string containing the data stored within this object.
nsIPrivateBrowsingService
similarly, plug-ins can detect whether or not private browsing mode is in effect by using the npn_get
value() function to check the current
value of the npnvprivatemodebool variable.
... you may also turn private browsing mode on and off by setting the
value of this attribute.
... changing this
value while handling one of the notifications generated by the private browsing service throws an ns_error_failure exception.
nsIProcess
in nsiobserver observer, [optional] in boolean holdweak); void runw(in boolean blocking, [array, size_is(count)] in wstring args, in unsigned long count); void runwasync([array, size_is(count)] in wstring args, in unsigned long count, [optional] in nsiobserver observer, [optional] in boolean holdweak); attributes attribute type description exit
value long the
value returned by the process upon exit.
...this
value is only available after the process has started; in addition, some platforms may not offer this
value at all.
...it no longer returns a
value.
nsIProfile
constants profile shutdown types constant
value description shutdown_persist 0x00000001 when shutting down the profile, save all changes.
...appropriate default
values will be copied into the preferences in the new profile.
... return
value true if there is a profile with the specified name.
nsIProgressEventSink
aprogress numeric
value in the range 0 to aprogressmax indicating the number of bytes transfered thus far.
... aprogressmax numeric
value indicating maximum number of bytes that will be transfered (or 0xffffffffffffffff if total is unknown).
...the meaning of this parameter is specific to the
value of the status code.
nsIProtocolProxyCallback
void onproxyavailable( in nsicancelable arequest, in nsiuri auri, in nsiproxyinfo aproxyinfo, in nsresult astatus ); parameters arequest the
value returned from asyncresolve.
...this is a failure code if the request could not be satisfied, in which case the
value of astatus indicates the reason for the failure and aproxyinfo will be null.
... the
value returned from asyncresolve.
nsIProxyInfo
the
value of this attribute is the bit-wise combination of the proxy flags defined below.
... some special
values for this attribute include (but are not limited to) the following: "http" - http proxy (or ssl connect for https) "socks" - socks v5 proxy "socks4" - socks v4 proxy "direct" - no proxy "unknown" - unknown proxy (see nsiprotocolproxyservice.resolve()) a future version of this interface may define additional types.
... constant
value description transparent_proxy_resolves_host 1 << 0 this flag is set if the proxy is to perform name resolution itself.
nsIScriptableUnicodeConverter
after converting, finish should be called and its return
value appended to this return
value.
...should be called after convertfromunicode() and appended to that function's return
value.
... return
value an nsiinputstream that will present the text specified in astring as its data.
nsISmsDatabaseService
ng requestid, [optional] in unsigned long long processid); void createmessagelist(in nsidommozsmsfilter filter, in boolean reverse, in long requestid, [optional] in unsigned long long processid); void getnextmessageinlist(in long listid, in long requestid, [optional] in unsigned long long processid); void clearmessagelist(in long listid); void markmessageread(in long messageid, in boolean
value, in long requestid, [optional] in unsigned long long processid) methods savereceivedmessage() void savereceivedmessage( in domstring asender, in domstring abody, in unsigned long long adate ); parameters asender a domstring with the sender of the text message.
... markmessageread() requires gecko 15.0(firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) void markmessageread( in long messageid, in boolean
value, in long requestid, [optional] in unsigned long long processid ); parameters messageid a number representing the id of the message.
...
value a boolean indicating whether a message is read or unread.
nsISmsRequestManager
constant
value description success_no_error 0 no_signal_error 1 not_found_error 2 unknown_error 3 internal_error 4 methods addrequest() track an already existing request object.
... return
value the request id.
... return
value the request id.
nsISmsService
return
value a smsmessage getnumberofmessagesfortext() unsigned short getnumberofmessagesfortext( in domstring text ); parameters text a domstring text to check.
... return
value the number of multi-part sms needed for a given text (160 characters for one sms).
... boolean hassupport(); return
value boolean.
nsIStringBundleOverride
return
value an enumeration of nsipropertyelement objects for the keys that are overridden in the given string bundle.
...getstringfromname() get the override
value for a particular key in a particular string bundle.
... return
value the override
value.
nsISupportsChar
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for single character
values (often used to store an ascii character).
... methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsDouble
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for double-precision floating-point
values.
... methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsFloat
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for single-precision floating-point
values.
... methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsID
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for boolean
values.
... methods tostring() this method returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRBool
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for boolean
values.
... methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRTime
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for prtime
values.
... methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsITaskbarWindowPreview
constants constant
value description num_toolbar_buttons 7 the maximum number of toolbar buttons supported by the windows taskbar api.
...this
value must be at least 0 (the leftmost button) and less than num_toolbar_buttons.
... return
value an nsitaskbarpreviewbutton describing the requested button.
nsIThread
return
value true if there are pending events at the time the function was called.
...if there aren't any pending events, this method may wait -- depending on the
value of the maywait parameter -- until an event is dispatched to the thread.
... return
value returns true if an event was processed, or false if there were no pending events.
nsITransaction
this method returns a boolean
value that indicates the merge result.
... a true
value indicates that the transactions were merged successfully, a false
value if the merge was not possible or failed.
... return
value missing description redotransaction() executes the transaction again.
nsITreeColumn
constants constant
value description type_text 1 text column type.
...return
value the next nsitreecolumn in the nsitreecolumns.
...return
value the previous nsitreecolumn in the nsitreecolumns.
nsITreeSelection
getrangeat() returns two objects whose
value properties represent the minimum and maximum indices of the given selection range.
...return
value long - number of selection ranges invalidateselection() can be used to invalidate the selection.
... return
value rangedselect() select the range specified by the indices.
nsIURLFormatter
return
value the formatted url.
...if the preference
value cannot be retrieved, a fatal error is reported and the "about:blank" url is returned.
... return
value the formatted url returned by formaturl(), or "about:blank".
nsIUpdate
if the update is not in the "failed" state, this
value is zero.
... return
value an nsiupdatepatch object describing the specified patch.
... return
value the patch object serialized into an nsidomelement.
nsIUploadChannel2
rts last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) method overview void explicitsetuploadstream(in nsiinputstream astream, in acstring acontenttype, in long long acontentlength, in acstring amethod, in boolean astreamhasheaders); methods explicitsetuploadstream() sets a stream to be uploaded by this channel with the specified content-type and content-length header
values.
...acontenttype this
value will replace any existing content-type header on the http request, regardless of whether or not its empty.
... acontentlength a
value of -1 indicates that the length of the stream should be determined by calling the stream's available method.
nsIWebBrowserPersist
it is best to set this
value explicitly unless you are prepared to accept the default
values.
... result unsigned long
value indicating the success or failure of the persist operation.
... constants constant
value description persist_flags_none 0 no special persistence behavior.
nsIWebProgressListener2
this function is identical to nsiwebprogresslistener.onprogresschange(), except that this function supports 64-bit
values.
... note: if any progress
value is unknown, then its
value is replaced with -1.
... return
value true if the refresh may proceed.
nsIXULSortService
obsolete since gecko 1.9 void sort(in nsidomnode anode, in astring asortkey, in astring asorthints); constants constant
value description sort_comparecase 0x0001 sort_integer 0x0100 methods native code only!insertcontainernode obsolete since gecko 1.9 (firefox 3)this feature is obsolete.
...asortkey the
value to be used as the comparison key.
... asorthints one or more hints as to how to sort: ascending: sort the contents in ascending order descending: sort the contents in descending order comparecase: perform case sensitive comparisons integer: treat
values as integers, non-integers are compared as strings twostate: do not allow the natural (unordered state) see also nsixultemplatequeryprocessor ...
nsIXULWindow
constants constant
value description lowestz 0 loweredz 4 the z level of an independent window opened with the "alwayslowered" chrome flag.
... return
value the newly minted window.
... return
value the tree item corresponding to the given id, if any.
nsIZipWriter
constants constant
value description compression_none 0 do not compress the file.
... return
value an nsizipentry object describing the specified entry, or null if there is no such entry.
... return
value true if there is an entry with the given path in the zip file, otherwise returns false.
nsMsgSearchOp
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl typedef long nsmsgsearchop
value; [scriptable, uuid(9160b196-6fcb-4eba-aaaf-6c806c4ee420)] interface nsmsgsearchop { const nsmsgsearchop
value contains = 0; /* for text attributes */ const nsmsgsearchop
value doesntcontain = 1; const nsmsgsearchop
value is = 2; /* is and isn't also apply to some non-text attrs */ const nsmsgsearchop
value isnt = 3; const nsmsgsearchop
value isempty = 4; const nsmsgsearchop
value isbefore = 5; /* for date attributes */ const nsmsgsearchop
value isafter = 6; const nsmsgsearchop
value ishigherthan = 7; /* for priority.
... is also applies */ const nsmsgsearchop
value islowerthan = 8; const nsmsgsearchop
value beginswith = 9; const nsmsgsearchop
value endswith = 10; const nsmsgsearchop
value soundslike = 11; /* for ldap phoenetic matching */ const nsmsgsearchop
value ldapdwim = 12; /* do what i mean for simple search */ const nsmsgsearchop
value isgreaterthan = 13; const nsmsgsearchop
value islessthan = 14; const nsmsgsearchop
value namecompletion = 15; /* name completion operator...as the name implies =) */ const nsmsgsearchop
value isinab = 16; const nsmsgsearchop
value isntinab = 17; const nsmsgsearchop
value isntempty = 18; /* primarily for tags */ const nsmsgsearchop
value matches = 19; /* generic term for use by custom terms */ const nsmsgse...
...archop
value doesntmatch = 20; /* generic term for use by custom terms */ const nsmsgsearchop
value knummsgsearchoperators = 21; /* must be last operator */ }; ...
NS_CStringToUTF16
« xpcom api reference summary the ns_cstringtoutf16 function converts the
value of a nsacstring instance to utf-16 and stores the result in a nsastring instance.
...see nscstringencoding for the set of
values that can be passed for this parameter.
... return
values the ns_cstringtoutf16 function returns ns_ok if successful.
NS_UTF16ToCString
« xpcom api reference summary the ns_utf16tocstring function converts the
value of a nsastring instance from utf-16 to the specified multi-byte encoding and stores the result in a nsacstring instance.
...see nscstringencoding for the set of
values that can be passed for this parameter.
... return
values the ns_utf16tocstring function returns ns_ok if successful.
Frequently Asked Questions
whenever an nscomptr takes on a new
value, it always releases its old
value, if any.
... assigning in the
value 0 is just like assigning in a raw pointer that happens to be null.
...the nscomptr will still exercize logic in its destructor to attempt to release the
value it has at that time.
Using the clipboard
next we create two javascript objects which will hold the return
values from gettransferdata.
...the code below can be used for this purpose: if (str) { var pastetext = str.
value.queryinterface(ci.nsisupportsstring).data; } because the data from the transferable is an nsisupportsstring, we need to convert it into a javascript string.
... the property
value of the object filled in by gettransferdata, which is str in this case, provides the actual
value of the object.
Declaring and Calling Functions
example: no input parameters in this example, we declare the libc clock() function, which returns the elapsed time since system startup, then fetch and output that
value.
... returned
values if the return type can fit into a javascript number without loss (that is, it's a number 32 bits or smaller, or is a double or float), then the function just return a javascript number.
... for everything else it returns a ctypes object representing the return
value (including 64-bit integers).
Plug-in Side Plug-in API - Plugins
npp_get
value allows the browser to query the plug-in for information.
... np_get
value allows the browser to query the plug-in for information.
... npp_set
value sets information about the plug-in.
Examine, modify, and watch variables - Firefox Developer Tools
if a variable exists in the source but has been optimized away by the javascript engine, then it is shown in the variables view, but is given the
value (optimized away), and is not editable.
...just click on the variable's current
value and you'll be able to type there: watch an expression watch expressions are expressions that are evaluated each time execution pauses.
...at that point, a box showing your active watch expressions and their current
values will appear: you can step through your code, watching the
value of the expression as it changes; each time it does, the box will flash briefly yellow.
Debugger.Script - Firefox Developer Tools
nction f() {} // display name: f (the given name) var g = function () {}; // display name: g o.p = function () {}; // display name: o.p var q = { r: function () {} // display name: q.r }; note that the display name may not be a proper javascript identifier, or even a proper expression: we attempt to find helpful names even when the function is not immediately assigned as the
value of some variable or property.
... function properties of the debugger.script prototype object the functions described below may only be called with a this
value referring to a debugger.script instance; they may not be used as methods of other kinds of objects.
...the hit method’s return
value should be a resumption
value, determining how execution should continue.
All keyboard shortcuts - Firefox Developer Tools
command windows macos linux focus on the search box in the css pane ctrl + f cmd + f ctrl + f clear search box content (only when the search box is focused, and content has been entered) esc esc esc step forward through properties and
values tab tab tab step backward through properties and
values shift + tab shift + tab shift + tab start editing property or
value (rules view only, when a property or
value is selected, but not already being edited) enter or space return or space enter or space cycle up and down through auto-complete suggestions (rules view only, when a property or...
...
value is being edited) up arrow , down arrow up arrow , down arrow up arrow , down arrow choose current auto-complete suggestion (rules view only, when a property or
value is being edited) enter or tab return or tab enter or tab increment selected
value by 1 up arrow up arrow up arrow decrement selected
value by 1 down arrow down arrow down arrow increment selected
value by 100 shift + page up shift + page up shift + page up decrement selected
value by 100 shift + page down shift + page down shift + page down increment selected
value by 10 shift + up arrow shift + up arrow shift + up arrow decrement selected
value by 10 shift + down arrow shift + down arrow shi...
...ft + down arrow increment selected
value by 0.1 alt + up arrow (ctrl + up arrow from firefox 60 onwards.) alt + up arrow alt + up arrow (ctrl + up arrow from firefox 60 onwards.) decrement selected
value by 0.1 alt + down arrow (ctrl + down arrow from firefox 60 onwards).
Page inspector keyboard shortcuts - Firefox Developer Tools
command windows macos linux focus on the search box in the css pane ctrl + f cmd + f ctrl + f clear search box content (only when the search box is focused, and content has been entered) esc esc esc step forward through properties and
values tab tab tab step backward through properties and
values shift + tab shift + tab shift + tab start editing property or
value (rules view only, when a property or
value is selected, but not already being edited) enter or space return or space enter or space cycle up and down through auto-complete suggestions (rules view only, when a property or...
...
value is being edited) up arrow , down arrow up arrow , down arrow up arrow , down arrow choose current auto-complete suggestion (rules view only, when a property or
value is being edited) enter or tab return or tab enter or tab increment selected
value by 1 up arrow up arrow up arrow decrement selected
value by 1 down arrow down arrow down arrow increment selected
value by 100 shift + page up shift + page up shift + page up decrement selected
value by 100 shift + page down shift + page down shift + page down increment selected
value by 10 shift + up arrow shift + up arrow shift + up arrow decrement selected
value by 10 shift + down arrow shift + down arrow shi...
...ft + down arrow increment selected
value by 0.1 alt + up arrow (ctrl + up arrow from firefox 60 onwards.) alt + up arrow alt + up arrow (ctrl + up arrow from firefox 60 onwards.) decrement selected
value by 0.1 alt + down arrow (ctrl + down arrow from firefox 60 onwards).
Local Storage / Session Storage - Firefox Developer Tools
when an origin corresponding to local storage or session storage is selected within the storage inspector, the names and
values of all the items corresponding to local storage or session storage will be listed in a table.
... you can edit local and session storage items by double-clicking inside cells in the table widget and editing the
values they contain: you can delete local storage and session storage entries using the context menu: you can also delete local and session storage entries by selecting an item and pressing the delete or backspace key.
... finally, you can add new storage items by clicking the "plus" (+) button and then editing the resulting new row to the
value you want.
Web Audio Editor - Firefox Developer Tools
this list the
values of that node's audioparam properties.
...however, the
value isn't updated in real time: you have to click the node again to see the updated
value.
... if you click on a
value in the node inspector you can modify it: press enter or tab and the new
value takes effect immediately.
AddressErrors.city - Web APIs
an object based on addresserrors includes a city property when validation of the address fails for the
value given for the address's city property.
... syntax var cityerror = addresserrors.city;
value if the
value specified in the paymentaddress object's city property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the city
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.country - Web APIs
an object based on addresserrors includes a country property if during validation of the address the specified
value of country was determined to be invalid.
... the
value is a string describing the error and should offer suggestions for how to correct it.
... syntax var countryerror = addresserrors.country;
value if an error occurred during validation of the address due to the country property having an invalid
value, this property is set to a domstring providing a human-readable error message explaining the validation error.
AddressErrors.languageCode - Web APIs
syntax var languageerror = addresserrors.languagecode;
value if the
value specified in the paymentaddress object's languagecode property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... this validation might be as simple as ensuring the text of the string is compliant with the syntax defined in bcp-47, or as detailed as actually verifying that the specified string matches a
value from a database.
... if the languagecode
value was validated successfully, this property is not included in the addresserrors object.
AesCtrParams - Web APIs
a given counter block
value must never be used more than once with the same key: given a message n blocks long, a different counter block must be used for every block.
... typically this is achieved by splitting the initial counter block
value into two concatenated parts: a nonce (that is, a number that may only be used once).
... counter a buffersource — the initial
value of the counter block.
AnalyserNode.frequencyBinCount - Web APIs
this generally equates to the number of data
values you will have to play with for the visualization.
... syntax var arraylength = analysernode.frequencybincount;
value an unsigned integer, equal to the number of
values that analysernode.getbytefrequencydata() and analysernode.getfloatfrequencydata() copy into the provided typedarray.
... for technical reasons related to how the fast fourier transform is defined, it is always half the
value of analysernode.fftsize.
Animation.playState - Web APIs
the animation.playstate property of the web animations api returns and sets an enumerated
value describing the playback state of an animation.
... syntax var currentplaystate = animation.playstate; animation.playstate = newstate;
value idle the current time of the animation is unresolved and there are no pending tasks.
... previously, web animations defined a pending
value to indicate that some asynchronous operation such as initiating playback was yet to complete.
Animation - Web APIs
properties animation.currenttime the current time
value of the animation in milliseconds, whether running or paused.
... if the animation lacks a timeline, is inactive or hasn't been played yet, its
value is null.
... animation.playstate read only returns an enumerated
value describing the playback state of an animation.
AnimationEvent() - Web APIs
animationname optional a domstring containing the
value of the animation-name css property associated with the transition.
...for an "animationstart" event, elapsedtime is 0.0 unless there was a negative
value for animation-delay, in which case the event will be fired with elapsedtime containing (-1 * delay).
... return
value a new animationevent, initialized per any provided options.
AnimationEvent.initAnimationEvent() - Web APIs
the following
values are allowed:
value meaning animationstart the animation has started.
... animationnamearg a domstring containing the
value of the animation-name css property associated with the transition.
...for an "animationstart" event, elapsedtime is 0.0 unless there was a negative
value for animation-delay, in which case the event will be fired with elapsedtime containing (-1 * delay).
AudioBufferSourceNode.buffer - Web APIs
if the buffer property is set to the
value null, the node generates a single channel containing silence (that is, every sample is 0).
... syntax audiobuffersourcenode.buffer = soundbuffer;
value an audiobuffer which contains the data representing the sound which the node will play.
... var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; //just random
values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } // get an audiobuffersourcenode.
AudioContext.getOutputTimestamp() - Web APIs
the getoutputtimestamp() property of the audiocontext interface returns a new audiotimestamp object containing two audio timestamp
values relating to the current audio context.
... the two
values are as follows: audiotimestamp.contexttime: the time of the sample frame currently being rendered by the audio output device (i.e., output audio stream position), in the same units and origin as the context's audiocontext.currenttime.
... audiotimestamp.performancetime: an estimation of the moment when the sample frame corresponding to the stored contexttime
value was rendered by the audio output device, in the same units and origin as performance.now().
AudioParamMap - Web APIs
the web audio api interface audioparammap represents a set of multiple audio parameters, each described as a mapping of a domstring identifying the parameter to the audioparam object representing its
value.
... properties the audioparammap object is accessed as a map in which each parameter is identified by a name string which is mapped to an audioparam containing the
value of that parameter.
...
values() ?
AudioTrack.language - Web APIs
syntax var audiotracklanguage = audiotrack.language;
value a domstring specifying the bcp 47 (rfc 5646) format language tag of the primary language used in the audio track, or an empty string ("") if the language is not specified or known, or if the track doesn't contain speech.
... for example, if the primary language used in the track is united states english, this
value would be "en-us".
... for brazilian portuguese, the
value would be "pt-br".
AuthenticatorAssertionResponse.userHandle - Web APIs
the same
value may be found on the id property of the options.user object (used for the creation of the publickeycredential instance).
... syntax userhandle = authenticatorassertionresponse.userhandle
value an arraybuffer object which is an opaque identifier for the current user.
...username, e-mail, phone number, etc.) examples var options = { challenge: new uint8array(26), // will be another
value, provided by the relying party server timeout: 60000 }; navigator.credentials.get({ publickey: options }) .then(function (assertionpkcred) { var userhandle = assertionpkcred.response.userhandle; // send response and client extensions to the server so that it can // go on with the authentication }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'userhandle' in that specification.
AuthenticatorResponse.clientDataJSON - Web APIs
syntax var arraybuffer = authenticatorattestationresponse.clientdatajson; var arraybuffer = authenticatorassertionresponse.clientdatajson;
value an arraybuffer.
...the original
value is passed via publickeycredentialrequestoptions.challenge or publickeycredentialcreationoptions.challenge.
...we should expect the relying party's id to be a suffix of this
value.
BaseAudioContext.createBuffer() - Web APIs
the default
value is 1, and all user agents must support at least 32 channels.
... exceptions notsupportederror one or more of the options are negative or otherwise has an invalid
value (such as numberofchannels being higher than supported, or a samplerate outside the nominal range).
... var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create an empty three-second stereo buffer at the sample rate of the audiocontext var myarraybuffer = audioctx.createbuffer(2, audioctx.samplerate * 3, audioctx.samplerate); // fill the buffer with white noise; // just random
values between -1.0 and 1.0 for (var channel = 0; channel < myarraybuffer.numberofchannels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < myarraybuffer.length; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; }...
BaseAudioContext.createGain() - Web APIs
syntax var gainnode = audiocontext.creategain(); return
value a gainnode which takes as input one or more audio sources and outputs audio whose volume has been adjusted in gain (volume) to a level specified by the node's gainnode.gain a-rate parameter.
... example the following example shows basic usage of an audiocontext to create a gainnode, which is then used to mute and unmute the audio when a mute button is clicked by changing the gain property
value.
... gainnode.gain.set
valueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "unmute"; } else { gainnode.gain.set
valueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'creategain()' in that specification.
BasicCardRequest.supportedNetworks - Web APIs
syntax supportednetworks : [
value [, ...
...
value]]
value an array containing one or more domstrings, which describe the card networks the retailer supports.
... legal
values are defined in the w3c's document card network identifiers approved for use with payment request api, and are currently: amex cartebancaire diners discover jcb mastercard mir unionpay visa example the following example shows a sample definition of the first parameter of the paymentrequest() constructor, the data property of which contains supportednetworks and supportedtypes properties.
BatteryManager.charging - Web APIs
a boolean
value indicating whether or not the device's battery is currently being charged.
... syntax var charging = battery.charging on return, charging indicates whether or not the battery, which is a batterymanager object, is currently being charged; if the battery is charging, this
value is true.
... otherwise, the
value is false.
BiquadFilterNode.detune - Web APIs
syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.detune.
value = 100; note: though the audioparam returned is read-only, the
value it represents is not.
...
value an a-rate audioparam.
...olver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.
value = 1000; biquadfilter.gain.
value = 25; biquadfilter.detune.
value = 100; specifications specification status comment web audio apithe definition of 'detune' in that specification.
Bluetooth.getAvailability() - Web APIs
for a returns a boolean which is true if the deveice has a bluetooth adapter and false otherwise (unless user configured user agent not to expose a real
value).
...also, user can configure user agent to return a fixed
value instead of a real one.
... return
value a promise that resolves with boolean.
CSSStyleDeclaration.removeProperty() - Web APIs
syntax var old
value = style.removeproperty(property); parameters property is a domstring representing the property name to be removed.
... return
value old
value is a domstring equal to the
value of the css property before it was removed.
... example the following javascript code removes the background-color css property from a selector rule: var declaration = document.stylesheets[0].rules[0].style; var old
value = declaration.removeproperty('background-color'); specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.removeproperty()' in that specification.
CSSStyleDeclaration - Web APIs
cssstyledeclaration.getproperty
value() returns the property
value given a property name.
... cssstyledeclaration.getpropertycss
value() only supported via getcomputedstyle in firefox.
... returns the property
value as a cssprimitive
value or null for shorthand properties.
CSSStyleSheet.ownerRule - Web APIs
if the stylesheet wasn't imported into the document using @import, the returned
value is null.
... syntax var ownerrule = cssstylesheet.ownerrule;
value a cssimportrule corresponding to the @import rule which imported the stylesheet into the document.
... if the stylesheet wasn't imported into the document using @import, the returned
value is null.
CSS Object Model (CSSOM) - Web APIs
reference animationevent caretposition css csscharsetrule cssconditionrule csscounterstylerule cssfontfacerule cssfontfeature
valuesmap cssfontfeature
valuesrule cssgroupingrule cssimportrule csskeyframerule csskeyframesrule cssmarginrule cssmediarule cssnamespacerule csspagerule cssrule cssrulelist cssstyledeclaration cssstylesheet cssstylerule csssupportsrule cssvariablesmap cssviewportrule elementcssinlinestyle fontface fontfaceset fontfacesetloadevent geometryutils getstyleutils linkstyle medialist mediaquerylist mediaquerylistevent mediaquerylist...
... css typed object model cssimage
value csskeyword
value cssmathinvert cssmathmax cssmathmin cssmathnegate cssmathproduct cssmathsum cssmath
value cssmatrixcomponent cssnumericarray cssnumeric
value cssperspective cssposition
value cssrotate cssscale cssskew cssskewx cssskewy cssstyle
value csstransformcomponent csstransform
value csstranslate cssunit
value cssunparsed
value cssvariablereference
value stylepropertymap stylepropertymapreadonly obsolete cssom interfaces c...
...ssprimitive
value css
value css
valuelist tutorials determining the dimensions of elements (it needs some updating as it was made in the dhtml/ajax era).
CSS Painting API - Web APIs
concepts and usage essentially, the css painting api contains functionality allowing developers to create custom
values for paint(), a css <image> function.
... you can then apply these
values to properties like background-image to set complex custom backgrounds on an element.
... paintsize returns the read-only
values of the output bitmap's width and height.
Cache - Web APIs
note: the key matching algorithm depends on the vary header in the
value.
... so matching a new key requires looking at both key and
value for entries in the cache.
... var expectedcachenamesset = new set(object.
values(current_caches)); event.waituntil( caches.keys().then(function(cachenames) { return promise.all( cachenames.map(function(cachename) { if (!expectedcachenamesset.has(cachename)) { // if this cache name isn't present in the set of "expected" cache names, then delete it.
CacheStorage.match() - Web APIs
for example, if set to true, the ?
value=bar part of http://foo.com/?
value=bar would be ignored when performing a match.
... return
value a promise that resolves to the matching response.
... self.addeventlistener('fetch', function(event) { event.respondwith(caches.match(event.request).then(function(response) { // caches.match() always resolves // but in case of success response will have
value if (response !== undefined) { return response; } else { return fetch(event.request).then(function (response) { // response may be used only once // we need to save clone to put one copy in cache // and serve second one let responseclone = response.clone(); caches.open('v1').then(function (cache) { cache.put(event.request, resp...
CanvasRenderingContext2D.addHitRegion() - Web APIs
possible
values: nonzero: the non-zero winding rule.
...(if you don't see the full smiley, check the browser compatibility table to see if your current browser supports hit regions already; you might need to activate a preference.) playable code <canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> <div class="playable-buttons"> <input id="edit" type="button"
value="edit" /> <input id="reset" type="button"
value="reset" /> </div> <textarea id="code" class="playable-code" style="height:250px"> ctx.beginpath(); ctx.arc(100, 100, 75, 0, 2 * math.pi, false); ctx.linewidth = 5; ctx.stroke(); // eyes ctx.beginpath(); ctx.arc(70, 80, 10, 0, 2 * math.pi, false); ctx.arc(130, 80, 10, 0, 2 * math.pi, false); ctx.fill(); ctx.addhitregion({id: "eyes"}); // mouth ct...
...x.beginpath(); ctx.arc(100, 110, 50, 0, math.pi, false); ctx.stroke();</textarea> var canvas = document.getelementbyid("canvas"); var ctx = canvas.getcontext("2d"); var textarea = document.getelementbyid("code"); var reset = document.getelementbyid("reset"); var edit = document.getelementbyid("edit"); var code = textarea.
value; function drawcanvas() { ctx.clearrect(0, 0, canvas.width, canvas.height); eval(textarea.
value); } reset.addeventlistener("click", function() { textarea.
value = code; drawcanvas(); }); edit.addeventlistener("click", function() { textarea.focus(); }); canvas.addeventlistener("mousemove", function(event){ if(event.region) { alert("ouch, my eye :("); } }); textarea.addeventlistener("input", drawcanvas); window.addeventlistener("load", drawcanvas); ...
CanvasRenderingContext2D.fillStyle - Web APIs
syntax ctx.fillstyle = color; ctx.fillstyle = gradient; ctx.fillstyle = pattern; options color a domstring parsed as css <color>
value.
...to achieve this, we use the two variables i and j to generate a unique rgb color for each square, and only modify the red and green
values.
... (the blue channel has a fixed
value.) by modifying the channels, you can generate all kinds of palettes.
CanvasRenderingContext2D.getImageData() - Web APIs
positive
values are to the right, and negative to the left.
...positive
values are down, and negative are up.
... return
value an imagedata object containing the image data for the rectangle of the canvas specified.
CanvasRenderingContext2D.imageSmoothingEnabled - Web APIs
on getting the imagesmoothingenabled property, the last
value it was set to is returned.
... syntax ctx.imagesmoothingenabled =
value; options
value a boolean indicating whether to smooth scaled images or not.
... the default
value is true.
CanvasRenderingContext2D.lineWidth - Web APIs
syntax ctx.linewidth =
value; options
value a number specifying the line width, in coordinate space units.
... zero, negative, infinity, and nan
values are ignored.
... this
value is 1.0 by default.
CanvasRenderingContext2D.strokeStyle - Web APIs
syntax ctx.strokestyle = color; ctx.strokestyle = gradient; ctx.strokestyle = pattern; options color a domstring parsed as css <color>
value.
...to achieve this, we use the two variables i and j to generate a unique rgb color for each circle, and only modify the green and blue
values.
... (the red channel has a fixed
value.) <canvas id="canvas" width="150" height="150"></canvas> var ctx = document.getelementbyid('canvas').getcontext('2d'); for (let i = 0; i < 6; i++) { for (let j = 0; j < 6; j++) { ctx.strokestyle = `rgb( 0, ${math.floor(255 - 42.5 * i)}, ${math.floor(255 - 42.5 * j)})`; ctx.beginpath(); ctx.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0, math.pi * 2, true); ctx.stroke(); } } the result looks like this: screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.strokestyle' in that specification.
Manipulating video using canvas - Web APIs
2]; if (g > 100 && r > 100 && b < 43) frame.data[i * 4 + 3] = 0; } this.ctx2.putimagedata(frame, 0, 0); return; } when this routine is called, the video element is displaying the most recent frame of video data, which looks like this: in line 2, that frame of video is copied into the graphics context ctx1 of the first canvas, specifying as the height and width the
values we previously saved to draw the frame at half size.
... the for loop that begins on line 6 scans through the frame's pixels, pulling out the red, green, and blue
values for each pixel, and compares the
values against predetermined numbers that are used to detect the green screen that will be replaced with the still background image imported from foo.png.
... every pixel in the frame's image data that is found that is within the parameters that are considered to be part of the green screen has its alpha
value replaced with a zero, indicating that the pixel is entirely transparent.
Transformations - Web APIs
the current
values of the following attributes: strokestyle, fillstyle, globalalpha, linewidth, linecap, linejoin, miterlimit, linedashoffset, shadowoffsetx, shadowoffsety, shadowblur, shadowcolor, globalcompositeoperation, font, textalign, textbaseline, direction, imagesmoothingenabled.
...
values that are smaller than 1.0 reduce the unit size and
values above 1.0 increase the unit size.
...
values of 1.0 leave the units the same size.
ChannelMergerNode() - Web APIs
if not specified, the default
value used is 6.
... return
value a new channelmergernode object instance.
... exceptions invalidstateerror an option such as channelcount or channelcountmode has been given an invalid
value.
Using channel messaging - Web APIs
onload); function onload() { // listen for button clicks button.addeventlistener('click', onclick); // listen for messages on port1 port1.onmessage = onmessage; // transfer port2 to the iframe iframe.contentwindow.postmessage('init', '*', [channel.port2]); } // post a message on port1 when the button is clicked function onclick(e) { e.preventdefault(); port1.postmessage(input.
value); } // handle messages received on port1 function onmessage(e) { output.innerhtml = e.data; input.
value = ''; } we start off by creating a new message channel by using the messagechannel() constructor.
... when our button is clicked, we prevent the form from submitting as normal and then send the
value entered in our text input to the iframe via the messagechannel.
... // handle messages received on port1 function onmessage(e) { output.innerhtml = e.data; input.
value = ''; } when a message is received back from the iframe confirming that the original message was received successfully, this simply outputs the confirmation to a paragraph and empties the text input ready for the next message to be sent.
Client.type - Web APIs
syntax var myclienttype = client.type;
value a string, representing the client type.
... the
value can be one of "window" "worker" "sharedworker" example // service worker client (e.g.
...your message was: " + e.data); // let's also post the type
value back to the client e.source.postmessage(e.source.type); }); specifications specification status comment service workersthe definition of 'type' in that specification.
CloseEvent.initCloseEvent() - Web APIs
the closeevent.initcloseevent() method initializes the
value of a close event once it's been created (normally using the document.createevent() method).
...sets the
value of event.bubbles.
...sets the
value of event.cancelable.
Console.countReset() - Web APIs
examples for example, given code like this: let user = ""; function greet() { console.count(); return "hi " + user; } user = "bob"; greet(); user = "alice"; greet(); greet(); console.count(); console.countreset(); console output will look something like this: "default: 1" "default: 2" "default: 3" "default: 4" "default: 0" note that the call to console.counterreset() resets the
value of the default counter to zero.
...bel argument with the string "bob" to the first invocation of count(), and the string "alice" to the second: let user = ""; function greet() { console.count(user); return "hi " + user; } user = "bob"; greet(); user = "alice"; greet(); greet(); console.countreset("bob"); console.count("alice"); we will see output like this: "bob: 1" "alice: 1" "alice: 2" "bob: 0" "alice: 3" resetting the
value of the counter "bob" only changes the
value of that counter.
... the
value of "alice" is unchanged.
console - Web APIs
console.countreset() resets the
value of the counter with the given label.
... console.timelog() logs the
value of the specified timer to the console.
... %f outputs a floating-point
value.
Console API - Web APIs
the console api provides functionality to allow developers to perform debugging tasks, such as logging messages or the
values of variables at set points in your code, or timing how long an operation takes to complete.
...find out about these at: google chrome devtools implementation safari devtools implementation usage is very simple — the console object — available via window.console, or workerglobalscope.console in workers; accessible using just console — contains many methods that you can call to perform rudimentary debugging tasks, generally focused around logging various
values to the browser's web console.
... by far the most commonly-used method is console.log, which is used to log the current
value contained inside a specific variable.
ConstantSourceNode() - Web APIs
the constantsourcenode() constructor creates a new constantsourcenode object instance, representing an audio source which constantly outputs samples whose
values are always the same.
... options a constantsourceoptions dictionary object defining the properties you want the constantsourcenode to have: offset: a read-only audioparam specifying the constant
value generated by the source.
...the normal range is -1.0 to 1.0, but the
value can be anywhere in the range from -infinity to +infinity.
ConvolverNode.normalize - Web APIs
its default
value is true in order to achieve a more uniform output level from the convolver, when loaded with diverse impulse responses.
...changes to this
value do not take effect until the next time the buffer attribute is set.
... syntax var audioctx = new audiocontext(); var convolver = audioctx.createconvolver(); convolver.normalize = false;
value a boolean.
DOMParser - Web APIs
in the case of an html document, you can also replace portions of the dom with new dom trees built from html by setting the
value of the element.innerhtml and outerhtml properties.
...this string determines a class of the the method's return
value.
... the possible
values are the following: mimetype doc.constructor text/html document text/xml xmldocument application/xml xmldocument application/xhtml+xml xmldocument image/svg+xml xmldocument examples parsing xml once you have created a parser object, you can parse xml from a string using the parsefromstring() method: let parser = new domparser() let doc = parser.parsefromstring(stringcontainingxmlsource, "application/xml") error handling note that if the parsing process fails, the domparser does not throw an exception, but instead returns an error document: <parsererror xmlns="http://www.mozilla.org/newlayout/xml/parsererror.xml"> (error description) <sourcetext>(a s...
DOMPoint.w - Web APIs
the dompoint interface's w property holds the point's perspective
value, w, for a point in space.
... syntax var perspective = dompoint.w;
value a double-precision floating-point
value indicating the w perspective
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DOMPoint.x - Web APIs
in general, positive
values x mean to the right, and negative
values of x means to the left, barring any transforms that may have altered the orientation of the axes.
... syntax var xpos = dompoint.x;
value a double-precision floating-point
value indicating the x coordinate's
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DOMPoint.y - Web APIs
unless transforms have been applied to alter the orientation, the
value of y increases downward and decreases upward.
... syntax var ypos = dompoint.y;
value a double-precision floating-point
value indicating the y coordinate's
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DOMPoint.z - Web APIs
unless transforms have changed the orientation, a z of 0 is the plane of the screen, with positive
values extending outward toward the user from the screen, and negative
values receding into the distance behind the screen.
... syntax var zpos = dompoint.z;
value a double-precision floating-point
value indicating the z coordinate's
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DOMPointReadOnly.x - Web APIs
in general, positive
values x mean to the right, and negative
values of x means to the left, assuming no transforms have resulted in a reversal.
... syntax const xpos = somedompointreadonly.x;
value a double-precision floating-point
value indicating the x coordinate's
value for the point.
... this
value is unrestricted, meaning that it is allowed to be infinite or invalid (that is, its
value may be nan or ±infinity).
DOMPointReadOnly - Web APIs
first, you can use its constructor, passing in the
values of the parameters for each dimension and, optionally, the perspective: /* 2d */ const point = new dompointreadonly(50, 50); /* 3d */ const point = new dompointreadonly(50, 50, 25); /* 3d with perspective */ const point = new dompointreadonly(100, 100, 100, 1.0); the other option is to use the static dompointreadonly.frompoint() method: const point = dompointreadonly.frompoint({x: 100, y: 100, z: 50; w: 1.0}); constructor dompointreadonly() creates a new dompointreadonly ob...
...ject given the
values of its coordinates and perspective.
... dompointreadonly.w read only the point's perspective
value, w.
DOMRectReadOnly - Web APIs
domrectreadonly.top read only returns the top coordinate
value of the domrect (usually the same as y.) domrectreadonly.right read only returns the right coordinate
value of the domrect (usually the same as x + width).
... domrectreadonly.bottom read only returns the bottom coordinate
value of the domrect (usually the same as y + height).
... domrectreadonly.left read only returns the left coordinate
value of the domrect (usually the same as x).
DOMTokenList.keys() - Web APIs
return
value returns an iterator.
...we when retrieve an iterator containing the keys using
values(), then iterate through those keys using a for ...
... first, the html: <span class="a b c"></span> now the javascript: var span = document.queryselector("span"); var classes = span.classlist; var iterator = classes.keys(); for(var
value of iterator) { span.textcontent +=
value + ' ++ '; } the output looks like this: specifications specification status comment domthe definition of 'keys() (as iterable<node>)' in that specification.
DataTransfer.mozCursor - Web APIs
the possible
values are: auto uses the default system behavior.
... note: if any
value other than default is set, auto is assumed.
... syntax datatransfer.mozcursor; return
value a domstring representing one of the
values listed above.
DedicatedWorkerGlobalScope.postMessage() - Web APIs
the data may be any
value or javascript object handled by the structured clone algorithm, which includes cyclical references.
...this may be any
value or javascript object handled by the structured clone algorithm, which includes cyclical references.
...as seen above, if you want to pass multiple
values you can send an array.
DeprecationReportBody - Web APIs
the deprecationreportbody interface of the reporting api represents the body of a deprecation report (the return
value of its report.body property).
...istitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let key
value = reports[i].body[key]; innerlistitem.textcontent = key + ': ' + key
value; innerlist.appendchild(innerlistitem); } } } the reports parameter contains an array of all the reports in the observer's report queue.
... we loop over each report using a basic for loop, then iterate over each entry of in the report's body (a deprecationreportbody instance) using a for...in structure, displaying each key/
value pair inside a list item.
DeviceMotionEvent.accelerationIncludingGravity - Web APIs
unlike devicemotionevent.acceleration which compensates for the influence of gravity, its
value is the sum of the acceleration of the device as induced by the user and the acceleration caused by gravity.
... this
value is not typically as useful as devicemotionevent.acceleration, but may be the only
value available on devices that aren't able of removing gravity from the acceleration data, such as on devices that don't have a gyroscope.
... syntax var acceleration = devicemotionevent.accelerationincludinggravity;
value the accelerationincludinggravity property is an object providing information about acceleration on three axis.
DeviceOrientationEvent.DeviceOrientationEvent() - Web APIs
options optional options are as follows: alpha: a number representing the motion of the device around the z axis, express in degrees with
values ranging from 0 to 360.
... beta: a number representing the motion of the device around the x axis, express in degrees with
values ranging from -180 to 180.
... gamma: a number representing the motion of the device around the y axis, express in degrees with
values ranging from -90 to 90.
DisplayMediaStreamConstraints - Web APIs
properties audio a boolean or mediatrackconstraints
value; if a boolean, this
value simply indicates whether or not to include an audio track in the mediastream returned by getdisplaymedia().
...the default
value is false.
...a
value of false is not permitted, and results in a typeerror being thrown.
Document.fullscreenEnabled - Web APIs
syntax var isfullscreenavailable = document.fullscreenenabled;
value a boolean
value which is true if the document and the elements within can be placed into full-screen mode by calling element.requestfullscreen().
... if full-screen mode isn't available, this
value is false.
... example in this example, before attempting to request full-screen mode for a <video> element, the
value of fullscreenenabled is checked, in order to avoid making the attempt when not available.
Document.importNode() - Web APIs
note: in the dom4 specification, deep was an optional argument with a default
value of true.
...the new default
value is false.
... return
value the copied importednode in the scope of the importing document.
Document.lastStyleSheetSet - Web APIs
this property's
value changes whenever the document.selectedstylesheetset property is changed.
...if the current style sheet set has not been changed by setting document.selectedstylesheetset, the returned
value is null.
... note: this
value doesn't change when document.enablestylesheetsforset() is called.
Document.requestStorageAccess() - Web APIs
the user is never shown a prompt in this case, and calling requeststorageaccess() won’t have any side effects besides changing the
value returned by document.hasstorageaccess().
...for example, if you want to configure firefox to automatically grant access on the first site where requeststorageaccess() is called and then prompt afterwards, you should adjust the
value of the dom.storage_access.max_concurrent_auto_grants preference to 1.
... return
value a promise that fulfills with undefined if the access to first-party storage was granted, and rejects if access was denied.
Document.visibilityState - Web APIs
possible
values are: 'visible' the page content may be at least partially visible.
...the document may start in this state, but will never transition to it from another
value.
... when the
value of this property changes, the visibilitychange event is sent to the document.
DynamicsCompressorNode.reduction - Web APIs
intended for metering purposes, it returns a
value in db, or 0 (no gain reduction) if no signal is fed into the dynamicscompressornode.
... the range of this
value is between -20 and 0 (in db).
... syntax var myreduction = compressornodeinstance.reduction;
value a float.
DynamicsCompressorNode - Web APIs
dynamicscompressornode.threshold read only is a k-rate audioparam representing the decibel
value above which the compression will start taking effect.
... dynamicscompressornode.knee read only is a k-rate audioparam containing a decibel
value representing the range above the threshold where the curve smoothly transitions to the compressed portion.
... // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.set
valueattime(-50, audioctx.currenttime); compressor.knee.set
valueattime(40, audioctx.currenttime); compressor.ratio.set
valueattime(12, audioctx.currenttime); compressor.attack.set
valueattime(0, audioctx.currenttime); compressor.release.set
valueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = function() { ...
Element: MSGestureHold event - Web APIs
bubbles unknown cancelable unknown interface msgestureevent event handler property unknown the uievent.detail property of an msgesturehold event has 3 possible
values: msgesture_flag_begin this
value indicates that the user started contacting the touch surface.
... msgesture_flag_end this
value indicates that the user has stopped touching the touch surface.
... msgesture_flag_end & msgesture_flag_cancel (bitwise and-ed together) this
value indicates that the user has moved their finger, regardless of whether they also stopped touching the touch surface specifications not part of any specification.
Element.attributes - Web APIs
to be more specific, attributes is a key/
value pair of strings that represents any information regarding that attribute.
... the following example runs through the attribute nodes for the element in the document with id "paragraph", and prints each attribute's
value.
...ttributes() { var paragraph = document.getelementbyid("paragraph"); var result = document.getelementbyid("result"); // first, let's verify that the paragraph has some attributes if (paragraph.hasattributes()) { var attrs = paragraph.attributes; var output = ""; for(var i = attrs.length - 1; i >= 0; i--) { output += attrs[i].name + "->" + attrs[i].
value; } result.
value = output; } else { result.
value = "no attributes to show"; } } </script> </head> <body> <p id="paragraph" style="color: green;">sample paragraph</p> <form action=""> <p> <input type="button"
value="show first attribute name and
value" onclick="listattributes();"> <input id="result" type="text"
value=""> </p> </form> </body...
Element.hasAttributeNS() - Web APIs
hasattributens returns a boolean
value indicating whether the current element has the specified attribute.
... syntax result = element.hasattributens(namespace,localname) result is the boolean
value true or false.
... example // check that the attribute exists before you set a
value var d = document.getelementbyid("div1"); if (d.hasattributens( "http://www.mozilla.org/ns/specialspace/", "special-align")) { d.setattribute("align", "center"); } notes dom methods dealing with element's attributes: not namespace-aware, most commonly used methods namespace-aware variants (dom level 2) dom level 1 methods for dealing with attr nodes directly (seldom used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributeno...
Element.insertAdjacentText() - Web APIs
return
value void.
... exceptions exception explanation syntaxerror the position specified is not a recognised
value.
... example beforebtn.addeventlistener('click', function() { para.insertadjacenttext('afterbegin',textinput.
value); }); afterbtn.addeventlistener('click', function() { para.insertadjacenttext('beforeend',textinput.
value); }); have a look at our insertadjacenttext.html demo on github (see the source code too.) here we have a simple paragraph.
Element.onfullscreenchange - Web APIs
syntax targetdocument.onfullscreenchange = fullscreenchangehandler;
value an event handler for the fullscreenchange event, indicating that the element has changed in or out of full-screen mode.
...this function determines which element it was called on by checking the
value of event.target, then compares the document's fullscreenelement
value to the element to see if they're the same node.
... this gives us a
value, isfullscreen, which we pass into a function called adjustmycontrols(), which we imagine to be a function that makes adjustments to the app's user interface to present itself optimally when it's in full-screen mode versus being displayed in a window.
Element.querySelector() - Web APIs
return
value the first descendant element of baseelement which matches the specified group of selectors.
... if no matches are found, the returned
value is null.
... find a specific element with specific
values of an attribute in this first example, the first <style> element which either has no type or has type "text/css" in the html document body is returned: var el = document.body.queryselector("style[type='text/css'], style:not([type])"); the entire hierarchy counts this example demonstrates that the hierarchy of the entire document is considered when applying selectors, so that levels outside the specified baseelement are still considered when locating matches.
Element.scrollWidth - Web APIs
the scrollwidth
value is equal to the minimum width the element would require in order to fit all the content in the viewport without using a horizontal scrollbar.
...if the element's content can fit without a need for horizontal scrollbar, its scrollwidth is equal to clientwidth this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
Element.setAttributeNS() - Web APIs
setattributens adds a new attribute or changes the
value of an attribute with the given namespace and name.
... syntax element.setattributens(namespace, name,
value) namespace is a string specifying the namespace of the attribute.
...
value is the desired string
value of the new attribute.
Element.tagName - Web APIs
syntax elementname = element.tagname;
value a string indicating the element's tag name.
...if an xml document includes a tag "<sometag>", then the tagname property's
value is "sometag".
... for element objects, the
value of tagname is the same as the
value of the nodename property the element object inherits from node.
Element.toggleAttribute() - Web APIs
force optional a boolean
value to determine whether the attribute should be added or removed, no matter whether the attribute is present or not at the moment.
... return
value true if attribute name is eventually present, and false otherwise.
... html <input
value="text"> <button>toggleattribute("readonly")</button> javascript var button = document.queryselector("button"); var input = document.queryselector("input"); button.addeventlistener("click", function(){ input.toggleattribute("readonly"); }); result dom methods dealing with element's attributes: not namespace-aware, most commonly used methods namespace-aware variants (dom level 2) dom level 1 methods for dealing with attr nodes directly (seldom used) dom level 2 namespace-aware methods for dealing with attr nodes direct...
Event.composed - Web APIs
syntax const iscomposed = event.composed;
value a boolean which is true if the event will cross from the shadow dom into the standard dom after reaching the shadow root.
... if this
value is false, the shadow root will be the last node to be offered the event.
... you'll notice a difference in the
value of composedpath for the two elements.
Event.initEvent() - Web APIs
the event.initevent() method is used to initialize the
value of an event created using document.createevent().
...once set, the read-only property event.bubbles will give its
value.
...once set, the read-only property event.cancelable will give its
value.
EventSource - Web APIs
if there is an event field in the incoming message, the triggered event is the same as the event field
value.
...possible
values are connecting (0), open (1), or closed (2).
... additionally, the event source itself may send messages with an event field, which will create ad-hoc events keyed to that
value.
FileError - Web APIs
see error codes for possible
values.
... error codes note: do not rely on the numeric
values of the constants, which might change as the specifications continue to change.
... constant
value description encoding_err 5 the url is malformed.
FileSystemFlags.create - Web APIs
syntax filesystemflags.create = boolean
value values the table below describes the result of each possible combination of these flags depending on whether or not the target file or directory path already exists.
... option
values file/directory condition result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
... [1] when create is false, the
value of exclusive is irrelevant and ignored.
FileSystemFlags.exclusive - Web APIs
syntax filesystemflags.exclusive = boolean
value values the table below describes the result of each possible combination of these flags depending on whether or not the target file or directory path already exists.
... option
values file/directory condition result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
... [1] when create is false, the
value of exclusive is irrelevant and ignored.
File and Directory Entries API - Web APIs
the synchronous api is intended to be used inside a worker and will return the
values you desire.
... the asynchronous api will not block and functions and the api will not return
values; instead, you will need to supply a callback function to handle the response whenever it arrives.
... filesystemflags defines a set of
values which are used when specifying option flags when calling certain methods in the file and directory entries api.
FormData() - Web APIs
syntax var formdata = new formdata(form) parameters form optional an html <form> element — when specified, the formdata object will be populated with the form's current keys/
values using the name property of each element for the keys and their submitted
value for the
values.
... example the following line creates an empty formdata object: var formdata = new formdata(); // currently empty you could add a key/
value pair to this using formdata.append: formdata.append('username', 'chris'); or you can specify the optional form argument when creating the formdata object, to prepopulate it with
values from the specified form: <form id="myform" name="myform"> <div> <label for="username">enter name:</label> <input type="text" id="username" name="username"> </div> <div> <label for="useracc">enter account number:</label> <input type="text" id="useracc" name="useracc"> </div> <div> <label for="userfile">upload file:</label> <input type="file" id="userfile" name="userfile"> </div> <input type="s...
...ubmit"
value="submit!"> </form> note: only successful form controls are included in a formdata object, i.e.
FormData.getAll() - Web APIs
the getall() method of the formdata interface returns all the
values associated with a given key from within a formdata object.
... returns an array of formdataentry
values whose key matches the
value passed in the name parameter.
... example the following line creates an empty formdata object: var formdata = new formdata(); if we add two username
values using formdata.append: formdata.append('username', 'chris'); formdata.append('username', 'bob'); the following getall() function will return both username
values in an array: formdata.getall('username'); // returns ["chris", "bob"] specifications specification status comment xmlhttprequestthe definition of 'getall()' in that specification.
Gamepad.timestamp - Web APIs
the
value must be relative to the navigationstart attribute of the performancetiming interface.
...
values are monotonically increasing, meaning that they can be compared to determine the ordering of updates, as newer
values will always be greater than or equal to older
values.
... syntax readonly attribute domhighrestimestamp timestamp; example var gp = navigator.getgamepads()[0]; console.log(gp.timestamp);
value a domhighrestimestamp.
GeolocationCoordinates.heading - Web APIs
this
value, specified in degrees, indicates how far off from heading due north the device is.
...if the device is not able to provide heading information, this
value is null.
... syntax let heading = geolocationcoordinatesinstance.heading
value a double representing the direction in which the device is traveling.
GeolocationPosition.coords - Web APIs
it contains the location, that is longitude and latitude on the earth, the altitude, and the speed of the object concerned, regrouped inside the returned
value.
... it also contains accuracy information about these
values.
... syntax let coord = geolocationpositioninstance.coords
value a geolocationcoordinates object instance.
GlobalEventHandlers.onchange - Web APIs
change events fire when the user commits a
value change to a form control.
... note: unlike oninput, the onchange event handler is not necessarily called for each alteration to an element's
value.
... html <input type="text" placeholder="type something here, then click outside of the field." size="50"> <p id="log"></p> javascript let input = document.queryselector('input'); let log = document.getelementbyid('log'); input.onchange = handlechange; function handlechange(e) { log.textcontent = `the field's
value is ${e.target.
value.length} character(s) long.`; } result specification specification status comment html living standardthe definition of 'onchange' in that specification.
GlobalEventHandlers.oninput - Web APIs
note: unlike oninput, the onchange event handler is not necessarily called for each alteration to an element's
value.
... syntax target.oninput = functionref;
value functionref is a function name or a function expression.
... html <input type="text" placeholder="type something here to see its length." size="50"> <p id="log"></p> javascript let input = document.queryselector('input'); let log = document.getelementbyid('log'); input.oninput = handleinput; function handleinput(e) { log.textcontent = `the field's
value is ${e.target.
value.length} character(s) long.`; } result specifications specification status comment html living standardthe definition of 'oninput' in that specification.
HTMLAnchorElement.download - Web APIs
the
value, if any, specifies the default file name for use in labeling the resource in a local file system.
... note: this
value might not be used for download.
... this
value cannot be used to determine whether the download will occur.
msAudioCategory - Web APIs
syntax <audio controls="controls" msaudiocategory="backgroundcapablemedia"> </audio> the msaudiocategory property offers a variety of
values that can enhance the behavior of your audio-aware app.
...
value include a description of the property's
value, including data type and what it represents.
...
value description background capable?
msAudioDeviceType - Web APIs
for real-time communications, you can use the msaudiodevicetype property with the
value console, multimedia, or communications to specify where the current audio should output.
...
value include a description of the property's
value, including data type and what it represents.
...
value description console specifies that the audio output will be sent to the console device.
HTMLBaseFontElement - Web APIs
htmlbasefontelement.size is a domstring representing the font size as either a numeric or relative
value.
... numeric
values range from 1 to 7 with 1 being the smallest and 3 the default.
... relative
value starts with a '+' or a '-'.
HTMLCanvasElement.captureStream() - Web APIs
syntax mediastream = canvas.capturestream(framerate); parameters framerate optional a double-precision floating-point
value that indicates the rate of capture of each frame.
... return
value a reference to a mediastream object, which has a single canvascapturemediastreamtrack in it.
... exceptions notsupportederror the
value of framerate is negative.
HTMLCanvasElement.toBlob() - Web APIs
if this argument is anything else, the default
values 0.92 and 0.80 are used for image/jpeg and image/webp respectively.
... return
value none.
...the
value of the download attribute is the name it will use as the file name.
HTMLDialogElement.open - Web APIs
syntax dialoginstance.open = true; var myopen
value = dialoginstance.open;
value a boolean representing the state of the open html attribute.
... the property is now read only — it is possible to set the
value to programmatically show or hide the dialog.
...utton> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.return
value = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } } // update button opens a modal dialog updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); }); // form cancel button closes the d...
HTMLDialogElement - Web APIs
htmldialogelement.return
value a domstring that sets or returns the return
value for the dialog.
...an optional domstring may be passed as an argument, updating the return
value of the the dialog.
...utton> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.return
value = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } } // update button opens a modal dialog updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); }); // form cancel button closes the d...
HTMLElement: beforeinput event - Web APIs
the dom beforeinput event fires when the
value of an <input>, <select>, or <textarea> element is about to be modified.
... bubbles yes cancelable yes interface inputevent event handler property none sync / async sync composed yes default action update the dom element examples this example logs current
value of the element immediately before replacing that
value with the new one applied to the <input> element.
... html <input placeholder="enter some text" name="name"/> <p id="
values"></p> javascript const input = document.queryselector('input'); const log = document.getelementbyid('
values'); input.addeventlistener('beforeinput', update
value); function update
value(e) { log.textcontent = e.target.
value; } result specifications specification status ui eventsthe definition of 'beforeinput event' in that specification.
HTMLElement.dir - Web APIs
firefox uses ctrl/cmd + shift + x but does not update the dir attribute
value.
... newwritingdirection is a string variable representing the text writing direction
value.
... possible
values for dir are ltr, for left-to-right, rtl, for right-to-left, and auto for specifying that the direction of the element must be determined based on the contents of the element.
HTMLElement.hidden - Web APIs
the htmlelement property hidden is a boolean which is true if the element is hidden; otherwise the
value is false.
... syntax ishidden = htmlelement.hidden; htmlelement.hidden = true | false;
value a boolean which is true if the element is hidden from view; otherwise, the
value is false.
... the follow-up panel once the user clicks the "ok" button in the welcome panel, the javascript code swaps the two panels by changing their respective
values for hidden.
HTMLElement.innerText - Web APIs
syntax const renderedtext = htmlelement.innertext htmlelement.innertext = string
value a domstring representing the rendered text content of an element.
... if the element itself is not being rendered (e.g detached from the document or is hidden from view), the returned
value is the same as the node.textcontent property.
...extarea id="textcontentoutput" rows="6" cols="30" readonly>...</textarea> <h3>result of innertext:</h3> <textarea id="innertextoutput" rows="6" cols="30" readonly>...</textarea> javascript const source = document.getelementbyid("source"); const textcontentoutput = document.getelementbyid("textcontentoutput"); const innertextoutput = document.getelementbyid("innertextoutput"); textcontentoutput.
value = source.textcontent; innertextoutput.
value = source.innertext; result specification specification status comment html living standardthe definition of 'innertext' in that specification.
HTMLElement.offsetWidth - Web APIs
syntax var intelemoffsetwidth = element.offsetwidth; intelemoffsetwidth is a variable storing an integer corresponding to the offsetwidth pixel
value of the element.
... this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
Image() - Web APIs
syntax var htmlimageelement = new image(width, height); parameters width the width of the image (i.e., the
value for the width attribute).
... height the height of the image (i.e., the
value for the height attribute).
...if no size is specified in the constructor both pairs of properties have the same
values.
HTMLImageElement.alt - Web APIs
syntax htmlimageelement.alt = alttext; let alttext = htmlimageelement.alt;
value a domstring which contains the alternate text to display when the image is not loaded or for use by assistive devices.
... decorative images images with no semantic meaning—such as those which are solely decorative—or of limited informational
value, should have their alt attributes set to the empty string ("").
... for a chart, the text could describe the items in the chart and their
values.
HTMLImageElement.crossOrigin - Web APIs
syntax htmlimageelement.crossorigin = crossoriginmode; let crossoriginmode = htmlimageelement.crossorigin;
value a domstring of a keyword specifying the cors mode to use when fetching the image resource.
... permitted
values are: anonymous requests by the <img> element have their mode set to cors and their credentials mode set to same-origin.
... const imageurl = "https://mdn.mozillademos.org/files/16797/clock-demo-400px.png"; const container = document.queryselector(".container"); function loadimage(url) { const image = new image(200, 200); image.addeventlistener("load", () => container.prepend(image) ); image.addeventlistener("error", () => { const errmsg = document.createelement("output"); errmsg.
value = `error loading image at ${url}`; container.append(errmsg); }); image.crossorigin = "anonymous"; image.alt = ""; image.src = url; } loadimage(imageurl); html <div class="container"> <p>here's a paragraph.
HTMLImageElement.isMap - Web APIs
the htmlimageelement proeprty ismap is a boolean
value which indicates that the image is to be used by a server-side image map.
... syntax htmlimageelement.ismap = true|false; let ismap = htmlimageelement.ismap;
value a boolean
value which is true if the image is being used for a server-side image map; otherwise, the
value is false.
... the browser then fetches that url from the server and displays or downloads it depending on the
value of the download attribute.
HTMLImageElement.naturalHeight - Web APIs
the htmlimageelement interface's naturalheight property is a read-only
value which returns the intrinsic (natural), density-corrected height of the image in css pixels.
... syntax let naturalheight = htmlimageelement.naturalheight;
value an integer
value indicating the intrinsic height, in css pixels, of the image.
... this is the height at which the image is naturally drawn when no constraint or specific
value is established for the image.
HTMLImageElement.naturalWidth - Web APIs
syntax let naturalwidth = htmlimageelement.naturalwidth;
value an integer
value indicating the intrinsic width of the image, in css pixels.
... this is the width at which the image is naturally drawn when no constraint or specific
value is established for the image.
... this natural width is corrected for the pixel density of the device on which it's being presented, unlike the
value of width.
HTMLImageElement.srcset - Web APIs
syntax htmlimageelement.srcset = imagecandidatestrings; let srcset = htmlimageelement.srcset;
value a usvstring containing a comma-separated list of one or more image candidate strings to be used when determining which image resource to present inside the <img> element represented by the htmlimageelement.
...this is written by stating the pixel density as a positive, non-zero floating-point
value followed by the lower-case letter "x".
...also provided is the word-break attribute, using the break-all
value to tell the browser to wrap the string within the width available regardless of where in the string the wrap must occur.
HTMLInputElement: invalid event - Web APIs
examples if a form is submitted with an invalid
value, the submittable elements are checked and, if an error is found, the invalid event will fire on the invalid element.
... in this example, when an invalid event fires because of an invalid
value in the input, the invalid
value is logged.
... html <form action="#"> <ul> <li><label>enter an integer between 1 and 10: <input type="number" min="1" max="10" required></label></li> <li><input type="submit"
value="submit"></li> </ul> </form><p id="log"></p> javascript const input = document.queryselector('input') const log = document.getelementbyid('log') input.addeventlistener('invalid', log
value) function log
value(e) { log.textcontent += e.target.
value } result specifications specification status comment html living standardthe definition of 'invalid event' in that specification.
HTMLMediaElement.defaultPlaybackRate - Web APIs
syntax var dspeed = video.defaultplaybackrate; audio.defaultplaybackrate = 1.0;
value a double.
... 1.0 is "normal speed,"
values lower than 1.0 make the media play slower than normal, higher
values make it play faster.
... the
value 0.0 is invalid and throws a not_supported_err exception.
HTMLMediaElement.duration - Web APIs
syntax myduration = htmlmediaelement.duration
value a double-precision floating-point
value indicating the duration of the media in seconds.
... if no media data is available, the
value nan is returned.
... if the element's media doesn't have a known duration—such as for live media streams—the
value of duration is +infinity.
HTMLMediaElement.playbackRate - Web APIs
the normal playback rate is multiplied by this
value to obtain the current rate, so a
value of 1.0 indicates normal speed.
... syntax // video video.playbackrate = 1.5; // audio audio.playbackrate = 1.0;
value a double.
... 1.0 is "normal speed,"
values lower than 1.0 make the media play slower than normal, higher
values make it play faster.
HTMLMediaElement.src - Web APIs
the htmlmediaelement.src property reflects the
value of the html media element's src attribute, which indicates the url of a media resource to use in the element.
... note: the best way to know the url of the media resource currently in active use in this element is to look at the
value of the currentsrc attribute, which also takes into account selection of a best or preferred media resource from a list provided in an htmlsourceelement (which represents a <source> element).
... syntax var mediaurl = htmlmediaelement.src;
value a usvstring object containing the url of a media resource to use in the element; this property reflects the
value of the html element's src attribute.
HTMLObjectElement.setCustomValidity - Web APIs
return
value undefined exceptions none.
... examples in this example, we pass the id of an input element, and set different error messages depending on whether the
value is missing, too low or too high.
... function validate(inputid) { var input = document.getelementbyid(inputid); var validitystate_object = input.validity; if (validitystate_object.
valuemissing) { input.setcustomvalidity('you gotta fill this out, yo!'); input.reportvalidity(); } else if (input.rangeunderflow) { input.setcustomvalidity('we need a higher number!'); input.reportvalidity(); } else if (input.rangeoverflow) { input.setcustomvalidity('thats too high!'); input.reportvalidity(); } else { input.setcustomvalidity(''); input.reportvalidity(); } } it's vital to set the message to an empty string if there are no errors.
HTMLOrForeignElement.dataset - Web APIs
accessing
values attributes can be set and read by using the camelcase name (the key) like an object property of the dataset, as in element.dataset.keyname attributes can also be set and read using the bracket syntax, as in element.dataset[keyname] the in operator can be used to check whether a given attribute exists.
... setting
values when an attribute is set, its
value is always converted into a string.
... syntax const dataattrmap = element.dataset
value a domstringmap.
HTMLElement.focus() - Web APIs
this object may contain the following property: preventscroll optional a boolean
value indicating whether or not the browser should scroll the document to bring the newly-focused element into view.
... a
value of false for preventscroll (the default) means that the browser will scroll the element into view after focusing it.
... examples focus on a text field javascript focusmethod = function getfocus() { document.getelementbyid("mytextfield").focus(); } html <input type="text" id="mytextfield"
value="text field."> <p></p> <button type="button" onclick="focusmethod()">click me to focus on the text field!</button> result focus on a button javascript focusmethod = function getfocus() { document.getelementbyid("mybutton").focus(); } html <button type="button" id="mybutton">click me!</button> <p></p> <button type="button" onclick="focusmethod()">click me to focus on the button!</button> result focus with focusoption javascript focusscrollmethod = function getfocus() { document.getelementbyid("mybutton"...
HTMLSelectElement.type - Web APIs
syntax var str = selectelt.type; the possible
values are: "select-multiple" if multiple
values can be selected.
... "select-one" if only one
value can be selected.
... example switch (select.type) { case 'select-multiple': // multiple
values may be selected break; case 'select-one': // only one
value may be selected break; default: // non-standard
value (or this isn't a select element) } specifications specification status comment html living standardthe definition of 'htmlselectelement' in that specification.
HTMLStyleElement.scoped - Web APIs
the htmlstyleelement.scoped property is a boolean
value indicating if the element applies to the whole document (false) or only to the parent's sub-tree (true).
... by default it contains the
value of the scoped content attribute.
... syntax
value = style.scoped; style.scoped = true; ...
HTMLVideoElement - Web APIs
htmlvideoelement.videoheight read only returns an unsigned integer
value indicating the intrinsic height of the resource in css pixels, or 0 if no media is available yet.
... htmlvideoelement.videowidth read only returns an unsigned integer
value indicating the intrinsic width of the resource in css pixels, or 0 if no media is available yet.
...
value set to true indicates source is stereo 3d.
History.go() - Web APIs
you can use it to move forwards and backwards through the history depending on the
value of a parameter.
...a negative
value moves backwards, a positive
value moves forwards.
...if no
value is passed or if delta equals 0, it has the same result as calling location.reload().
History - Web APIs
state read only returns an any
value representing the state at the top of the history stack.
...if you specify an out-of-bounds
value (for instance, specifying -1 when there are no previously-visited pages in the session history), this method silently has no effect.
... calling go() without parameters or a
value of 0 reloads the current page.
IDBCursor.advance() - Web APIs
typeerror the
value passed into the count parameter was zero or a negative number.
... note that in each iteration of the loop, you can grab data from the current record under the cursor object using cursor.
value.foo.
...e live.) function advanceresult() { list.innerhtml = ''; var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.
value.albumtitle + '</strong>, ' + cursor.
value.year; list.appendchild(listitem); cursor.advance(2); } else { console.log('every other entry displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'advance()' in that specification.
IDBCursor.key - Web APIs
syntax var key = cursor.key;
value a
value of any type.
...also note that in each iteration of the loop, you can grab data from the current record under the cursor object using cursor.
value.foo.
...see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.
value.albumtitle + ', ' + cursor.
value.year; list.appendchild(listitem); console.log(cursor.key); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'key' in that specification.
IDBCursor.primaryKey - Web APIs
syntax var
value = cursor.primarykey;
value a
value of any data type.
...also note that in each iteration of the loop, you can grab data from the current record under the cursor object using cursor.
value.foo.
...see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.
value.albumtitle + ', ' + cursor.
value.year; list.appendchild(listitem); console.log(cursor.primarykey); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'primarykey' in that specification.
IDBCursor.source - Web APIs
syntax var source = cursor.source;
value the idbobjectstore or idbindex that the cursor is iterating over.
...also note that in each iteration of the loop, you can grab data from the current record under the cursor object using cursor.
value.foo.
...see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.
value.albumtitle + ', ' + cursor.
value.year; list.appendchild(listitem); console.log(cursor.source); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'source' in that specification.
IDBCursorSync - Web APIs
see constants for possible
values.
...
value any the
value for the record at the cursor's position.
... constants constant
value description next 0 this cursor includes duplicates, and its direction is monotonically increasing in the order of keys.
IDBDatabase.transaction() - Web APIs
valid
values are: "default", "strict", and "relaxed".
... details optional dictionary of other settings, supported only by chrome: return
value an idbtransaction object.
... typeerror the
value for the mode parameter is invalid.
IDBFactory.open() - Web APIs
experimental gecko options object options (version and storage) optional in gecko, since version 26, you can include a non-standard options object as a parameter of idbfactory.open that contains the version number of the database, plus a storage
value that specifies whether you want to use persistent or temporary storage.
... return
value a idbopendbrequest object on which subsequent events related to this request are fired.
... exceptions this method may raise a domexception of the following types: exception description typeerror the
value of version is zero or a negative number or not a number.
IDBIndex.count() - Web APIs
return
value a idbrequest object on which subsequent events related to this operation are fired.
....objectstore('contactslist'); var myindex = objectstore.index('lname'); var countrequest = myindex.count(); countrequest.onsuccess = function() { console.log(countrequest.result); } myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'count()' in that specification.
IDBIndex.getAllKeys() - Web APIs
if this
value is null or missing, the browser will use an unbound key range.
...if this
value exceeds the number of records in the query, the browser will only retrieve the first item.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
IDBIndex.keyPath - Web APIs
syntax var mykeypath = myindex.keypath;
value any data type that can be used as a key path.
...nsaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.keypath); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'keypath' in that specification.
IDBIndex.name - Web APIs
syntax var indexname = idbindex.name; idbindex.name = indexname;
value a domstring specifying a name for the index.
...transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.name); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'name' in that specification.
IDBIndex.objectStore - Web APIs
syntax var myidbobjectstore = myindex.objectstore;
value an idbobjectstore.
...tion = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.objectstore); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'objectstore' in that specification.
IDBLocaleAwareKeyRange - Web APIs
the idblocaleawarekeyrange interface of the indexeddb api is a firefox-specific version of idbkeyrange — it functions in exactly the same fashion, and has the same properties and methods, but it is intended for use with idbindex objects when the original index had a locale
value specified upon its creation (see createindex()'s optionalparameters) — that is, it has locale aware sorting enabled.
... examples function displaydata() { var keyrange
value = idblocaleawarekeyrange.bound("a", "f"); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); var myindex = objectstore.index('lname'); myindex.opencursor(keyrange
value).onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerht...
...ml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.
value.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications not currently part of any specification.
IDBObjectStore.add() - Web APIs
the add() method of the idbobjectstore interface returns an idbrequest object, and, in a separate thread, creates a structured clone of the
value, and stores the cloned
value in the object store.
... syntax var request = objectstore.add(
value); var request = objectstore.add(
value, key); parameters
value the
value to be stored.
... constrainterror an insert operation failed because the primary key constraint was violated (due to an already existing record with the same primary key
value).
IDBObjectStore.createIndex() - Web APIs
objectparameters optional an idbindexparameters object, which can include the following properties: attribute description unique if true, the index will not allow duplicate
values for a single key.
...any sorting operations performed on the data via key ranges will then obey sorting rules of that locale (see locale-aware sorting.) you can specify its
value in one of three ways: string: a string containing a specific locale code, e.g.
... return
value an idbindex object: the newly created index.
IDBObjectStore.get() - Web APIs
if a
value is successfully found, then a structured clone of it is created and set as the result of the request object.
... note: this method produces the same result for: a) a record that doesn't exist in the database and b) a record that has an undefined
value.
... return
value an idbrequest object on which subsequent events related to this operation are fired.
IDBObjectStore.index() - Web APIs
return
value an idbindex object for accessing the index.
...leentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.
value.id + '</td>' + '<td>' + cursor.
value.lname + '</td>' + '<td>' + cursor.
value.fname + '</td>' + '<td>' + cursor.
value.jtitle + '</td>' + '<td>' + cursor.
value.company + '</td>' + '<td>' + cursor.
value.email + '</td>' + '<td>' + cursor.val...
...ue.phone + '</td>' + '<td>' + cursor.
value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'index()' in that specification.
IDBObjectStore.openKeyCursor() - Web APIs
valid
values are "next", "nextunique", "prev", and "prevunique".
... return
value an idbrequest object on which subsequent events related to this operation are fired.
... through all the records in the object store: var transaction = db.transaction("name", "readonly"); var objectstore = transaction.objectstore("name"); var request = objectstore.openkeycursor(); request.onsuccess = function(event) { var cursor = event.target.result; if(cursor) { // cursor.key contains the key of the current record being iterated through // note that there is no cursor.
value, unlike for opencursor // this is where you'd do something with the result cursor.continue(); } else { // no more results } }; specifications specification status comment indexed database api 2.0the definition of 'openkeycursor()' in that specification.
IDBRequest.error - Web APIs
syntax var myerror = request.error;
value a domerror containing the relevant error.
...k dog"; // open up a transaction as usual var objectstore = db.transaction(['todolist'], "readwrite").objectstore('todolist'); // get the do-do list with the specified title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified
value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; objectstoretitlerequest.onerror = function() {...
... full support 14safari ios full support 8samsung internet android full support 1.5 full support 1.5 no support 1.5 — 7.0prefixed prefixed implemented with the vendor prefix: webkitdomexception
value instead of domerrorchrome full support 48edge full support ≤18firefox full support 58ie no support noopera full support yessafari no support ...
IDBTransaction - Web APIs
nsaction is created, not when the first request is placed; for example consider this: var trans1 = db.transaction("foo", "readwrite"); var trans2 = db.transaction("foo", "readwrite"); var objectstore2 = trans2.objectstore("foo") var objectstore1 = trans1.objectstore("foo") objectstore2.put("2", "key"); objectstore1.put("1", "key"); after the code is executed the object store should contain the
value "2", since trans2 should run after trans1.
...the default
value is readonly.
...(bug 888598) transactions can have one of three modes: constant
value description read_only "readonly" (0 in chrome) allows data to be read but not changed.
IdleDeadline.didTimeout - Web APIs
the read-only didtimeout property on the idledeadline interface is a boolean
value which indicates whether or not the idle callback is being invoked because the timeout interval specified when window.requestidlecallback() was called has expired.
...your callback will typically check the
value of didtimeout if it needs to perform an action even if the browser is too busy to grant you the time; you should react by performing the needed task or, ideally, a minimal amount of work that can be done to keep things moving along, then schedule a new callback to try again to get the rest of the work done.
... syntax var timedout = idledeadline.didtimeout;
value a boolean which is true if the callback is running due to the callback's timeout period elapsing or false if the callback is running because the user agent is idle and is offering time to the callback.
IdleDeadline - Web APIs
properties idledeadline.didtimeout read only a boolean whose
value is true if the callback is being executed because the timeout specified when the idle callback was installed has expired.
... methods idledeadline.timeremaining() returns a domhighrestimestamp, which is a floating-point
value providing an estimate of the number of milliseconds remaining in the current idle period.
... if the idle period is over, the
value is 0.
ImageCapture.takePhoto() - Web APIs
the user agent selects the closest height
value to this setting if it only supports discrete heights.
...the user agent selects the closest width
value to this setting if it only supports discrete widths.
... return
value a promise that resolves with a blob.
compareVersion - Web APIs
version an installversion object containing version information or a string in the format major.minor.release.build, where major, minor, release, and build are integer
values representing version information.
...in particular, this method returns one of the following
values: -5 component not present or not registered.
... the following constants can be used to check the
value returned by compareversion: int major_diff = 4; int minor_diff = 3; int rel_diff = 2; int bld_diff = 1; int equal = 0; in communicator 4.5, the following constants are defined and available for checking the
value returned by compareversion: <code>installtrigger.major_diff installtrigger.minor_diff installtrigger.rel_diff installtrigger.bld_diff installtrigger.equal </code> description the ...
IntersectionObserver.IntersectionObserver() - Web APIs
a
value of 0.0 means that even a single visible pixel counts as the target being visible.
... return
value a new intersectionobserver which can be used to watch for the visibility of a target element within the specified root crossing through any of the specified visibility thresholds.
... rangeerror one or more of the
values in threshold is outside the range 0.0 to 1.0.
IntersectionObserver.rootMargin - Web APIs
syntax var marginstring = intersectionobserver.rootmargin;
value a string, formatted similarly to the css margin property's
value, which contains offsets for one or more sides of the root's bounding box.
... these offsets are added to the corresponding
values in the root's bounding box before the intersection between the resulting rectangle and the target element's bounds.
...the browser is permitted to alter the
values if rootmargin isn't specified when the object was instantiated, it defaults to the string "0px 0px 0px 0px", meaning that the intersection will be computed between the root element's unmodified bounds rectangle and the target's bounds.
IntersectionObserver - Web APIs
if no root
value was passed to the constructor or its
value is null, the top-level document's viewport is used.
...the
value returned by this property may not be the same as the one specified when calling the constructor as it may be changed to match internal requirements.
...if no
value was passed to the constructor, 0 is used.
KeyboardLayoutMap.forEach() - Web APIs
syntax keyboardlayoutmap.foreach(function callback(current
value[, index[, array]]) { //your iterator }[, thisarg]); parameters callback the function to execute for each element, taking three arguments: current
value the
value of the current element being processed.
... thisarg optional
value to use as this (i.e the reference object) when executing callback.
... return
value undefined.
KeyboardLayoutMap.get() - Web APIs
a list of valid keys is found in the ui events keyboardevent code
values spec.
... syntax var
value = keyboardlayoutmap.get(key) parameters key the key of the item to return from the map.
... return
value the
value of the specified key.
KeyboardLayoutMap - Web APIs
a list of valid keys is found in the ui events keyboardevent code
values specification.
... properties keyboardlayoutmap.entries read only 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).
... keyboardlayoutmap.
values read only returns a new array iterator object that contains the
values for each index in the keyboardlayoutmap object.
KeyframeEffect.iterationComposite - Web APIs
the iterationcomposite property of a keyframeeffect resolves how the animation's property
value changes accumulate or override each other upon each of the animation's iterations.
... syntax // getting var iterationcompositeenumeration = keyframeeffect.iterationcomposite; // setting keyframeeffect.iterationcomposite = 'replace';
values replace the keyframeeffect
value produced is independent of the current iteration.
... accumulate subsequent iterations of the keyframeeffect build on the final
value of the previous iteration.
MediaDevices.ondevicechange - Web APIs
syntax mediadevices.ondevicechange = eventhandler;
value a function you provide which accepts as input a event object describing the devicechange event that occurred.
...this uses destructuring assignment (a new feature of ecmascript 6) to assign the
values of the first three items in the array returned by string.match() to the variables kind, type, and direction.
... we do this because the
value of mediadeviceinfo.kind is a single string that includes both the media type and the direction the media flows, such as "audioinput" or "videooutput".
load() - Web APIs
the mediakeysession.load() method returns a promise that resolves to a boolean
value after loading data for a specified session object.
... syntax mediakeysession.load(sessionid).then(function(boolean
value) { ...
... return
value a promise that resolves to a boolean indicating whether the load succeeded or failed.
MediaKeySession - Web APIs
this
value is determined by the cdm and measured in milliseconds since january 1, 1970, utc.
... this
value may change during a session lifetime, such as when an action triggers the start of a window.
... mediakeysession.load() returns a promise that resolves to a boolean
value after loading data for a specified session object.
MediaKeyStatusMap.forEach() - Web APIs
the foreach property of the mediakeystatusmap interface calls callback once for each key-
value pair in the status map, in insertion order.
... syntax mediakeystatusmap.foreach(callback[, thisarg]) parameters callback function to execute for each element, taking three arguments: current
value the current element being processed in the array.
... thisarg optional
value used as this when executing callback.
MediaKeyStatusMap.get() - Web APIs
the get property of the mediakeystatusmap interface returns the
value associated with the given key, or undefined if there is none.
... syntax var
value = mediakeystatusmap.get(key); parameters key the key whose
value you want returned.
... returns the
value associated with the given key, or undefined.
MediaList.mediaText - Web APIs
syntax medialistinstance.mediatext; medialistinstance.mediatext = string;
value a domstring representing the media queries of a stylesheet.
... if you wish to set new media queries on the document, the string
value must have the different queries separated by commas, e.g.
...the
value will be set to "".
MediaPositionState.duration - Web APIs
syntax let positionstate = { duration: durationinseconds }; let durationinseconds = positionstate.duration;
value a floating-point
value indicating the overall duration, in seconds, of the media being performed.
... this
value should always be positive.
... to indicate media of unknown or indeterminate length, such as an ongoing live stream, specify a
value of positive infinity (infinity).
Media Session action types - Web APIs
values each of the actions is a common media session control request.
...if you intend to perform multiple seekto operations in rapid succession, you can also specify the mediasessionactiondetails property fastseek property with a
value of true.
... audio.currenttime = math.max(audio.currenttime - skiptime, 0); }); supporting multiple actions in one handler function you can also, if you prefer, use a single function to handle multiple action types, by checking the
value of the mediasessionactiondetails object's action property: let skiptime = 7; navigator.mediasession.setactionhandler("seekforward", handleseek); navigator.mediasession.setactionhandler("seekbackward", handleseek); function handleseek(details) { switch(details.action) { case "seekforward": audio.currenttime = math.min(audio.currenttime + skiptime, audio.duration); ...
MediaSessionActionDetails.fastSeek - Web APIs
the boolean property fastseek in the mediasessionactiondetails dictionary is an optional
value which, when specified and true, indicates that the requested seekto operation is part of an ongoing series of seekto operations.
... syntax let mediasessionactiondetails = { fastseek: shouldfastseek }; let shouldfastseek = mediasessionactiondetails.fastseek;
value a boolean which is true if the action is part of an ongoing series of seek actions which should be treated as part of an overall seek operation.
... if the
value is false or this property isn't present, the seek is final.
MediaSource.setLiveSeekableRange() - Web APIs
if the duration of the media source is positive infinity, then the timeranges object returned by the htmlmediaelement.seekable property will have a start timestamp no greater than this
value.
...if the duration of the media source is positive infinity, then the timeranges object returned by the htmlmediaelement.seekable property will have an end timestamp no less than this
value.
... return
value undefined example // tbd specifications specification status comment media source extensionsthe definition of 'setliveseekablerange()' in that specification.
MediaStreamConstraints.audio - Web APIs
syntax var audioconstraints = true | false | mediatrackconstraints;
value the
value of the audio property can be specified as either of two types: boolean if a boolean
value is specified, it simply indicates whether or not an audio track should be included in the returned stream; if it's true, an audio track is included; if no audio source is available or if permission is not given to use the audio source, the call to getusermedia() will fail.
... mediatrackconstraints a constraints dictionary detailing the preferable and/or required
values or ranges of
values for the track's constrainable properties.
... using a boolean
value in this example, we provide a simple
value of true for the audio property.
MediaStreamConstraints.video - Web APIs
syntax var videoconstraints = true | false | mediatrackconstraints;
value the
value of the video property can be specified as either of two types: boolean if a boolean
value is specified, it simply indicates whether or not a video track should be included in the returned stream; if it's true, a video track is included; if no video source is available or if permission is not given to use the video source, the call to getusermedia() will fail.
... mediatrackconstraints a constraints dictionary detailing the preferable and/or required
values or ranges of
values for the track's constrainable properties.
... examples using a boolean
value in this example, we provide a simple
value of true for the video property.
MediaStreamTrack.applyConstraints() - Web APIs
the applyconstraints() method of the mediastreamtrack interface applies a set of constraints to the track; these constraints let the web site or app establish ideal
values and acceptable ranges of
values for the constrainable properties of the track, such as frame rate, dimensions, echo cancelation, and so forth.
... syntax const appliedpromise = track.applyconstraints([constraints]) parameters constraints optional a mediatrackconstraints object listing the constraints to apply to the track's constrainable properties; any existing constraints are replaced with the new
values specified, and any constrainable properties not included are restored to their default constraints.
... return
value a promise which resolves when the constraints have been successfully applied.
MediaStreamTrackAudioSourceNode - Web APIs
the range slider below the <video> element controls the amount of gain given to the lowpass filter — increase the
value of the slider to make the audio sound more bass heavy!
... video.muted = true; }; // create a mediastreamaudiosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.
value = 1000; biquadfilter.gain.
value = range.
value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // get new mouse pointer coordinates when mouse is mov...
...ed // then set new gain
value range.oninput = function() { biquadfilter.gain.
value = range.
value; } }) .catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('getusermedia not supported on your browser!'); } // dump script to pre element pre.innerhtml = myscript.innerhtml; note: as a consequence of calling createmediastreamsource(), audio playback from the media stream will be re-routed into the processing graph of the audiocontext.
MediaTrackSettings.aspectRatio - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.aspectratio property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.aspectratio as returned by a call to mediadevices.getsupportedconstraints().
... syntax var aspectratio = mediatracksettings.aspectratio;
value a double-precision floating-point number indicating the current configuration of the track's aspect ratio.
MediaTrackSettings.frameRate - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.framerate property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.framerate as returned by a call to mediadevices.getsupportedconstraints().
... syntax var framerate = mediatracksettings.framerate;
value a double-precision floating-point number indicating the current configuration of the track's frame rate, in frames per second.
MediaTrackSettings.height - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.height property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.height as returned by a call to mediadevices.getsupportedconstraints().
... syntax var height = mediatracksettings.height;
value an integer
value indicating the height, in pixels, of the video track as currently configured.
MediaTrackSettings.latency - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.latency property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.latency as returned by a call to mediadevices.getsupportedconstraints().
... syntax var latency = mediatracksettings.latency;
value a double-precision floating-point number indicating the estimated latency, in seconds, of the audio track as currently configured.
MediaTrackSettings.sampleSize - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.samplesize property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.samplesize as returned by a call to mediadevices.getsupportedconstraints().
... syntax var samplesize = mediatracksettings.samplesize;
value an integer
value indicating how many bits each audio sample is represented by.
MediaTrackSettings.width - Web APIs
this lets you determine what
value was selected to comply with your specified constraints for this property's
value as described in the mediatrackconstraints.width property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the
value of mediatracksupportedconstraints.width as returned by a call to mediadevices.getsupportedconstraints().
... syntax var width = mediatracksettings.width;
value an integer
value indicating the width, in pixels, of the video track as currently configured.
MouseEvent.button - Web APIs
syntax var buttonpressed = instanceofmouseevent.button return
value a number representing a given button: 0: main button pressed, usually the left button or the un-initialized state 1: auxiliary button pressed, usually the wheel button or the middle button (if present) 2: secondary button pressed, usually the right button 3: fourth button, typically the browser back button 4: fifth button, typically the browser forward button as noted above, buttons may...
...others may have many buttons mapped to different functions and button
values.
... obsolete compared to document object model (dom) level 2 events specification, the return
value can be negative.
MouseEvent.pageX - Web APIs
for example, if the page is scrolled such that 200 pixels of the left side of the document are scrolled out of view, and the mouse is clicked 100 pixels inward from the left edge of the view, the
value returned by pagex will be 300.
... syntax var pagex = mouseevent.pagex;
value a floating-point number of pixels from the left edge of the document at which the mouse was clicked, regardless of any scrolling or viewport positioning that may be in effect.
... updatedisplay() simply replaces the contents of the <span> elements meant to contain the x and y coordinates with the
values of pagex and pagey.
MutationObserver.observe() - Web APIs
return
value undefined.
... (for example, if mutationobserverinit.childlist, mutationobserverinit.attributes, and mutationobserverinit.characterdata are all false.) the
value of options.attributes is false (indicating that attribute changes are not to be monitored), but attributeold
value is true and/or attributefilter is present.
... the characterdataold
value option is true but mutationobserverinit.characterdata is false (indicating that character changes are not to be monitored).
MutationObserverInit.characterData - Web APIs
syntax var options = { characterdata: true | false }
value a boolean
value indicating whether or not to call the observer's callback function when textual nodes'
values change.
... you can expand the capabilities of attribute mutation monitoring using other options: characterdataold
value lets you specify whether or not you want the previous
value of changed text nodes to be provided using the mutationrecord's old
value property.
... if you set characterdataold
value to true, characterdata is automatically assumed to be true, even if you don't expressly set it as such.
MutationRecord - Web APIs
mutationrecord.old
value string the return
value depends on the mutationrecord.type.
... for attributes, it is the
value of the changed attribute before the change.
... note that for this to work as expected, attributeold
value or characterdataold
value must be set to true in the corresponding mutationobserverinit parameter of the mutationobserver observe method specifications specification status comment domthe definition of 'mutationrecord' in that specification.
Using Navigation Timing - Web APIs
html <div class="output"> </div> css .output { border: 1px solid #bbb; font: 16px "open sans", "helvetica", "arial", sans-serif; } in tandem with appropriate html and css, the result is: the
values listed are for the <iframe> in which the sample is presented above.
... for a list of the available timing
values you can look for in performancetiming, see the performancetiming interface's properties section.
... html <div class="output"> </div> css .output { border: 1px solid #bbb; font: 16px "open sans", "helvetica", "arial", sans-serif; } with this code in place, the result looks like this: the
values listed are for the <iframe> in which the sample is presented.
Navigator.vibrate() - Web APIs
each
value indicates a number of milliseconds to vibrate or pause, in alternation.
... you may provide either a single
value (to vibrate once for that many milliseconds) or an array of
values to alternately vibrate, pause, then vibrate again.
... passing a
value of 0, an empty array, or an array containing all zeros will cancel any currently ongoing vibration pattern.
NavigatorID.appCodeName - Web APIs
the
value of the navigatorid.appcodename property is always "mozilla", in any browser.
...all browsers return "mozilla" as the
value of this property.
... syntax codename = navigator.appcodename
value the string "mozilla".
NavigatorID.appName - Web APIs
the
value of the navigatorid.appname property is always "netscape", in any browser.
...all browsers return "netscape" as the
value of this property.
... syntax appname = navigator.appname
value the string "netscape".
NavigatorID.product - Web APIs
the
value of the navigatorid.product property is always "gecko", in any browser.
...all browsers return "gecko" as the
value of this property.
... syntax productname = navigator.product
value the string "gecko".
NavigatorID.userAgent - Web APIs
never assume that the
value of this property will stay the same in future versions of the same browser.
... also keep in mind that users of a browser can change the
value of this field if they want (ua spoofing).
... syntax var ua = navigator.useragent;
value a domstring specifying the complete user agent string the browser provides both in http headers and in response to this and other related methods on the navigator object.
NavigatorLanguage.languages - Web APIs
the
value of navigator.language is the first element of the returned array.
... when its
value changes, as the user's preferred languages are changed a languagechange event is fired on the window object.
... the accept-language http header in every http request from the user's browser uses the same
value for the navigator.languages property except for the extra q
values (quality
values) field (e.g.
NetworkInformation.downlink - Web APIs
this
value is based on recently observed application layer throughput across recently active connections, excluding connections made to a private address space.
... in the absence of recent bandwidth measurement data, the attribute
value is determined by the properties of the underlying connection technology.
... syntax var downlink = networkinformation.downlink
value a double.
NetworkInformation.rtt - Web APIs
this
value is based on recently observed application-layer rtt measurements across recently active connections.
...if no recent measurement data is available, the
value is based on the properties of the underlying connection technology.
... syntax rtt = networkinformation.rtt return
value a number.
Node.compareDocumentPosition() - Web APIs
the return
value is a bitmask of the following
values: name
value document_position_disconnected 1 document_position_preceding 2 document_position_following 4 document_position_contains 8 document_position_contained_by 16 document_position_implementation_specific 32 syntax comparemask = node.comparedocumentposition(othernode) parameters othernode the other node with which to compare the first node’s document position.
... return
value an integer
value whose bits represent the othernode's relationship to the calling node.
...for example, if othernode is located earlier in the document and contains the node on which comparedocumentposition() was called, then both the document_position_contains and document_position_preceding bits would be set, producing a
value of 10 (0x0a).
Node.nodeType - Web APIs
possible
values are listed in node type constants.
... constants node type constants constant
value description node.element_node 1 an element node like <p> or <div>.
... constant
value description node.attribute_node 2 an attribute of an element.
NodeFilter - Web APIs
possible return
values are: constant description filter_accept
value returned by the nodefilter.acceptnode() method when a node should be accepted.
... filter_reject
value to be returned by the nodefilter.acceptnode() method when a node should be rejected.
... filter_skip
value to be returned by nodefilter.acceptnode() for nodes to be skipped by the nodeiterator or treewalker object.
NodeList.entries() - Web APIs
the nodelist.entries() method returns an iterator allowing to go through all key/
value pairs contained in this object.
... the
values are node objects.
... syntax list.entries(); return
value returns an iterator.
Notification.requestPermission() - Web APIs
}); previously, the syntax was based on a simple callback; this version is now deprecated: notification.requestpermission(callback); parameters callback optional deprecated since gecko 46 an optional callback function that is called with the permission
value.
... deprecated in favor of the promise return
value.
...possible
values for this string are: granted denied default examples assume this basic html: <button onclick="notifyme()">notify me!</button> it's possible to send a notification as follows — here we present a fairly verbose and complete set of code you could use if you wanted to first check whether notifications are supported, then check if permission has been granted for the current origin to send notifications, then request permission if required, before then sending a notification.
OffscreenCanvas.getContext() - Web APIs
possible
values are: "2d" creates a canvasrenderingcontext2d object representing a two-dimensional rendering context.
... preservedrawingbuffer: if the
value is true the buffers will not be cleared and will preserve their
values until cleared or overwritten by the author.
... return
value a renderingcontext which is either a canvasrenderingcontext2d for "2d", webglrenderingcontext for "webgl" and "experimental-webgl", webgl2renderingcontext for "webgl2" and "experimental-webgl2" , or imagebitmaprenderingcontext for "bitmaprenderer".
OscillatorNode.detune - Web APIs
syntax var oscillator = audioctx.createoscillator(); oscillator.detune.set
valueattime(100, audioctx.currenttime); //
value in cents note: though the audioparam returned is read-only, the
value it represents is not.
...
value an a-rate audioparam.
... // create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.set
valueattime(440, audioctx.currenttime); //
value in hertz oscillator.detune.set
valueattime(100, audioctx.currenttime); //
value in cents oscillator.start(); specifications specification status comment web audio apithe definition of 'detune' in that specification.
OscillatorNode.frequency - Web APIs
syntax var oscillator = audioctx.createoscillator(); oscillator.frequency.set
valueattime(440, audioctx.currenttime); //
value in hertz note: though the audioparam returned is read-only, the
value it represents is not.
...
value an a-rate audioparam.
... // create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.set
valueattime(440, audioctx.currenttime); //
value in hertz oscillator.start(); specifications specification status comment web audio apithe definition of 'frequency' in that specification.
PannerNode.positionY - Web APIs
the audioparam contained by this property is read only; however, you can still change the
value of the parameter by assigning a new
value to its audioparam.
value property.
... syntax var positiony = pannernode.positiony; pannernode.positiony.
value = newpositiony;
value an audioparam whose
value is the y coordinate of the audio source's position, in 3d cartesian coordinates.
... const context = new audiocontext(); const osc = new oscillatornode(context); const panner = new pannernode(context); panner.panningmodel = 'hrtf'; panner.positiony.set
valueattime(1, context.currenttime + 1); panner.positiony.set
valueattime(-1, context.currenttime + 2); panner.positiony.set
valueattime(0, context.currenttime + 3); osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positiony' in that specification.
PannerNode.positionZ - Web APIs
the audioparam contained by this property is read only; however, you can still change the
value of the parameter by assigning a new
value to its audioparam.
value property.
... syntax var positionz = pannernode.positionz; pannernode.positionz.
value = newpositionz;
value an audioparam whose
value is the z coordinate of the audio source's position, in 3d cartesian coordinates.
... const context = new audiocontext(); const osc = new oscillatornode(context); const panner = new pannernode(context); panner.panningmodel = 'hrtf'; panner.positionz.set
valueattime(1, context.currenttime + 1); panner.positionz.set
valueattime(-1, context.currenttime + 2); panner.positionz.set
valueattime(0, context.currenttime + 3); osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positionz' in that specification.
PaymentAddress - Web APIs
some examples of valid country
values: "us", "gb", "cn", or "jp".
... note: properties for which
values were not specified contain empty strings.
... const supportedinstruments = [ { supportedmethods: "basic-card", }, ]; const details = { total: { label: "donation", amount: { currency: "usd",
value: "65.00" } }, displayitems: [ { label: "original donation amount", amount: { currency: "usd",
value: "65.00" }, }, ], shippingoptions: [ { id: "standard", label: "standard shipping", amount: { currency: "usd",
value: "0.00" }, selected: true, }, ], }; const options = { requestshipping: true }; async function dopaymentrequest() { cons...
PaymentMethodChangeEvent.methodDetails - Web APIs
the
value is null if no details are available.
... syntax details = paymentmethodchangeevent.methodname;
value an object containing any data needed to describe the changes made to the payment method.
... the default
value is null, indicating that no additional details are available.
PaymentMethodChangeEvent - Web APIs
constructor paymentmethodchangeevent() creates and returns a new paymentmethodchangeevent object, optionally initialized with
values taken from a given paymentmethodchangeeventinit dictionary.
...if no such information is available, this
value is null.
...the default
value is the empty string, "".
PaymentRequest.prototype.id - Web APIs
if none is provided, the browser automatically sets the id
value to a uuid.
... const details = { id: "super-store-order-123-12312", total: { label: "total due", amount: { currency: "usd",
value: "65.00" }, }, }; const request = new paymentrequest(methoddata, details); console.log(request.id); // super-store-order-123-12312 the id is then also available in the paymentresponse returned from the show() method, but under the requestid attribute.
... const response = await request.show(); console.log(response.requestid === request.id); // and in serialized form too const json = response.tojson(); console.log(json.requestid,response.requestid, request.id); syntax var id = paymentrequest.id
value a domstring.
Using the Payment Request API - Web APIs
/ example supported payment methods: return [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard'], supportedtypes: ['debit', 'credit'] } }]; } function buildshoppingcartdetails() { // hardcoded for demo purposes: return { id: 'order-123', displayitems: [ { label: 'example item', amount: {currency: 'usd',
value: '1.00'} } ], total: { label: 'total', amount: {currency: 'usd',
value: '1.00'} } }; } starting the payment process once the paymentrequest object has been created, you call the paymentrequest.show() method on it to initiate the payment request.
...it returns a promise that fulfills with a boolean indicating whether it is or not, for example: // dummy payment request to check whether payment can be made new paymentrequest(buildsupportedpaymentmethoddata(), {total: {label: 'stub', amount: {currency: 'usd',
value: '0.01'}}}) .canmakepayment() .then(function(result) { if(result) { // real payment request var request = new paymentrequest(buildsupportedpaymentmethoddata(), checkoutobject); request.show().then(function(paymentresponse) { // here we would process the payment.
...let shouldcallpaymentrequest = true; let fallbacktolegacyonpaymentrequestfailure = false; (new paymentrequest(supportedpaymentmethods, {total: {label: 'stub', amount: {currency: 'usd',
value: '0.01'}}}) .canmakepayment() .then(function(result) { shouldcallpaymentrequest = result; }).catch(function(error) { console.log(error); // the user may have turned off query ability in their privacy settings.
PerformanceEntry.entryType - Web APIs
syntax var type = entry.entrytype; return
value the return
value depends on the subtype of the performanceentry object and affects the
value of the performanceentry.name property as shown by the table below.
... performance entry type names
value subtype type of name property description of name property frame, navigation performanceframetiming, performancenavigationtiming url the document's address.
...this
value doesn't change even if the request is redirected.
PerformanceEntry.startTime - Web APIs
the
value returned by this property depends on the performance entry's type: "frame" - returns the timestamp when the frame was started.
... "navigation" - returns the timestamp with a
value of "0".
... syntax entry.starttime; return
value a domhighrestimestamp representing the first timestamp when the performance entry was created.
PerformanceNavigationTiming.unloadEventEnd - Web APIs
the unloadeventend read-only property returns a timestamp representing the time
value equal to the time immediately after the user agent finishes the unload event of the previous document.
... if there is no previous document, this property
value is 0.
... syntax perfentry.unloadeventend; return
value a timestamp representing a time
value equal to the time immediately after the user agent finishes the unload event of the previous document.
PerformanceResourceTiming.decodedBodySize - Web APIs
syntax resource.decodedbodysize; return
value the size (in octets) received from the fetch (http or cache) of the message body, after removing any applied content-codings.
... example the following example, the
value of the size properties of all "resource" type events are logged.
... function log_sizes(perfentry){ // check for support of the *size properties and print their
values // if supported.
PerformanceResourceTiming.encodedBodySize - Web APIs
syntax resource.encodedbodysize; return
value a number representing the size (in octets) received from the fetch (http or cache), of the payload body, before removing any applied content-codings.
... example the following example, the
value of the size properties of all "resource" type events are logged.
... function log_sizes(perfentry){ // check for support of the performanceentry.*size properties and print their
values // if supported.
PerformanceResourceTiming.initiatorType - Web APIs
the
value of this string is as follows: if the initiator is a element, the property returns the element's localname.
... syntax resource.initiatortype; return
value a string representing the type of resource that initiated the performance event, as specified above.
... example 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_initiatortype(p[i]); } } function print_initiatortype(perfentry) { // print this performance entry object's initiatortype
value var
value = "initiatortype" in perfentry; if (
value) console.log("...
PerformanceResourceTiming.transferSize - Web APIs
syntax resource.transfersize; return
value a number representing the size (in octets) of the fetched resource.
... example the following example, the
value of size properties of all "resource" type events are logged.
... function log_sizes(perfentry){ // check for support of the performanceentry.*size properties and print their
values // if supported.
PerformanceServerTiming - Web APIs
properties performanceservertiming.descriptionread only a domstring
value of the server-specified metric description, or an empty string.
... performanceservertiming.durationread only a double that contains the server-specified metric duration, or
value 0.0.
... performanceservertiming.nameread only a domstring
value of the server-specified metric name.
Using the Performance API - Web APIs
the domhighrestimestamp type (a double) is used by all performance interfaces to hold such time
values.
... high precision timing high precision timing is achieved by using the domhighrestimestamp type for time
values.
...however, if the browser is unable to provide a time
value accurate to 5 microseconds (because of hardware or software constraints, for example), the browser can represent the
value as a time in milliseconds accurate to a millisecond.
PointerEvent.pressure - Web APIs
syntax var pressure = pointerevent.pressure; return
value pressure the normalized pressure of the pointer input in the range of 0 to 1, inclusive, where 0 and 1 represent the minimum and maximum pressure the hardware is capable of detecting, respectively.
... for hardware that does not support pressure, such as a mouse, the
value is 0.5 when the pointer is active buttons state and 0 otherwise.
... example in this snippet, when a pointerdown event is fired, different functions are called depending on the
value of the event's pressure property.
PointerEvent.tiltX - Web APIs
syntax var tiltx = pointerevent.tiltx; return
value tiltx the angle in degrees between the y-z plane of the pointer (stylus) and the screen.
... the range of
values is -90 to 90, inclusive, where a positive
value is a tilt to the right.
... for devices that do not support this property, the
value is 0.
PointerEvent.tiltY - Web APIs
syntax var tilty = pointerevent.tilty; return
value tilty the angle in degrees between the x-z plane of the pointer (stylus) and the screen.
... the range of
values is -90 to 90, inclusive, where a positive
value is a tilt towards the user.
... for devices that do not support this property, the
value is 0.
PositionOptions - Web APIs
positionoptions.timeout secure context is a positive long
value representing the maximum length of time (in milliseconds) the device is allowed to take in order to return a position.
... the default
value is infinity, meaning that getcurrentposition() won't return until the position is available.
... positionoptions.maximumage secure context is a positive long
value indicating the maximum age in milliseconds of a possible cached position that is acceptable to return.
PublicKeyCredentialRequestOptions.userVerification - Web APIs
syntax userverification = publickeycredentialrequestoptions.userverification
value a string qualifying how the user verification should be part of the authentication process.
... the
values may be: "required": user verification is required, the operation will fail if the response does not have the uv flag (as part of authenticatorassertionresponse.authenticatordata) "preferred": user verification is prefered, the operation will not fail if the response does not have the uv flag (as part of authenticatorassertionresponse.authenticatordata) "discouraged": user verification should not be employed as to minimize the user interaction during the process.
... the default
value is "preferred".
PushManager.permissionState() - Web APIs
possible
values are 'prompt', 'denied', or 'granted'.
...this
value is part of a signing key pair generated by your application server and usable with elliptic curve digital signature (ecdsa) over the p-256 curve.
... returns a promise that resolves to a domstring with a
value of 'prompt', 'denied', or 'granted'.
RTCDTMFSender.insertDTMF() - Web APIs
this
value must be between 40 ms and 6000 ms (6 seconds), inclusive.
...the browser will enforce a minimum
value of 30 ms (that is, if you specify a lower
value, 30 ms will be used instead); the default is 70 ms.
... return
value undefined exceptions invalidstateerror the dtmf tones couldn't be sent because the track has been stopped, or is in a read-only or inactive state.
RTCDataChannel.binaryType - Web APIs
values allowed by the websocket.binarytype property are also permitted here: "blob" if blob objects are being used or "arraybuffer" if arraybuffer objects are being used.
... syntax var type = adatachannel.binarytype; adatachannel.binarytype = type;
value a domstring that can have one of these
values: "blob" received binary messages' contents will be contained in blob objects.
... example this code configures a data channel to receive binary data in arraybuffer objects, and establishes a listener for message events which constructs a string representing the received data as a list of hexadecimal byte
values.
RTCDataChannel.protocol - Web APIs
if no protocol was specified when the data channel was created, then this property's
value is "" (the empty string).
... the permitted
values of this property are defined by the web site or app using the data channel.
... syntax var subprotocol = adatachannel.protocol;
value a string identifying the app-defined subprotocol being used for exchanging data on the channel.
RTCDtlsTransport.state - Web APIs
syntax let mystate = dtlstransport.state;
value a string whose
value is taken from the rtcdtlstransportstate enumerated type.
... its
value is one of the following: new the initial state when dtls has not started negotiating yet.
...the function returns an object containing properties whose
values indicate how many of the senders are in each state.
RTCIceCandidate.address - Web APIs
the address field's
value is set when the rtcicecandidate() constructor is used.
... syntax var address = rtcicecandidate.address;
value a domstring providing the ip address from which the candidate comes.
... example this code snippet uses the
value of address to implement an ip address based ban feature.
RTCIceCandidate.candidate - Web APIs
this property can be configured by specifying the
value of the candidate property when constructing the new candidate object using rtcicecandidate().
... syntax var candidate = rtcicecandidate.candidate;
value a domstring describing the properties of the candidate, taken directly from the sdp attribute "candidate".
...for an a-line (attribute line) that looks like this: a=candidate:4234997325 1 udp 2043278322 192.168.0.56 44323 typ host the corresponding candidate string's
value will be "candidate:4234997325 1 udp 2043278322 192.168.0.56 44323 typ host".
RTCIceCandidate.port - Web APIs
as is the case with most of rtcicecandidate's properties, the
value of port is extracted from the candidate a-line string specified when creating the rtcicecandidate.
... syntax var port = rtcicecandidate.port;
value a 16-bit number indicating the port number on the device at the address indicated by ip at which the candidate's peer can be reached.
...in this case, the
value of port will be 44323.
RTCIceCandidate.tcpType - Web APIs
the tcptype field's
value is set when the rtcicecandidate() constructor is used.
... you can't directly set its
value; instead, its
value is automatically extracted from the candidate a-line, if it's formatted properly.
... syntax var tcptype = rtcicecandidate.tcptype;
value a domstring whose
value is one of those defined by the rtcicetcpcandidatetype enumerated type.
RTCIceCandidate.type - Web APIs
the type field's
value is set when the rtcicecandidate() constructor is used.
... you can't specify the
value of type in the options object, but the address is automatically extracted from the candidate a-line, if it's formatted properly, being taken from its cand-type field.
... syntax var type = rtcicecandidate.type;
value a domstring whose
value is one of those defined by the rtcicecandidatetype enumerated type.
RTCIceCandidateInit.sdpMLineIndex - Web APIs
the optional property sdpmlineindex in the rtcicecandidateinit dictionary specifies the
value of the rtcicecandidate object's sdpmlineindex property.
...
value a number containing a 0-based index into the set of m-lines providing media descriptions, indicating which media source is associated with the candidate, or null if no such association is available.
... note: attempting to add a candidate (using addicecandidate()) that has a
value of null for either sdpmid or sdpmlineindex will throw a typeerror exception.
RTCIceCandidateInit.sdpMid - Web APIs
the optional property sdpmid in the rtcicecandidateinit dictionary specifies the
value of the rtcicecandidate object's sdpmid property.
...
value a domstring which uniquely identifies the source media component from which the candidate draws data, or null if no such association exists for the candidate.
... note: attempting to add a candidate (using addicecandidate()) that has a
value of null for either sdpmid or sdpmlineindex will throw a typeerror exception.
RTCIceCandidateInit.usernameFragment - Web APIs
the optional property usernamefragment in the rtcicecandidateinit dictionary specifies the
value of the rtcicecandidate object's usernamefragment property.
...
value a domstring containing the username fragment (usually referred to in shorthand as "ufrag" or "ice-ufrag") that, along with the ice password ("ice-pwd"), uniquely identifies a single ongoing ice interaction, including for any communication with the stun server.
... the string may be up to 256 characters long, and has no default
value.
RTCIceCandidatePairStats.currentRoundTripTime - Web APIs
the rtcicecandidatepairstats property currentroundtriptime is a floating-point
value indicating the number of seconds it takes for data to be sent by this peer to the remote peer and back over the connection described by this pair of ice candidates.
... syntax rtt = rtcicecandidatepairstats.currentroundtriptime;
value a floating-point
value indicating the round-trip time, in seconds for the connection described by the pair of candidates for which this rtcicecandidatepairstats object offers statistics.
... this
value is computed by observing the time that elapsed between the most recent stun request being sent to the remote peer and the response to that request arriving.
RTCIceCandidatePairStats.totalRoundTripTime - Web APIs
this
value includes both connectivity check and consent check requests.
... syntax totalrtt = rtcicecandidatepairstats.totalroundtriptime;
value this floating-point
value indicates the total number of seconds which have elapsed between sending out stun connectivity and consent check requests and receiving their responses, for all such requests made so far on the connection described by this candidate pair.
... you can calculate the average round-trip time (rtt) by dividing this
value by the
value of the responsesreceived property: rtt = rtcicecandidatepairstats.totalroundtriptime / rtcicecandidatepairstats.responsesreceived; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.totalroundtriptime' in that specification.
RTCIceCandidateStats.address - Web APIs
syntax candidateaddress = rtcicecandidatestats.address;
value either an ipv4 or ipv6 address or a fully-qualified domain name, which corresponds to the candidate.
... if the
value of address is comprised entirely of digits from 0-9 with periods as separators, the
value is interpreted as an ipv4 address.
... if the
value is entirely comprised of hexadecimal digits and colon (":") characters, it is interpreted as an ipv6 address.
RTCIceCandidateStats.networkType - Web APIs
syntax networktype = rtcicecandidatestats.networktype;
value a domstring whose
value is taken from the rtcnetworktype enumerated type.
... the permitted
values are: bluetooth a bluetooth connection is used by the described connection.
... note: keep in mind that the specified
value only reflects the initial connection between the local peer and the next hop along the network toward reaching the remote peer.
RTCIceCredentialType - Web APIs
values oauth the rtciceserver requires the use of oauth 2.0 to authenticate in order to use the ice server described.
... obsolete
values the following
values are no longer part of the webrtc specification, but were in the past.
...this
value has been renamed to oauth.
RTCIceTransport.ongatheringstatechange - Web APIs
syntax rtcicetransport.ongatheringstatechange = statechangehandler;
value a function to be called when the rtcicetransport object's gathering state changes.
... to determine the new state, examine the
value of gatheringstate.
...its possible
values are: "new" the rtcicetransport is newly created and has not yet started to gather ice candidates.
RTCIceTransport.state - Web APIs
syntax icestate = icetransport.state;
value a domstring, whose
value is one of those found in the enumerated type rtcicetransportstate, which indicates the stage of ice gathering that's currently underway.
... its
value will be one of the following: "new" the rtcicetransport is currently gathering local candidates, or is waiting for the remote device to begin to transmit the remote candidates, or both.
...a
value of "disconnected" means that a transient issue has occurred that has broken the connection, but that should resolve itself automatically without your code having to take any action.
RTCIceTransportState - Web APIs
the rtcicetransportstate enumerated type defines the string
values which may be returned by the state property on rtcicetransport objects.
...
values "new" the rtcicetransport is currently gathering local candidates, or is waiting for the remote device to begin to transmit the remote candidates, or both.
...a
value of "disconnected" means that a transient issue has occurred that has broken the connection, but that should resolve itself automatically without your code having to take any action.
RTCInboundRtpStreamStats.bytesReceived - Web APIs
the rtcinboundrtpstreamstats dictionary's bytesreceived property is an integer
value which indicates the total number of bytes received so far from this synchronization source (ssrc).
... syntax var bytesreceived = rtcinboundrtpstreamstats.bytesreceived;
value an unsigned integer
value indicating the total number of bytes received so far on this rtp stream, not including header and padding bytes.
... this
value can be used to calculate an approximation of the average media data rate: avgdatarate = rtcinboundrtpstreamstats.bytesreceived / elapsedtime; this
value gets reset to zero if the sender's ssrc identifier changes for any reason.
RTCInboundRtpStreamStats.fecPacketsDiscarded - Web APIs
the fecpacketsdiscarded property of the rtcinboundrtpstreamstats dictionary is a numeric
value indicating the number of rtp forward error correction (fec) packets that have been discarded.
... syntax var fecpacketsdiscarded = rtcinboundrtpstreamstats.fecpacketsdiscarded;
value an unsigned integer
value indicating how many fec packets have been received whose error correction payload has been discarded.
...the
value of fecpacketsreceived includes these discarded packets.
RTCInboundRtpStreamStats.packetsDuplicated - Web APIs
syntax var packetsduplicated = rtcinboundrtpstreamstats.packetsduplicated;
value an integer
value which specifies how many duplcate packets have been received by the local end of this rtp stream so far.
...each time a packet is repeated, the
value of packetsduplicated is incremented, even if the same packet is received more than twice.
...the resulting
value will be positive, although it will not match the count as computed in rfc 3660.
RTCInboundRtpStreamStats.perDscpPacketsReceived - Web APIs
the perdscppacketsreceived property of the rtcinboundrtpstreamstats dictionary is a record comprised of key/
value pairs in which each key is a string representation of a differentiated services code point and the
value is the number of packets received for that dcsp.
... syntax var perdscppacketsreceived = rtcinboundrtpstreamstats.perdscppacketsreceived;
value a record comprised of string/
value pairs.
... note: due to network bleaching and remapping, the numbers seen on this record are not necessarily going to match the
values as they were when the data was sent.
RTCInboundRtpStreamStats.sliCount - Web APIs
syntax var slicount = rtcinboundrtpstreamstats.slicount;
value an unsigned integer indicating the number of sli packets this receiver sent to the remote sender due to lost runs of macroblocks.
... a high
value of slicount may be an indication of an unreliable network.
... note: this
value is only present for video media.
RTCOfferAnswerOptions.voiceActivityDetection - Web APIs
the default
value, true, indicates that voice detection should be used and that if possible, the user agent should automatically disable or mute outgoing audio when the audio source is not sensing a human voice.
... syntax var options = { voiceactivitydetection: trueorfalse };
value a boolean
value indicating whether or not the connection should use voice detection once running.
... the default
value, true, indicates that the user agent should monitor the audio coming from the microphone or other audio source and automatically cease transmitting data or mute when the user isn't speaking into the microphone, a
value of false indicates that the audio should continue to be transmitted regardless of whether or not speech is detected.
RTCOfferOptions.iceRestart - Web APIs
the icerestart property of the rtcofferoptions dictionary is a boolean
value which, when true, tells the rtcpeerconnection to start ice renegotiation.
... syntax var options = { icerestart: trueorfalse };
value a boolean
value indicating whether or not the rtcpeerconnection should generate new
values for the connection's ice-ufrag and ice-pwd
values, which will trigger ice renegotiation on the next message sent to the remote peer.
... fundamentally, this renegotiation is triggered by generating and using new
values for the ice username fragment ("ufrag")}} example this example shows a handler for the iceconnectionstatechange event.
RTCOutboundRtpStreamStats.perDscpPacketsSent - Web APIs
the perdscppacketssent property of the rtcoutboundrtpstreamstats dictionary is a record comprised of key/
value pairs in which each key is a string representation of a differentiated services code point and the
value is the number of packets sent for that dcsp.
... syntax var perdscppacketssent = rtcoutboundrtpstreamstats.perdscppacketssent;
value a record comprised of string/
value pairs.
... note: due to network bleaching and remapping, the numbers seen on this record are not necessarily going to match the
values as they were when the data was sent.
RTCOutboundRtpStreamStats.sliCount - Web APIs
syntax var slicount = rtcoutboundrtpstreamstats.slicount;
value an unsigned integer indicating the number of sli packets the sender received from the receiver due to lost runs of macroblocks.
... a high
value of slicount may be an indication of an unreliable network.
... note: this
value is only present for video media.
RTCPeerConnection.iceConnectionState - Web APIs
you can detect when this
value has changed by watching for the iceconnectionstatechange event.
... syntax var state = rtcpeerconnection.iceconnectionstate;
value the current state of the ice agent and its connection.
... the
value is one of the strings in the rtciceconnectionstate enum.
RTCPeerConnection.iceGatheringState - Web APIs
you can detect when the
value of this property changes by watching for an event of type icegatheringstatechange.
... syntax var state = rtcpeerconnection.icegatheringstate;
value the possible
values are those of an enum of type rtcicegatheringstate.
...you can detect when this
value changes by watching for an event of type icegatheringstatechange.
RTCPeerConnection: icecandidate event - Web APIs
indicating that ice gathering is complete once all ice transports have finished gathering candidates and the
value of the rtcpeerconnection object's icegatheringstate has made the transition to complete, an icecandidate event is sent with the
value of complete set to null.
...heringstatechange", ev => { switch(pc.icegatheringstate) { case "new": /* gathering is either just starting or has been reset */ break; case "gathering": /* gathering has begun or is ongoing */ break; case "complete": /* gathering has ended */ break; } }); as you can see in this example, the icegatheringstatechange event lets you know when the
value of the rtcpeerconnection property icegatheringstate has been updated.
... if that
value is now complete, you know that ice gathering has just ended.
RTCPeerConnection.onicegatheringstatechange - Web APIs
syntax rtcpeerconnection.onicegatheringstatechange = eventhandler;
value a function you provide which is passed a single parameter: an event object containing the icegatheringstatechange event.
... you can determine the new state of ice gathering by looking at the
value of the rtcpeerconnection.icegatheringstate property.
... example this example updates status information presented to the user to let them know what's happening by examining the current
value of the icegatheringstate property each time it changes and changing the contents of a status display based on the new information.
RTCRtcpParameters - Web APIs
it's used as the
value of the rtcp property of the parameters of an rtcrtpsender or rtcrtpreceiver.
... reducedsize a boolean
value indicating whether or not reduced size rtcp is configured.
... if this
value is true, reduced size rtcp (described in rfc 5506) is in effect.
RTCRtpContributingSource - Web APIs
properties audiolevel optional a double-precision floating-point
value between 0 and 1 specifying the audio level contained in the last rtp packet played from this source.
...this
value is a source-generated time
value which can be used to help with sequencing and synchronization.
... source optional a 32-bit unsigned integer
value specifying the csrc identifier of the contributing source.
RTCRtpSendParameters - Web APIs
degradationpreference specifies the preferred way the webrtc layer should handle optimizing bandwidth against quality in constrained-bandwidth situations; the
value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
...the default
value is low.
... transactionid a string containing a unique id for the last set of parameters applied; this
value is used to ensure that setparameters() can only be called to alter changes made by a specific previous call to getparameters().
RTCRtpSender.replaceTrack() - Web APIs
return
value a promise which is fulfilled once the track has been successfully replaced.
... when the promise is fulfilled, the fulfillment handler receives a
value of undefined.
... examples switching video cameras // example to change video camera, suppose selected
value saved into window.selectedcamera navigator.mediadevices .getusermedia({ video: { deviceid: { exact: window.selectedcamera } } }) .then(function(stream) { let videotrack = stream.getvideotracks()[0]; pcs.foreach(function(pc) { var sender = pc.getsenders().find(function(s) { return s.track.kind == videotrack.kind; }); console.log(...
RTCRtpStreamStats.nackCount - Web APIs
the nackcount property of the rtcrtpstreamstats dictionary is a numeric
value indicating the number of times the receiver sent a nack packet to the sender.
... syntax var nackcount = rtcrtpstreamstats.nackcount;
value an integer
value indicating how many times the receiver sent a nack packet to the sender after detecting that one or more packets were lost during transport.
... note: this
value is only available on the receiver.
RTCRtpStreamStats.sliCount - Web APIs
syntax var slicount = rtcrtpstreamstats.slicount;
value an unsigned long integer indicating the number of sli packets the sender received from the receiver due to lost runs of macroblocks.
... a high
value of slicount may be an indication of an unreliable network.
... note: this
value is sent by the sender to the receiver and is only present for video media.
RTCRtpTransceiver.mid - Web APIs
syntax var mediaid = rtcrtptransceiver.mid;
value a domstring which uniquely identifies the pairing of source and destination of the transceiver's stream.
... its
value is taken from the media id of the sdp m-line.
... this
value is null if negotiation has not completed.
RTCRtpTransceiver.stopped - Web APIs
syntax var isstopped = rtcrtptransceiver.stopped;
value a boolean
value which is true if the transceiver's sender will no longer send data, and its receiver will no longer receive data.
...instead, look at the
value of currentdirection.
... its
value is stopped if the transceiver has stopped.
RTCSctpTransport - Web APIs
properties also inherits properties from: eventtarget rtcsctptransport.maxchannelsread only an integer
value indicating the maximum number of rtcdatachannels that can be open simultaneously.
... rtcsctptransport.maxmessagesizeread only an integer
value indicating the maximum size, in bytes, of a message which can be sent using the rtcdatachannel.send() method.
... rtcsctptransport.stateread only a domstring enumerated
value indicating the state of the sctp transport.
RTCSessionDescription.type - Web APIs
the property rtcsessiondescription.type is a read-only
value of type rtcsdptype which describes the description's type.
... syntax var
value = sessiondescription.type; sessiondescription.type =
value;
value the possible
values are defined by an enum of type rtcsdptype.
... the allowed
values are those of an enum of type rtcsdptype: "offer", the description is the initial proposal in an offer/answer exchange.
RTCStatsType - Web APIs
values candidate-pair an rtcicecandidatepairstats object providing statistics related to an rtcicetransport.
...since this only provides statistics related to inbound data, without considering the local peer's state, any
values that require knowledge of both, such as round-trip time, is not included.
...this information considers only the outbound rtp stream, so any data which requires information about the state of the remote peers (such as round-trip time) is unavailable, since those
values can't be computed without knowing about the other peers' states.
RadioNodeList - Web APIs
radionodelist.
value if the underlying element collection contains radio buttons, the
value property represents the checked radio button.
... on retrieving the
value property, the
value of the currently checked radio button is returned as a string.
...on setting the
value property, the first radio button input element whose
value property is equal to the new
value will be set to checked.
Range.compareNode() - Web APIs
the possible
values are: node_before (0) node starts before the range node_after (1) node ends after the range node_before_and_after (2) node starts before and ends after the range node_inside (3) node starts after and ends before the range, i.e.
... { noderange.selectnodecontents(node); } var nodeisbefore = range.compareboundarypoints(range.start_to_start, noderange) == 1; var nodeisafter = range.compareboundarypoints(range.end_to_end, noderange) == -1; if (nodeisbefore && !nodeisafter) return 0; if (!nodeisbefore && nodeisafter) return 1; if (nodeisbefore && nodeisafter) return 2; return 3; } syntax return
value = range.comparenode( referencenode ); parameters referencenode the node to compare with the range.
... example range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); return
value = range.comparenode(document.getelementsbytagname("p").item(0)); notes this method is obsolete; you should use the w3c dom range.compareboundarypoints() method.
ReadableStreamBYOBReader.read() - Web APIs
return
value a promise, which fulfills/rejects with a result depending on the state of the stream.
... the different possibilities are as follows: if a chunk is available, the promise will be fulfilled with an object of the form {
value: thechunk, done: false }.
... if the stream becomes closed, the promise will be fulfilled with an object of the form {
value: undefined, done: true }.
Reporting API - Web APIs
indicated by a report.body property with a deprecationreportbody return
value.
...indicated by a report.body property with a interventionreportbody return
value.
...indicated by a report.body property with a crashreportbody return
value.
Request() - Web APIs
if this object has a request.mode of navigate, the mode
value is converted to same-origin.
... headers: any headers you want to add to your request, contained within a headers object or an object literal with bytestring
values.
... integrity: contains the subresource integrity
value of the request (e.g., sha256-bpfbw7ivv8q2jlit13fxdyae2tjllusrsz273h2nfse=).
Request.destination - Web APIs
the string must be one of those found in the requestdestination enumerated type or the empty string, which is the default
value.
... syntax var destination = request.destination;
value a string from the requestdestination enumerated type which indicates the type of content the request is asking for.
... this type is much broader than the usual document type
values (such as "document" or "manifest"), and may include contextual cues such as "image" or "worker" or "audioworklet".
Request.integrity - Web APIs
the integrity read-only property of the request interface contains the subresource integrity
value of the request.
... syntax var myintegrity = request.integrity;
value the subresource integrity
value of the request (e.g., sha256-bpfbw7ivv8q2jlit13fxdyae2tjllusrsz273h2nfse=).
... example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request integrity
value in a variable: var myrequest = new request('flowers.jpg'); var myintegrity = myrequest.integrity; specifications specification status comment fetchthe definition of 'integrity' in that specification.
RequestDestination - Web APIs
the requestdestination enumerated type contains the permitted
values for a request's destination.
... these string
values indicate potential types of content that a request may try to retrieve.
...
values "" the default
value of destination is used for destinations that do not have their own
value.
Response.statusText - Web APIs
syntax var mystatustext = response.statustext;
value a bytestring.
... the default
value is "".
... note that at the top of the fetch() block we log the response statustext
value to the console.
SVGAnimatedBoolean - Web APIs
interface overview also implement none methods none properties readonly boolean baseval readonly boolean animval normative document svg 1.1 (2nd edition) properties name type description baseval boolean the base
value of the given attribute before applying any animations.
... animval boolean if the given attribute or property is being animated, contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, contains the same
value as baseval.
SVGAnimatedInteger - Web APIs
interface overview also implement none methods none properties readonly long baseval readonly long animval normative document svg 1.1 (2nd edition) properties name type description baseval long the base
value of the given attribute before applying any animations.
... animval long if the given attribute or property is being animated, contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, contains the same
value as baseval.
SVGAnimatedLength - Web APIs
interface overview also implement none methods none properties readonly svglength baseval readonly svglength animval normative document svg 1.1 (2nd edition) properties name type description baseval svglength the base
value of the given attribute before applying any animations.
... animval svglength if the given attribute or property is being animated, contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, contains the same
value as baseval.
SVGAnimatedNumber - Web APIs
interface overview also implement none methods none properties float baseval readonly float animval normative document svg 1.1 (2nd edition) properties name type description baseval float the base
value of the given attribute before applying any animations.
... animval float if the given attribute or property is being animated, contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, contains the same
value as baseval.
SVGAnimatedPoints - Web APIs
svg animated points interface the svganimatedpoints interface supports elements which have a points attribute which holds a list of coordinate
values and which support the ability to animate that attribute.
...if the given attribute or property is being animated, contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, contains the same
value as points.
SVGAnimatedString.animVal - Web APIs
animval attribute or animval property contains the same
value as the baseval property.if the given attribute or property is being animated, contains the current animated
value of the attribute or property.
... if the given attribute or property is not currently being animated, then it contains the same
value as baseval the animval property is a read only property.
...as a result, the animval property contains the same
value as the baseval property.
SVGGeometryElement - Web APIs
normal hit testing rules apply; the
value of the pointer-events property on the element determines whether a point is considered to be within the fill.
...normal hit testing rules apply; the
value of the pointer-events property on the element determines whether a point is considered to be within the stroke.
... svggeometryelement.gettotallength() returns the user agent's computed
value for the total length of the path in user units.
SVGStylable - Web APIs
interface overview also implement none methods css
value getpresentationattribute(in domstring name) properties readonly svganimatedstring classname readonly cssstyledeclaration style normative document svg 1.1 (2nd edition) properties name type description classname svganimatedstring corresponds to attribute class on the given element.
... methods name & arguments return description getpresentationattribute(in domstring name) css
value returns the base (i.e., static)
value of a given presentation attribute as an object of type css
value.
... the returned object is live; changes to the objects represent immediate changes to the objects to which the css
value is attached.
SVGStyleElement - Web APIs
svg 1.1 defined that a domexception is raised with code no_modification_allowed_err on an attempt to change the
value of a read-only attribute.
... svg 1.1 defined that a domexception is raised with code no_modification_allowed_err on an attempt to change the
value of a read-only attribute.
... svg 1.1 defined that a domexception is raised with code no_modification_allowed_err on an attempt to change the
value of a read-only attribute.
SVGTransformList - Web APIs
the return
value is the item inserted into the list.
... createsvgtransformfrommatrix(in svgmatrix) svgtransform creates an svgtransform object which is initialized to transform of type svg_transform_matrix and whose
values are the given matrix.
... the
values from the parameter matrix are copied, the matrix parameter is not adopted as svgtransform::matrix.
Screen.availHeight - Web APIs
syntax let availheight = window.screen.availheight;
value a numeric
value indicating the number of css pixels tall the screen's available space is.
... this can be no larger than the
value of window.screen.height, and will be less if the device or user agent reserves any vertical space for itself.
... for instance, on a mac whose dock is located at the bottom of screen (which is the default), the
value of availheight is approximately the
value of height (the total height of the screen in css pixels) minus the heights of the dock and menu bar, as seen in the diagram below.
Screen.mozBrightness - Web APIs
indicates how bright the screen's backlight is, on a scale from 0 (very dim) to 1 (full brightness); this
value is a double-precision float.
...if you write a
value of x into this attribute, the attribute may not have the same
value x when you later read it.
...the
value's precision might be reduced before storing it.
ScrollToOptions.behavior - Web APIs
syntax behavior: scrollbehavior
value an enum, the
value of which can be one of the following: smooth: the scrolling animates smoothly.
... examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three
values — two numbers representing the left and top properties (i.e.
... when the form is submitted, an event handler is run that puts the entered
values into a scrolltooptions dictionary, and then invokes the window.scrollto() method, passing the dictionary as a parameter: form.addeventlistener('submit', (e) => { e.preventdefault(); var scrolloptions = { left: leftinput.
value, top: topinput.
value, behavior: scrollinput.checked ?
ScrollToOptions.left - Web APIs
syntax left: double
value a double.
... examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three
values — two numbers representing the left and top properties (i.e.
... when the form is submitted, an event handler is run that puts the entered
values into a scrolltooptions dictionary, and then invokes the window.scrollto() method, passing the dictionary as a parameter: form.addeventlistener('submit', (e) => { e.preventdefault(); var scrolloptions = { left: leftinput.
value, top: topinput.
value, behavior: scrollinput.checked ?
ScrollToOptions.top - Web APIs
syntax top: double
value a double.
... examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three
values — two numbers representing the left and top properties (i.e.
... when the form is submitted, an event handler is run that puts the entered
values into a scrolltooptions dictionary, and then invokes the window.scrollto() method, passing the dictionary as a parameter: form.addeventlistener('submit', (e) => { e.preventdefault(); var scrolloptions = { left: leftinput.
value, top: topinput.
value, behavior: scrollinput.checked ?
ServiceWorker.state - Web APIs
it can be one of the following
values: installing, installed, activating, activated, or redundant.
... syntax someurl = serviceworker.state
value a serviceworkerstate definition (see the spec.) examples this code snippet is from the service worker registration-events sample (live demo).
... the code listens for any change in the serviceworker.state and returns its
value.
ServiceWorkerContainer.register() - Web APIs
by default, the scope
value for a service worker registration is set to the directory where the service worker script is located.
... return
value a promise that resolves with a serviceworkerregistration object.
... the following example uses the default
value of scope (by omitting it).
SourceBuffer.timestampOffset - Web APIs
the initial
value of timestampoffset is 0.
... syntax var myoffset = sourcebuffer.timestampoffset; sourcebuffer.timestampoffset = 2.5;
value a double, with the offset amount expressed in seconds.
... exceptions the following exceptions may be thrown when setting a new
value for this property.
SourceBuffer.trackDefaults - Web APIs
the trackdefaults property of the sourcebuffer interface specifies the default
values to use if kind, label, and/or language information is not available in the initialization segment of the media to be appended to the sourcebuffer.
... syntax var mytrackdefaults = sourcebuffer.trackdefaults; sourcebuffer.trackdefaults = mytrackdefaultlist;
value a trackdefaultlist object.
... exceptions the following exceptions may be thrown when setting a new
value for this property.
SpeechRecognition - Web APIs
if not specified, this defaults to the html lang attribute
value, or the user agent's language setting if that isn't set either.
...the default
value is 1.
... after some other
values have been defined, we then set it so that the recognition service starts when a click event occurs (see speechrecognition.start().) when a result has been successfully recognised, the speechrecognition.onresult handler fires, we extract the color that was spoken from the event object, and then set the background color of the <html> element to that color.
SpeechSynthesisUtterance.lang - Web APIs
the <html> lang
value) lang will be used, or the user-agent default if that is unset too.
... syntax var mylang = speechsynthesisutteranceinstance.lang; speechsynthesisutteranceinstance.lang = 'en-us';
value a domstring representing a bcp 47 language tag.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.lang = 'en-us'; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'lang' in that specification.
SpeechSynthesisUtterance.volume - Web APIs
if not set, the default
value 1 will be used.
... syntax var myvolume = speechsynthesisutteranceinstance.volume; speechsynthesisutteranceinstance.volume = 0.5;
value a float that represents the volume
value, between 0 (lowest) and 1 (highest.) if ssml is used, this
value will be overridden by prosody tags in the markup.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.volume = 0.5; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'volume' in that specification.
StorageEstimate.quota - Web APIs
this
value is an estimate to help prevent its use for fingerprinting—that is, identifying a device using an amalgamation of the
values of seemingly innocuous properties.
... syntax quota = storageestimate.quota;
value a numeric
value specifying an approximation of the total amount of storage space available for use by the application.
...</label> javascript content navigator.storage.estimate().then(function(estimate) { document.getelementbyid("percent").
value = (estimate.usage / estimate.quota * 100).tofixed(2); }); result specifications specification status comment storagethe definition of 'quota' in that specification.
StorageEstimate.usage - Web APIs
the
value is an estimate because the user agent may use compression, duplication prevention techniques, and other methods to improve storage efficiency.
... syntax usage = storageestimate.usage;
value a numeric
value specifying an approximation of the total amount of storage space available for use by the application.
...</label> javascript content navigator.storage.estimate().then(function(estimate) { document.getelementbyid("percent").
value = (estimate.usage / estimate.quota * 100).tofixed(2); }); result specifications specification status comment storagethe definition of 'usage' in that specification.
StorageEstimate - Web APIs
these
values are only estimates for several reasons, including both performance and preventing storage capacity data from being used for fingerprinting purposes.
... properties quota secure context a numeric
value in bytes which provides a conservative approximation of the total storage the user's device or computer has available for the site origin or web app.
... usage secure context a numeric
value in bytes approximating the amount of storage space currently being used by the site or web app, out of the available space as indicated by quota.
StorageManager.estimate() - Web APIs
return
value a promise that resolves to an object which conforms to the storageestimate dictionary.
... the returned
values are not exact; between compression, deduplication, and obfuscation for security reasons, they will be imprecise.
...</label> javascript content navigator.storage.estimate().then(function(estimate) { document.getelementbyid("percent").
value = (estimate.usage / estimate.quota * 100).tofixed(2); }); result specifications specification status comment storagethe definition of 'estimate()' in that specification.
Streams API concepts - Web APIs
effectively the same stream is written to, and then the same
values are read.
... in general, the strategy compares the size of the chunks in the queue to a
value called the high water mark, which is the largest total chunk size that the queue can realistically manage.
...if the
value falls to zero (or below in the case of writable streams), it means that chunks are being generated faster than the stream can cope with, which results in problems.
StylePropertyMap.set() - Web APIs
syntax stylepropertymap.set(property,
value) parameters property an identifier indicating the stylistic feature (e.g.
...
value the
value the given property should have.
... return
value undefined example // tbd specifications specification status comment css typed om level 1the definition of 'set()' in that specification.
StylePropertyMapReadOnly.forEach() - Web APIs
syntax stylepropertymapreadonly.foreach(function callback(current
value[, index[, array]]) { //your code }[, thisarg]); parameters callback the function to execute for each element, taking three arguments: current
value the
value of the current element being processed.
... thisarg optional
value to use as this (i.e the reference object) when executing callback.
... return
value undefined.
StylePropertyMapReadOnly.getAll() - Web APIs
the getall() method of the stylepropertymapreadonly interface returns an array of cssstyle
value objects containing the
values for the provided property.
... syntax var cssstyle
values[] = stylepropertymapreadonly.getall(property) parameters property the name of the property to retrieve all
values of.
... return
value an array of cssstyle
value objects.
SubtleCrypto.deriveKey() - Web APIs
possible
values of the array are: encrypt: the key may be used to encrypt messages.
... return
value result is a promise that fulfills with a cryptokey.
... exceptions the promise is rejected when one of the following exceptions are encountered: invalidaccesserror raised when the master key is not a key for the requested derivation algorithm or if the cryptokey.usages
value of that key doesn't contain derivekey.
SubtleCrypto.importKey() - Web APIs
possible array
values are: encrypt: the key may be used to encrypt messages.
... return
value result is a promise that fulfills with the imported key as a cryptokey object.
... const rawkey = window.crypto.getrandom
values(new uint8array(16)); /* import an aes secret key from an arraybuffer containing the raw bytes.
SubtleCrypto - Web APIs
subtlecrypto.verify() returns a promise that fulfills with a boolean
value indicating if the signature given as a parameter matches the text, algorithm, and key that are also given as parameters.
... the difference is that generatekey() will generate a new distinct key
value each time you call it, while derivekey() derives a key from some initial keying material.
... if you provide the same keying material to two separate calls to derivekey(), you will get two cryptokey objects that have the same underlying
value.
TextDecoder() - Web APIs
if the
value for utflabel is unknown, or is one of the two
values leading to a 'replacement' decoding algorithm ( "iso-2022-cn" or "iso-2022-cn-ext"), a domexception with the "typeerror"
value is thrown.
...each label is associated with a specific encoding type: possible
values of utflabel encoding "unicode-1-1-utf-8", "utf-8", "utf8" 'utf-8' "866", "cp866", "csibm866", "ibm866" 'ibm866' "csisolatin2", "iso-8859-2", "iso-ir-101", "iso8859-2", "iso88592", "iso_8859-2", "iso_8859-2:1987", "l2", "latin2" 'iso-8859-2' "csisolatin3", "iso-8859-3", "iso-ir-109", "iso8859-3", "iso88593", "iso_8859-3", "iso_8859-3:1988", "l3", "latin3" 'iso-8859-3' "csisolatin4", "iso-8859-4", "iso-ir-110", "iso8859-4", "iso88594", "iso_8859-4", "iso_8859-4:1988...
... "utf-16be" 'utf-16be' "utf-16", "utf-16le" 'utf-16le' "x-user-defined" 'x-user-defined' "iso-2022-cn", "iso-2022-cn-ext" 'replacement' optionsoptional is a textdecoderoptions dictionary with the property: fatal a boolean flag indicating if the textdecoder.decode() method must throw a domexception with the "encodingerror"
value when an coding error is found.
Touch.identifier - Web APIs
the touch.identifier returns a
value uniquely identifying this point of contact with the touch surface.
... this
value remains consistent for every event involving this finger's (or stylus's) movement on the surface until it is lifted off the surface.
... syntax touchitem.identifier; return
value a long that represents the unique id of the touch object.
Touch.radiusY - Web APIs
the
value is in css pixels of the same scale as touch.screenx.
... this
value, in combination with touch.radiusx and touch.rotationangle constructs an ellipse that approximates the size and shape of the area of contact between the user and the screen.
... syntax var yradius = touchitem.radiusy; return
value yradius the y radius of the ellipse that most closely circumscribes the area of contact with the screen.
Touch.rotationAngle - Web APIs
the
value may be between 0 and 90.
... together, these three
values describe an ellipse that approximates the size and shape of the area of contact between the user and the screen.
... syntax var angle = touchitem.rotationangle; return
value angle the number of degrees of rotation to apply to the described ellipse to align with the contact area between the user and the touch surface.
TouchEvent.altKey - Web APIs
summary a boolean
value indicating whether or not the alt (alternate) key is enabled when the touch event is created.
... if the alt key is enabled, the attribute's
value is true.
... syntax var altenabled = touchevent.altkey; return
value altenabled true if the alt key is enabled for this event; and false if the alt is not enabled.
TouchEvent.ctrlKey - Web APIs
summary a boolean
value indicating whether the control (control) key is enabled when the touch event is created.
... if this key is enabled, the attribute's
value is true.
... syntax var ctrlenabled = touchevent.ctrlkey; return
value ctrlenabled true if the control key is enabled for this event; and false if the control is not enabled.
TouchEvent.metaKey - Web APIs
summary a boolean
value indicating whether or not the meta key is enabled when the touch event is created.
... if this key is enabled, the attribute's
value is true.
... syntax var metaenabled = touchevent.metakey; return
value metaenabled true if the meta key is enabled for this event; and false if the meta is not enabled.
TouchEvent.shiftKey - Web APIs
summary a boolean
value indicating whether or not the shift key is enabled when the touch event is created.
... if this key is enabled, the attribute's
value is true.
... syntax var shiftenabled = touchevent.shiftkey; return
value shiftenabled true if the shift key is enabled for this event; and false if the shift key is not enabled.
URLSearchParams() - Web APIs
a sequence of usvstring pairs, representing names/
values.
... a record of usvstring keys and usvstring
values.
... return
value a urlsearchparams object instance.
USBConfiguration.USBConfiguration() - Web APIs
the usbconfiguration() constructor creates a new usbconfiguration object which contains information about the configuration on the provided usbdevice with the given configuration
value.
... syntax var usbconfiguration = new usbconfiguration(device, configuration
value) parameters device specifies the usbdevice you want to configure.
... configuration
value specifies the configuration descriptor you want to read.
USBDevice.controlTransferIn() - Web APIs
the available options are: requesttype: must be one of three
values specifying whether the tranfer is "standard" (common to all usb devices) "class" (common to an industry-standard class of devices) or "vendor".
...
value: vender-specific request parameters.
... return
value promise that resolves with a usbintransferresult.
ValidityState.rangeOverflow - Web APIs
the read-only rangeoverflow property of a validitystate object indicates if the
value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's max attribute.
... if the field is numeric in nature, including the date, month, week, time, datetime-local, number and range types and a max
value is set, if the
value don't doesn't conform to the constraints set by the max
value, the rangeoverflow property will be true.
... given the following: <input type="number" min="20" max="40" step="2"/> if
value > 40, rangeoverflow will be true.
ValidityState.rangeUnderflow - Web APIs
the read-only rangeunderflow property of a validitystate object indicates if the
value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's min attribute.
... if the field is numeric in nature, including the date, month, week, time, datetime-local, number and range types and a min
value is set, if the
value don't doesn't conform to the constraints set by the min
value, the rangeunderflow property will be true.
... given the following: <input type="number" min="20" max="40" step="2"/> if
value < 20, rangeunderflow will be true.
Videotrack.language - Web APIs
syntax var videotracklanguage = videotrack.language;
value a domstring specifying the bcp 47 (rfc 5646) format language tag of the primary language used in the video track, or an empty string ("") if the language is not specified or known, or if the track doesn't contain speech.
... for example, if the primary language used in the track is united states english, this
value would be "en-us".
... for brazilian portuguese, the
value would be "pt-br".
WebGL2RenderingContext.compressedTexSubImage3D() - Web APIs
possible
values: gl.texture_3d: a three-dimensional texture.
...possible
values: gl.compressed_r11_eac gl.compressed_signed_r11_eac gl.compressed_rg11_eac gl.compressed_signed_rg11_eac gl.compressed_rgb8_etc2 gl.compressed_rgba8_etc2_eac gl.compressed_srgb8_etc2 gl.compressed_srgb8_alpha8_etc2_eac gl.compressed_rgb8_punchthrough_alpha1_etc2 gl.compressed_srgb8_punchthrough_alpha1_etc2 imagesize a glint specifying the number of bytes to read from ...
... return
value none.
WebGL2RenderingContext.drawBuffers() - Web APIs
possible
values are: gl.none: fragment shader output is not written into any color buffer.
... return
value none.
... exceptions if buffers contains not one of the accepted
values, a gl.invalid_enum error is thrown.
WebGL2RenderingContext.framebufferTextureLayer() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
...possible
values: gl.color_attachment{0-15}: attaches the texture to one of the framebuffer's color buffers.
... return
value none.
WebGL2RenderingContext.getBufferSubData() - Web APIs
possible
values: gl.array_buffer: buffer containing vertex attributes, such as vertex coordinates, texture coordinate data, or vertex color data.
... return
value none.
... exceptions an invalid_
value error is generated if: offset + returneddata.bytelength would extend beyond the end of the buffer returneddata is null offset is less than zero.
WebGL2RenderingContext.getInternalformatParameter() - Web APIs
possible
values: gl.renderbuffer: buffer data storage for single images in a renderable internal format.
...possible
values: gl.samples: returns a int32array containing sample counts supported for internalformat in descending order.
... return
value depends on the requested information (as specified with pname).
WebGL2RenderingContext.invalidateFramebuffer() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
...possible
values: gl.color_attachment{0-15}: invalidates one of the framebuffer's color buffers.
... return
value none.
WebGL2RenderingContext.invalidateSubFramebuffer() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
...possible
values: gl.color_attachment{0-15}: invalidates one of the framebuffer's color buffers.
... return
value none.
WebGL2RenderingContext.renderbufferStorageMultisample() - Web APIs
possible
values: gl.renderbuffer: buffer data storage for single images in a renderable internal format.
...possible
values: gl.r8 gl.r8ui gl.r8i gl.r16ui gl.r16i gl.r32ui gl.r32i gl.rg8 gl.rg8ui gl.rg8i gl.rg16ui gl.rg16i gl.rg32ui gl.rg32i gl.rgb8 gl.rgba8 gl.srgb8_alpha8 gl.rgba4 gl.rgb565 gl.rgb5_a1 gl.rgb10_a2 gl.rgba8ui gl.rgba8i gl.rgb10_a2ui gl.rgba16ui gl.rgba16i gl.rgba32i gl.rgba32ui gl.depth_component16 gl.depth_component24 gl.depth_component32f gl.depth_stencil gl.depth24_stencil8 gl.depth32f_stencil8 gl.stencil_index8 width a glsizei specifying the width of the renderbuffer in pixels.
... return
value none.
WebGL2RenderingContext.texStorage2D() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
...possible
values: gl.r8 gl.r16f gl.r32f gl.r8ui gl.rg8 gl.rg16f gl.rg32f gl.rg8ui gl.rgb8 gl.srgb8 gl.rgb565 gl.r11f_g11f_b10f gl.rgb9_e5 gl.rgb16f gl.rgb32f gl.rgb8ui gl.rgba8 gl.srgb8_aplha8 gl.rgb5_a1 gl.rgba4 gl.rgba16f gl.rgba32f gl.rgba8ui unlike opengl 3.0, webgl 2 doesn't support the following etc2 and eac compressed texture formats (see section 5.37 in the webgl 2 spec).
... return
value none.
WebGL2RenderingContext.texStorage3D() - Web APIs
possible
values: gl.texture_3d: a three-dimensional texture.
...possible
values: gl.r8 gl.r16f gl.r32f gl.r8ui gl.rg8 gl.rg16f gl.rg32f gl.rgui gl.rgb8 gl.srgb8 gl.rgb565 gl.r11f_g11f_b10f gl.rgb9_e5 gl.rgb16f gl.rgb32f gl.rgb8ui gl.rgba8 gl.srgb_aplha8 gl.rgb5_a1 gl.rgba4444 gl.rgba16f gl.rgba32f gl.rgba8ui gl.compressed_r11_eac gl.compressed_signed_r11_eac gl.compressed_rg11_eac gl.compressed_signed_rg11_eac gl.compressed_rgb8_etc2 gl.compressed_rgba8_etc2_eac gl.compressed_srgb8_etc2 gl.compressed_srgb8_alpha8_etc2_eac gl.compressed_rgb8_punchthrough_alpha1_etc2 gl.compressed_srgb8_punchthrough_alpha1_etc2 ...
... return
value none.
WebGLRenderingContext.activeTexture() - Web APIs
the
value is a gl.texturei where i is within the range from 0 to gl.max_combined_texture_image_units - 1.
... return
value none.
... gl.activetexture(gl.texture0); gl.getparameter(gl.active_texture); // returns "33984" (0x84c0, gl.texture0 enum
value) specifications specification status comment webgl 1.0the definition of 'activetexture' in that specification.
WebGLRenderingContext.bindBuffer() - Web APIs
possible
values: gl.array_buffer: buffer containing vertex attributes, such as vertex coordinates, texture coordinate data, or vertex color data.
... when using a webgl 2 context, the following
values are available additionally: gl.copy_read_buffer: buffer for copying from one buffer object to another.
... return
value none.
WebGLRenderingContext.bindFramebuffer() - Web APIs
possible
values: gl.framebuffer: collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
... when using a webgl 2 context, the following
values are available additionally: gl.draw_framebuffer: equivalent to gl.framebuffer.
... return
value none.
WebGLRenderingContext.bindTexture() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
... when using a webgl 2 context, the following
values are available additionally: gl.texture_3d: a three-dimensional texture.
... return
value none.
WebGLRenderingContext.blendEquation() - Web APIs
when using a webgl 2 context, the following
values are available additionally: gl.min: minimum of source and destination, gl.max: maximum of source and destination.
... default
value: gl.func_add exception if mode is not one of the three possible
values, a gl.invalid_enum error is thrown.
... return
value none.
WebGLRenderingContext.compressedTexSubImage2D() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
...possible
values: when using the webgl_compressed_texture_s3tc extension: ext.compressed_rgb_s3tc_dxt1_ext ext.compressed_rgba_s3tc_dxt1_ext ext.compressed_rgba_s3tc_dxt3_ext ext.compressed_rgba_s3tc_dxt5_ext when using the webgl_compressed_texture_s3tc_srgb extension: ext.compressed_srgb_s3tc_dxt1_ext ext.compressed_srgb_alpha_s3tc_dxt1_ext ext.compressed_srgb_al...
... return
value none.
WebGLRenderingContext.depthFunc() - Web APIs
the webglrenderingcontext.depthfunc() method of the webgl api specifies a function that compares incoming pixel depth to the current depth buffer
value.
...the default
value is gl.less.
... possible
values are: gl.never (never pass) gl.less (pass if the incoming
value is less than the depth buffer
value) gl.equal (pass if the incoming
value equals the the depth buffer
value) gl.lequal (pass if the incoming
value is less than or equal to the depth buffer
value) gl.greater (pass if the incoming
value is greater than the depth buffer
value) gl.notequal (pass if the incoming
value is not equal to the depth buffer
value) gl.gequal (pass if the incoming
value is greater than or equal to the depth buffer
value) gl.always (always pass) return
value none.
WebGLRenderingContext.enableVertexAttribArray() - Web APIs
in webgl,
values that apply to a specific vertex are stored in attributes.
... return
value undefined.
... webglrenderingcontext.invalid_
value the specified index is invalid; that is, it's greater than or equal to the maximum number of entries permitted in the context's vertex attribute list, as indicated by the
value of webglrenderingcontext.max_vertex_attribs.
WebGLRenderingContext.generateMipmap() - Web APIs
possible
values: gl.texture_2d: a two-dimensional texture.
... when using a webgl 2 context, the following
values are available additionally: gl.texture_3d: a three-dimensional texture.
... return
value none.
WebGLRenderingContext.stencilMaskSeparate() - Web APIs
the webglrenderingcontext.stencilmask() method can set both, the front and back stencil writemasks to one
value at the same time.
...the possible
values are: gl.front gl.back gl.front_and_back mask a gluint specifying a bit mask to enable or disable writing of individual bits in the stencil planes.
... return
value none.
WebGLShaderPrecisionFormat - Web APIs
properties webglshaderprecisionformat.rangemin read only the base 2 log of the absolute
value of the minimum
value that can be represented.
... webglshaderprecisionformat.rangemax read only the base 2 log of the absolute
value of the maximum
value that can be represented.
...for integer formats this
value is always 0.
Color masking - Web APIs
color masking gives you fine control of updating pixel
values on the screen.
...so, for example, clearing operation sets the
value of each pixel to the chosen clear color.
... masking occurs later in the pipeline, and modifies the pixel color
value, so the final result on the screen is that of the clear color, tinted by the color mask.
Animating objects with WebGL - Web APIs
after translating to the initial drawing position for the square, we apply the rotation like this: mat4.rotate(modelviewmatrix, // destination matrix modelviewmatrix, // matrix to rotate squarerotation, // amount to rotate in radians [0, 0, 1]); // axis to rotate around this rotates the modelviewmatrix by the current
value of squarerotation, around the z axis.
... to actually animate, we need to add code that changes the
value of squarerotation over time.
... squarerotation += deltatime; this code uses the amount of time that's passed since the last time we updated the
value of squarerotation to determine how far to rotate the square.
Using textures in WebGL - Web APIs
turn off mips and set // wrapping to clamp to edge gl.texparameteri(gl.texture_2d, gl.texture_wrap_s, gl.clamp_to_edge); gl.texparameteri(gl.texture_2d, gl.texture_wrap_t, gl.clamp_to_edge); gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear); } }; image.src = url; return texture; } function ispowerof2(
value) { return (
value & (
value - 1)) == 0; } the loadtexture() routine starts by creating a webgl texture object texture by calling the webgl createtexture() function.
... the fragment shader the fragment shader likewise needs to be updated: const fssource = ` varying highp vec2 vtexturecoord; uniform sampler2d usampler; void main(void) { gl_fragcolor = texture2d(usampler, vtexturecoord); } `; instead of assigning a color
value to the fragment's color, the fragment's color is computed by fetching the texel (that is, the pixel within the texture) based on the
value of vtexturecoord which like the colors is interpolated bewteen vertices.
... first, the code to specify the colors buffer is gone, replaced with this: // tell webgl how to pull out the texture coordinates from buffer { const num = 2; // every coordinate composed of 2
values const type = gl.float; // the data in the buffer is 32 bit float const normalize = false; // don't normalize const stride = 0; // how many bytes to get from one set to the next const offset = 0; // how many bytes inside the buffer to start from gl.bindbuffer(gl.array_buffer, buffers.texturecoord); gl.vertexattribpointer(programinfo.attriblocations.texturecoord, num, type,...
WebRTC connectivity - Web APIs
when reading the description (returned by rtcpeerconnection.localdescription and rtcpeerconnection.remotedescription), the returned
value is the
value of pendinglocaldescription/pendingremotedescription if there's a pending description (that is, the pending description isn't null); otherwise, the current description (currentlocaldescription/currentremotedescription) is returned.
...once the proposed description has been agreed upon, the
value of currentlocaldescription or currentremotedescription is changed to the pending description, and the pending description is set to null again, indicating that there isn't a pending description.
...you can identify which one your end of the connection is by examining the
value of rtcicecandidate.transport.role, although in general it doesn't matter which is which.
Lifetime of a WebRTC session - Web APIs
to explicitly trigger ice restart, simply start the renegotiation process by calling rtcpeerconnection.createoffer(), specifying the icerestart option with a
value of true.
...this generates new
values for the ice username fragment (ufrag) and password, which will be used by the renegotiation process and the resulting connection.
... the answerer side of the connection will automatically begin ice restart when new
values are detected for the ice ufrag and ice password.
Using WebRTC data channels - Web APIs
to do this, simply call createdatachannel() without specifying a
value for the negotiated property, or specifying the property with a
value of false.
... doing this lets you create data channels with each peer using different properties, and to create channels declaratively by simply using the same
value for id.
...at a fundamental level, the individual network packets can't be larger than a certain
value (the exact number depends on the network and the transport layer being used).
WebSocket.bufferedAmount - Web APIs
this
value resets to zero once all queued data has been sent.
... this
value does not reset to zero when the connection is closed; if you keep calling send(), this will continue to climb.
... syntax var bufferedamount = awebsocket.bufferedamount;
value an unsigned long.
WebSocket.close() - Web APIs
syntax websocket.close(); parameters code optional a numeric
value indicating the status code explaining why the connection is being closed.
... if this parameter is not specified, a default
value of 1005 is assumed.
... see the list of status codes of closeevent for permitted
values.
Writing WebSocket client applications - Web APIs
var msg = { type: "message", text: document.getelementbyid("text").
value, id: clientid, date: date.now() }; // send the msg object as a json-formatted string.
... document.getelementbyid("text").
value = ""; } receiving messages from the server websockets is an event-driven api; when messages are received, a message event is sent to the websocket object.
...if this
value isn't 0, there's pending data still, so you may wish to wait before closing the connection.
Using bounded reference spaces - Web APIs
note that if the underlying platform defines a fixed room-scale origin and boundary, it may initialize any uninitialized
values to match that predefined information; this is not unexpected behavior for users of these platforms.
... this would change the onrefspacecreated() method from the above snippet to: function onrefspacecreated(refspace) { xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl) }); let startposition = vec3.from
values(0, 1.5, 0); const startorientation = vec3.from
values(0, 0, 1.0); xrreferencespace = xrreferencespace.getoffsetreferencespace( new xrrigidtransform(startposition, startorientation)); xrsession.requestanimationframe(ondrawframe); } in this code, executed after the reference space has been created, we create an xrrigidtransform representing the transform that will move the viewpo...
...this approximates human height, though it assumes we've previously transformed the coordinate system so that the
value of each coordinate is no longer constrained to -1 to 1, while maintaining the definition that a
value of 1 represents one meter).
Functions and classes available to Web Workers - Web APIs
8 (8) no support no support no support formdata formdata objects provide a way to easily construct a set of key/
value pairs representing form fields and their
values, which can then be easily sent using the xmlhttprequest send() method.
... 25 (25) no support no support no support indexeddb database to store records holding simple
values and hierarchical objects.
... 37 (37), 42 (42) for idbcursorwith
value.
Window.innerHeight - Web APIs
the
value of innerheight is taken from the height of the window's layout viewport.
... syntax let intviewportheight = window.innerheight;
value an integer
value indicating the window's layout viewport height in pixels.
... the property is read only and has no default
value.
Window.print() - Web APIs
bilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetprintchrome full support 1notes full support 1notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox attribute has the
value allow-modals.edge full support 12firefox full support 1ie full support 5opera full support 6notes full support 6notes notes starting with opera 33, this method is blocked in...
...side an <iframe> unless its sandbox attribute has the
value allow-modals.safari full support 1.1webview android full support 1notes full support 1notes notes starting with webview 46, this method is blocked inside an <iframe> unless its sandbox attribute has the
value allow-modals.chrome android full support 18notes full support 18notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox attribute has the
value allow-modals.firefox android no support nonotes no support ...
... nonotes notes see bug 1247609.opera android full support 10.1notes full support 10.1notes notes starting with opera 33, this method is blocked inside an <iframe> unless its sandbox attribute has the
value allow-modals.safari ios full support 1samsung internet android full support 1.0notes full support 1.0notes notes starting with samsung internet 5.0, this method is blocked inside an <iframe> unless its sandbox attribute has the
value allow-modals.legend full support full suppo...
Window.requestAnimationFrame() - Web APIs
return
value a long integer
value, the request id, that uniquely identifies the entry in the callback list.
... this is a non-zero
value, but you may not make any other assumptions about its
value.
... you can pass this
value to window.cancelanimationframe() to cancel the refresh callback request.
WindowEventHandlers.onhashchange - Web APIs
examples using an event handler this example uses an event handler (window.onhashchange) to check the new hash
value whenever it changes.
... function hashhandler() { console.log('the hash has changed!'); } window.addeventlistener('hashchange', hashhandler, false); overriding the hash this function sets a new hash dynamically, setting it randomly to one of two
values.
... polyfill for event.newurl and event.oldurl // let this snippet run before your hashchange event binding code if (!window.hashchangeevent)(function(){ var lasturl = document.url; window.addeventlistener("hashchange", function(event){ object.defineproperty(event, "oldurl", {enumerable:true,configurable:true,
value:lasturl}); object.defineproperty(event, "newurl", {enumerable:true,configurable:true,
value:document.url}); lasturl = document.url; }); }()); specifications specification status comment html living standardthe definition of 'onhashchange' in that specification.
WindowEventHandlers.onstorage - Web APIs
syntax window.onstorage = functionref;
value functionref is a function name or a function expression.
... example this example logs the
value for a storage key whenever it changes in another document.
... window.onstorage = function(e) { console.log('the ' + e.key + ' key has been changed from ' + e.old
value + ' to ' + e.new
value + '.'); }; specifications specification status comment html living standardthe definition of 'onstorage' in that specification.
WindowOrWorkerGlobalScope.crossOriginIsolated - Web APIs
the crossoriginisolated read-only property of the windoworworkerglobalscope interface returns a boolean
value that indicates whether a sharedarraybuffer can be sent via a window.postmessage() call.
... this
value is dependant on any cross-origin-opener-policy and cross-origin-embedder-policy headers present in the response.
... syntax var mycrossoriginisolated = self.crossoriginisolated; // or just crossoriginisolated
value a boolean
value examples if(crossoriginisolated) { // post sharedarraybuffer } else { // do something else } specifications specification status comment html living standardthe definition of 'crossoriginisolated' in that specification.
Worker() - Web APIs
the
value can be classic or module.
...the
value can be omit, same-origin, or include.
... examples the following code snippet shows creation of a worker object using the worker() constructor and subsequent usage of the object: var myworker = new worker('worker.js'); first.onchange = function() { myworker.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } for a full example, see our basic dedicated worker example (run dedicated worker).
Worklet.addModule() - Web APIs
options optional an object with any of the following options: credentials: a requestcredentials
value that indicates whether to send credentials (e.g.
... return
value a promise that resolves once the module from the given url has been added.
... the promise doesn't return any
value.
XMLHttpRequest.getAllResponseHeaders() - Web APIs
return
value a bytestring representing all of the response's headers (except those whose field name is set-cookie or set-cookie2) separated by crlf, or null if no response has been received.
...the code shows how to obtain the raw header string, as well as how to convert it into an array of individual headers and then how to take that array and create a mapping of header names to their
values.
...t(); request.open("get", "foo.txt", true); request.send(); request.onreadystatechange = function() { if(this.readystate == this.headers_received) { // get the raw header string var headers = request.getallresponseheaders(); // convert the header string into an array // of individual headers var arr = headers.trim().split(/[\r\n]+/); // create a map of header names to
values var headermap = {}; arr.foreach(function (line) { var parts = line.split(': '); var header = parts.shift(); var
value = parts.join(': '); headermap[header] =
value; }); } } once this is done, you can, for example: var contenttype = headermap["content-type"]; this obtains the
value of the content-type header into the variable contenttype.
XMLHttpRequest.open() - Web APIs
if this
value is false, the send() method does not return until the response is received.
... user optional the optional user name to use for authentication purposes; by default, this is the null
value.
... password optional the optional password to use for authentication purposes; by default, this is the null
value.
XMLHttpRequest - Web APIs
xmlhttprequest.response read only returns an arraybuffer, blob, document, javascript object, or a domstring, depending on the
value of xmlhttprequest.responsetype, that contains the response entity body.
... xmlhttprequest.responsetype is an enumerated
value that defines the response type.
... xmlhttprequest.setrequestheader() sets the
value of an http request header.
XPathResult.resultType - Web APIs
syntax var resulttype = result.resulttype; return
value an integer
value representing the type of the result, as defined by the type constants.
... constants result type defined constant
value description any_type 0 a result set containing whatever type naturally results from evaluation of the expression.
... boolean_type 3 a result containing a single boolean
value.
XRBoundedReferenceSpace.boundsGeometry - Web APIs
syntax bounds = xrreferencespace.boundsgeometry;
value the boundsgeometry property is an array of dompointreadonly objects, each of which defines one vertex in a polygon inside which the viewer is required to remain.
... each point must be at floor level, with its y coordinate's
value set to 0.
... additionally, the
value of w is always 1 in every point in the array.
XREye - Web APIs
the xreye enumerated type is used to identify which eye a particular xrview represents: left or right; or, if the view doesn't represent a single eye, the
value may be none.
...
values left the xrview represents the point-of-view of the viewer's left eye.
... usage notes these
values are used by the xrview property eye.
XRInputSource.targetRayMode - Web APIs
syntax let raymode = xrinputsource.targetraymode;
value a domstring taken from the xrtargetraymode enumerated type, indicating which method to use when generating and presenting the target ray to the user.
... the possible
values are: gaze the user is using a gaze-tracking system (or gaze input) which detects the direction in which the user is looking.
...inputs which have a
value for this property represent inputs that project a target ray outward from the user.
XRInputSourceArray.entries() - Web APIs
the xrinputsourcearray interface's entries() method returns a javascript iterator which can then be used to iterate over the key/
value pairs in the input source array.
... return
value an iterator which can be used to walk through the list of xrinputsource objects included in the input source array.
... specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in information contained in a webidl file for information on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and
values() methods to be exposed from objects that implement the interface.
XRInputSourceArray.keys() - Web APIs
return
value a javascript iterator that can be used to walk through the keys for each entry in the list of input sources.
... the
values returned by the iterator are the indexes of each entry in the list; that is, the numbers 0, 1, 2, and so forth through the index of the last item in the list.
... specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in information contained in a webidl file for information on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and
values() methods to be exposed from objects that implement the interface.
XRInputSourceEvent() - Web APIs
permitted
values are listed under event types below.
... eventinitdict an object based on the xrinputsourceeventinit dictionary which contains the
values to assign to the new event's properties.
... return
value a new xrinputsourceevent object representing the event described by the given type and eventinitdict.
XRPermissionDescriptor.optionalFeatures - Web APIs
syntax xrpermissiondescriptor = { mode: xrsessionmode, requiredfeatures: reqfeaturelist, optionalfeatures: optfeaturelist }; xrpermissiondescriptor.optionalfeatures = optfeaturelist; optfeaturelist = xrpermissiondescriptor.optionalfeatures;
value an array of strings taken from the xrreferencespacetype enumerated type, indicating set of features that your app would like to use, but can operate without if permission to use them isn't available.
... while further features may be defined in future editions of webxr, currently all permitted
values come from the xrreferencespacetype enumerated type, indicating reference spaces the app rquires to be available.
... xrreferencespace local-floor similar to the local type, except the starting position is placed in a safe location for the viewer to stand, where the
value of the y axis is 0 at floor level.
XRPermissionDescriptor.requiredFeatures - Web APIs
syntax xrpermissiondescriptor = { mode: xrsessionmode, requiredfeatures: reqfeaturelist, optionalfeatures: optfeaturelist }; xrpermissiondescriptor.requiredfeatures = reqfeaturelist; reqfeaturelist = xrpermissiondescriptor.requiredfeatures;
value an array of strings indicating the webxr features which must be available for use by the app or site.
... the permitted
values are: the types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
... xrreferencespace local-floor similar to the local type, except the starting position is placed in a safe location for the viewer to stand, where the
value of the y axis is 0 at floor level.
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.
... usage notes all of this dictionary's properties must have valid
values set on them before calling the xrreferencespaceevent() constructor.
XRRigidTransform() - Web APIs
the default
value for orientation is {x: 0, y: 0, z: 0, w: 1}.
... return
value a new xrrigidtransform object which has been initialized to represent a transform matrix that would adjust the position and orientation of an object from the origin to the specified position and facing in the direction indicated by orientation.
... exceptions typeerror the
value of the w coordinate in the specified position is not 1.0.
XRRigidTransform.matrix - Web APIs
syntax let matrix = xrrigidtransform.matrix;
value a float32array containing 16 entries which represents the 4x4 transform matrix which is described by the position and orientation properties.
...the
values are stored into the array in column-major order; that is, each column is written into the array top-down before moving to the right one column and writing the next column into the array.
...here px, py, and pz are the
values of the x, y, and z members of the dompointreadonly position.
XRSession.onsqueeze - Web APIs
syntax xrsession.onsqueeze = squeezehandlerfunction;
value a function to be invoked whenever the xrsession receives a squeeze event.
...this is determined by comparing the input source's handedness against the
value of a handedness property on a user object we've established previously.
...this also clears the
value of heldobject so we know that there's no longer an object in hand.
XRSession.visibilityState - Web APIs
syntax visibilitystate = xrsession.visibilitystate;
value a domstring containing one of the
values defined in the enumerated type xrvisibilitystate; this string indicates whether or not the xr content is visible to the user and if it is, whether or not it's currently the primary focus.
... the possible
values of visibilitystate are: hidden the virtual scene generated by the xrsession is not currently visible to the user, so its requestanimationframe() callbacks are not being executed until thevisibilitystate changes.
... usage notes it's important to keep in mind that because an immersive webxr session is potentially being shown using a different display than the html document in which it's running (such as when being shown on a headset), the
value of a session's visibilitystate may not necessarily be the same as the owning document's visibilitystate.
XRSessionInit - Web APIs
optionalfeatures optional an array of
values identifying features which the returned xrsession may optionally support.
... requiredfeatures optional an array of
values which the returned xrsession must support.
... these
values currently must come from the enumerated type xrreferencespacetype.
XRView.eye - Web APIs
for views which represent neither eye, such as monoscopic views, this property's
value is none.
... syntax let eye = xrview.eye;
value a domstring whose
value is one of the strings enumerated by the xreye type: left the xrview represents the point-of-view of the viewer's left eye.
...view.eye == "left" && body.lefteye.injured) || skipview = updateinjury(body.lefteye); } else if (view.eye == "right" && body.righteye.injured) { skipview = updateinjury(body.righteye); } if (!skipview) { let viewport = gllayer.getviewport(view); gl.viewport(viewport.x, viewport.y, viewport.width, viewport.height); renderscene(gl, view); } } for each of the views, the
value of eye is checked and if it's either left or right, we check to see if the body.lefteye.injured or body.righteye.injured property is true; if so, we call a function updateinjury() on that eye to do things such as allow a bit of healing to occur, track the progress of a poison effect, or the like, as appropriate for the game's needs.
XRView - Web APIs
this
value is used to ensure that any content which is pre-rendered for presenting to a specific eye is distributed or positioned correctly.
... the
value can also be none if the xrview is presenting monoscopic data (such as a 2d image, a full-screen view of text.
...this represents the rotation of the object given the
values of mousepitch (rotation around the object's reference's space's x axis) and mouseyaw (rotation around the object's y axis).
XRViewerPose.views - Web APIs
for each frame, you should always use the current length of this array rather than caching the
value.
... stereo views require two views to render properly, with the left eye's view having its eye set to the string left and the right eye's view a
value of right.
... syntax let viewlist = xrviewerpose.views;
value an array of xrview objects, one for each view available as part of the scene for the current viewer pose.
XRWebGLLayerInit.antialias - Web APIs
syntax let layerinit = { antialias: bool
value }; let gllayer = new xrwebgllayer(xrsession, gl, layerinit); let gllayer = new xrwebgllayer(xrsession, gl, { antialias: bool
value });
value a boolean
value which can be set to true to request anti-aliasing support in the new webgl rendering layer.
... example in this example, before creating a new xrwebgllayer to use for rendering, the
value of a user preference from a configuration interface is obtained using a function called getpreference
value() to determine whether the user has enabled or disabled anti-aliasing support; this is passed into the constructor.
... let options = { antialias: getpreference
value("antialiasing") }; let gllayer = new xrwebgllayer(xrsession, gl, options); if (gllayer) { xrsession.updaterenderstate({ baselayer: gllayer }); } offering the user features such as the ability to enable or disable things like anti-aliasing can provide them with optiions to try when your app isn't performing as well as they'd like.
XRWebGLLayerInit.framebufferScaleFactor - Web APIs
for example, a
value of 1.0 indicates that the frame buffer should be the same resolution as the actual display, while a
value of 0.5 indicates that the frame buffer should be half the resolution of the display.
... a
value of 2.0, on the other hand, creates a frame buffer whose resolution is double that of the actual display buffer.
... syntax let layerinit = { framebufferscalefactor: scalefactor }; let gllayer = new xrwebgllayer(xrsession, gl, layerinit); let gllayer = new xrwebgllayer(xrsession, gl, { framebufferscalefactor: scalefactor });
value a floating-point
value indicating a multiplier to apply to the default frame buffer resolution in order to determine the resolution of the frame buffer for the xrwebgllayer.
msRegionOverflow - Web APIs
syntax string = object.msregionoverflow
values type:domstring overflow: the region element's content overflows the region's content box.
... note that the region's overflow property
value can be used to control the visibility of the overflowing content.
...all content from the named flow was fitted in regions with a lower content-order
value.
Using the alert role - Accessibility
the alert role is most useful for information that requires the user's immediate attention, for example: an invalid
value was entered into a form field the user's login session is about to expire the connection to the server was lost, local changes will not be saved because of its intrusive nature, the alert role must be used sparingly and only in situations where the user's immediate attention is required.
...for example, a form control may have instruction about the expected
value.
... if a different
value is entered, role="alert can be added to the instruction text so that the screen reader announces it as an alert.
Using the aria-relevant attribute - Accessibility
the aria-relevant attribute is an optional
value used to describe what types of changes have occurred to an aria-live region, and which are relevant and should be announced.
...
values a space-delimited list of one or more of the following
values: additions element nodes added to the accessibility tree within the live region; should be considered relevant.
... aria-relevant="additions text" is the default
value on a live region.
ARIA: timer role - Accessibility
while the
value does not necessarily need to be machine parsable, it should continuously update at regular intervals unless the timer is paused or reaches its end-point.
... aria-live elements with the role timer have an implicit aria-live
value of off.
... required javascript features keypress used to handle keyboard input and control the focus click, touch handle as appropriate for your widget as well changing attribute
values aria-activedescendant is used to manage the focus inside the application container.
ARIA: cell role - Accessibility
the cell
value of the aria role attribute identifies an element as being a cell in a tabular container that does not contain column or row header information.
...the attribute takes as its
value an integer between 1 and the total number of columns within the table, grid or treegrid.
...the attribute, takes as its
value an integer between 1 and the total number of rows within the table, grid, or treegrid, indicating the position, or index, of the cell.
ARIA: grid role - Accessibility
the default
value is false.
... aria-readonly if the user can navigate the grid but not change the
value or
values of the grid, the aria-readonly should be set to true.
... the default
value is false.
ARIA: heading role - Accessibility
if no level is present, a
value of 2 is the default.
... changing attribute
values usually not required, unless dynamically inserting content.
... in that case, the newly-added headings need aria-level attributes whose
values are consistent with the rest of the document structure.
Web accessibility for seizures and physical reactions - Accessibility
it has the
values of "none", "slow", and "fast".
...this is "1" if the user has requested not to be tracked by web sites, content, or advertising" media queries level 5 environmentmq (planned in media queries level 5) light-level has three valid
values: dim, normal, and washed.
...the user will need to be made aware of this ability, and it will need to play nice with the appropriate
value for the prefers-color-scheme media query.
-moz-orient - CSS: Cascading Style Sheets
syntax the -moz-orient property is specified as one of the keyword
values chosen from the list below.
...
values inline the element is rendered in the same direction as the axis of the text: horizontally for horizontal writing modes, vertically for vertical writing modes.
... formal definition initial
valueinlineapplies toany element; it has an effect on progress and meter, but not on <input type="range"> or other elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax inline | block | horizontal | vertical examples html <p> the following progress meter is horizontal (the default): </p> <progress max="100"
value="75"></progress> <p> the following progress meter is vertical: </p> <progress class="vert" max="100"
value="75"></progress> css .vert { -moz-orient: vertical; width: ...
-moz-outline-radius-bottomleft - CSS: Cascading Style Sheets
syntax the
value of -moz-outline-radius-bottomleft is either a css <length> or a percentage of the corresponding dimensions of the border box.
...
values <length> the radius of the circle defining the curvature of the bottom and left edges of the element, specified as a css <length>.
... formal definition initial
value0applies toall elementsinheritednopercentagesrefer to the corresponding dimension of the border boxcomputed
valueas specifiedanimation typea length, percentage or calc(); formal syntax <outline-radius>where <outline-radius> = <length> | <percentage> examples rounding a outline since this is a firefox-only property, this example will not display the desired effect if you are viewing this in a browser other than firefox.
-moz-outline-radius-bottomright - CSS: Cascading Style Sheets
syntax the
value of -moz-outline-radius-bottomright is either a css <length> or a percentage of the corresponding dimensions of the border box.
...
values <length> the radius of the circle defining the curvature of the bottom and right edges of the element, specified as a css <length>.
... formal definition initial
value0applies toall elementsinheritednopercentagesrefer to the corresponding dimension of the border boxcomputed
valueas specifiedanimation typea length, percentage or calc(); formal syntax <outline-radius>where <outline-radius> = <length> | <percentage> examples html <p>look at this paragraph's bottom-right corner.</p> css p { margin: 5px; border: solid cyan; outline: dotted red; -moz-outline-radius-bottomright: 2em; } result the example above will not display the desired effect if you are viewing this in a browser other than firefox.
-moz-outline-radius-topleft - CSS: Cascading Style Sheets
syntax the
value of -moz-outline-radius-topleft is either a css <length> or a percentage of the corresponding dimensions of the border box.
...
values <length> the radius of the circle defining the curvature of the top and left edges of the element, specified as a css <length>.
... formal definition initial
value0applies toall elementsinheritednopercentagesrefer to the corresponding dimension of the border boxcomputed
valueas specifiedanimation typea length, percentage or calc(); formal syntax <outline-radius>where <outline-radius> = <length> | <percentage> examples the example below will not display the desired effect if you are viewing this in a browser other than firefox.
-moz-outline-radius-topright - CSS: Cascading Style Sheets
syntax the
value of -moz-outline-radius-topright is either a css <length> or a percentage of the corresponding dimensions of the border box.
...
values <length> the radius of the circle defining the curvature of the top and right edges of the element, specified as a css <length>.
... formal definition initial
value0applies toall elementsinheritednopercentagesrefer to the corresponding dimension of the border boxcomputed
valueas specifiedanimation typea length, percentage or calc(); formal syntax <outline-radius>where <outline-radius> = <length> | <percentage> examples html <p>look at this paragraph's top-right corner.</p> css p { margin: 5px; border: solid cyan; outline: dotted red; -moz-outline-radius-topright: 2em; } result the example above will not display the desired effect if you are viewing this in a browser other than firefox.
-webkit-line-clamp - CSS: Cascading Style Sheets
syntax /* keyword
value */ -webkit-line-clamp: none; /* <integer>
values */ -webkit-line-clamp: 3; -webkit-line-clamp: 10; /* global
values */ -webkit-line-clamp: inherit; -webkit-line-clamp: initial; -webkit-line-clamp: unset; none this
value specifies that the content wonʼt be clamped.
... <integer> this
value specifies the number of lines after which the content will be clamped.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax none | <integer> examples truncating a paragraph html <p> in this example the <code>-webkit-line-clamp</code> property is set to <code>3</code>, which means the text is clamped after three lines.
-webkit-mask-box-image - CSS: Cascading Style Sheets
initial
value: none applies to: all elements inherited: no media: visual computed
value: as specified syntax -webkit-mask-box-image: <mask-box-image> [<top> <right> <bottom> <left> <x-repeat> <y-repeat>] where: <mask-box-image> <uri> | <gradient> | none <top> <right> <bottom> <left> <length> | <percentage> <x-repeat> <y-repeat> repeat | stretch | round | space
values <uri> the location of the image resource to be used as a mask image.
... <percentage> the mask image's offset has a percentage
value relative to the border box's corresponding dimension (width or height).
... formal definition
value not found in db!
-webkit-mask-position-x - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-mask-position-x: left; -webkit-mask-position-x: center; -webkit-mask-position-x: right; /* <percentage>
values */ -webkit-mask-position-x: 100%; -webkit-mask-position-x: -50%; /* <length>
values */ -webkit-mask-position-x: 50px; -webkit-mask-position-x: -1cm; /* multiple
values
values */ -webkit-mask-position-x: 50px, 25%, -3em; /* global
values */ -webkit-mask-position-x: inherit; -webkit-mask-position-x: initial; -webkit-mask-position-x: unset; initial
value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed
valuefor <length> the absolute
value, otherwise a percentageanimation typediscrete syntax
values <length...
...that means, a
value of 0% means the left edge of the image is aligned with the box's left padding edge and a
value of 100% means the right edge of the image is aligned with the box's right padding edge.
... formal definition initial
value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed
valuefor <length> the absolute
value, otherwise a percentageanimation typediscrete formal syntax [ <length-percentage> | left | center | right ]#where <length-percentage> = <length> | <percentage> examples horizontally positioning a mask image .exampleone { -webkit-mask-image: url(mask.png); -webkit-mask-position-x: right; } .exampletwo { -webkit-mask-image: url(mask.png); -webkit-mask-position-x: 25%; } specifications not part of any standard.
-webkit-mask-position-y - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-mask-position-y: top; -webkit-mask-position-y: center; -webkit-mask-position-y: bottom; /* <percentage>
values */ -webkit-mask-position-y: 100%; -webkit-mask-position-y: -50%; /* <length>
values */ -webkit-mask-position-y: 50px; -webkit-mask-position-y: -1cm; /* multiple
values
values */ -webkit-mask-position-y: 50px, 25%, -3em; /* global
values */ -webkit-mask-position-y: inherit; -webkit-mask-position-y: initial; -webkit-mask-position-y: unset; initial
value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed
valuefor <length> the absolute
value, otherwise a percentageanimation typediscrete syntax
values <length-p...
...a
value of 0% means the top edge of the image is aligned with the box's top padding edge and a
value of 100% means the bottom edge of the image is aligned with the box's bottom padding edge.
... formal definition initial
value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed
valuefor <length> the absolute
value, otherwise a percentageanimation typediscrete formal syntax [ <length-percentage> | top | center | bottom ]#where <length-percentage> = <length> | <percentage> examples vertically positioning a mask image .exampleone { -webkit-mask-image: url(mask.png); -webkit-mask-position-y: bottom; } .exampletwo { -webkit-mask-image: url(mask.png); -webkit-mask-position-y: 25%; } specifications not part of any standard.
-webkit-print-color-adjust - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-print-color-adjust: economy; -webkit-print-color-adjust: exact; /* global
values */ -webkit-print-color-adjust: inherit; -webkit-print-color-adjust: initial; -webkit-print-color-adjust: unset; syntax the -webkit-print-color-adjust property is specified as one of the keyword
values listed below.
...
values economy normal behavior.
... formal definition
value not found in db!
:out-of-range - CSS: Cascading Style Sheets
the :out-of-range css pseudo-class represents an <input> element whose current
value is outside the range limits specified by the min and max attributes.
... /* selects any <input>, but only when it has a range specified, and its
value is outside that range */ input:out-of-range { background-color: rgba(255, 0, 0, 0.25); } this pseudo-class is useful for giving the user a visual indication that a field's current
value is outside the permitted limits.
...in the absence of such a limitation, the element can neither be "in-range" nor "out-of-range." syntax :out-of-range examples html <form action="" id="form1"> <p>
values between 1 and 10 are valid.</p> <ul> <li> <input id="
value1" name="
value1" type="number" placeholder="1 to 10" min="1" max="10"
value="12"> <label for="
value1">your
value is </label> </li> </ul> </form> css li { list-style: none; margin-bottom: 1em; } input { border: 1px solid black; } input:in-range { background-color: rgba(0, 255, 0, 0.25); } input:out-of-range { background-color: rgba(255, 0, 0, 0.25); border: 2px solid red; } input:in-range + label::after { content: 'okay.'; } inp...
:visited - CSS: Cascading Style Sheets
although these styles can be change the appearance of colors to the end user, the window.getcomputedstyle method will lie and always return the
value of the non-:visited color.
...of the properties that can be set with this pseudo-class, your browser probably has a default
value for color and column-rule-color only.
... thus, if you want to modify the other properties, you'll need to give them a base
value outside the :visited selector.
font-variation-settings - CSS: Cascading Style Sheets
syntax /* use the default settings */ font-variation-settings: normal; /* set
values for opentype axis names */ font-variation-settings: "xhgt" 0.7;
values normal text is laid out using default settings.
...each setting is always a <string> of 4 ascii characters, followed by a <number> indicating the axis
value.
... formal definition related at-rule@font-faceinitial
valuenormalcomputed
valueas specified formal syntax normal | [ <string> <number> ]# examples setting font weight and stretch in a @font-face rule @font-face { font-family: 'opentypefont'; src: url('open_type_font.woff2') format('woff2'); font-weight: normal; font-style: normal; font-variation-settings: 'wght' 400, 'wdth' 300; } specifications specification status comment css fonts module level 4the definition of 'font-variation-settings' in that specification.
-ms-high-contrast - CSS: Cascading Style Sheets
syntax the -ms-high-contrast media feature is specified as one of the following
values.
...
values none ...
... because high contrast mode themes are dynamic, use these color keywords in place of other css color
values.
-webkit-animation - CSS: Cascading Style Sheets
the -webkit-animation boolean css media feature is a chrome extension whose
value is true if vendor-prefixed css animations are supported.
... syntax the -webkit-animation media feature is a boolean whose
value is true if the vendor-prefixed css animation properties are supported.
...
values true the browser supports -webkit prefixed css animations.
-webkit-transform-2d - CSS: Cascading Style Sheets
the -webkit-transform-2d boolean css media feature is a chrome extension whose
value is true if vendor-prefixed css 2d transforms are supported.
... syntax -webkit-transform-2d is a boolean css media feature whose
value is true if the browser supports -webkit prefixed css 2d transforms.
...
values true the browser supports the 2d css transforms with the -webkit prefix.
-webkit-transform-3d - CSS: Cascading Style Sheets
the -webkit-transform-3d boolean css media feature is a chrome extension whose
value is true if vendor-prefixed css 3d transforms are supported.
... syntax -webkit-transform-3d is a boolean css media feature whose
value is true if the browser supports -webkit prefixed css 3d transforms.
...
values true the browser supports the 3d css transforms with the -webkit prefix.
bleed - CSS: Cascading Style Sheets
syntax /* keyword
values */ bleed: auto; /* <length>
values */ bleed: 8pt; bleed: 1cm;
values auto computes to 6pt if the
value of marks is crop.
...
values may be negative, but there may be implementation-specific limits.
... formal definition related at-rule@pageinitial
valueautocomputed
valueas specified formal syntax auto | <length> examples setting a page bleed of 1cm @page { bleed: 1cm; } specifications specification status comment css paged media module level 3the definition of 'bleed' in that specification.
max-height - CSS: Cascading Style Sheets
syntax /* keyword
value */ max-height: auto; /* <length>
values */ max-height: 400px; max-height: 50em; max-height: 20cm; /* <percentage>
value */ max-height: 75%;
values auto the used
value is calculated from the other css descriptors'
values.
... <percentage> a percentage
value relative to the height of the initial viewport at zoom factor 1.0 for vertical lengths.
... formal definition related at-rule@viewportinitial
valueautopercentagesrefer to the height of the initial viewportcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport max height in pixels @viewport { max-height: 600px; } specifications specification status comment css device adaptationthe definition of '"max-height" descriptor' in that specification.
max-width - CSS: Cascading Style Sheets
syntax /* keyword
value */ max-width: auto; /* <length>
values */ max-width: 600px; max-width: 80em; max-width: 15cm; /* <percentage>
value */ max-width: 75%;
values auto the used
value is calculated from the other css descriptors'
values.
... <percentage> a percentage
value relative to the width of the initial viewport at zoom factor 1.0 for horizontal lengths.
... formal definition related at-rule@viewportinitial
valueautopercentagesrefer to the width of the initial viewportcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport max width in pixels @viewport { max-width: 600px; } specifications specification status comment css device adaptationthe definition of '"max-width" descriptor' in that specification.
min-height - CSS: Cascading Style Sheets
syntax /* keyword
value */ min-height: auto; /* <length>
values */ min-height: 120px; min-height: 20em; min-height: 10cm; /* <percentage>
value */ min-height: 25%;
values auto the used
value is calculated from the other css descriptors'
values.
... <percentage> a percentage
value relative to the height of the initial viewport at zoom factor 1.0 for vertical lengths.
... formal definition related at-rule@viewportinitial
valueautopercentagesrefer to the height of the initial viewportcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport min height in pixels @viewport { min-height: 200px; } specifications specification status comment css device adaptationthe definition of '"min-height" descriptor' in that specification.
min-width - CSS: Cascading Style Sheets
syntax /* keyword
value */ min-width: auto; /* <length>
values */ min-width: 320px; min-width: 40em; min-width: 5cm; /* <percentage>
value */ min-width: 25%;
values auto the used
value is calculated from the other css descriptors'
values.
... <percentage> a percentage
value relative to the width or height of the initial viewport at zoom factor 1.0, for horizontal and vertical lengths respectively.
... formal definition related at-rule@viewportinitial
valueautopercentagesrefer to the width of the initial viewportcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport min width in pixels @viewport { min-width: 200px; } specifications specification status comment css device adaptationthe definition of '"min-width" descriptor' in that specification.
orientation - CSS: Cascading Style Sheets
/* keyword
values */ orientation: auto; orientation: portrait; orientation: landscape; for a ua/device where the orientation is changed upon tilting the device, an author can use this descriptor to inhibit the orientation change.
... syntax
values auto the user agent will set the document's orientation automatically, typically based on the device's orientation as determined by an accelerometer (if the device has such a hardware sensor), although there is often a user-controlled, os-level "lock orientation" setting that will trump the accelerometer reading.
... formal definition related at-rule@viewportinitial
valueautopercentagesrefer to the size of bounding boxcomputed
valueas specified formal syntax auto | portrait | landscape examples setting viewport orientation @viewport { orientation: landscape; } specifications specification status comment css device adaptationthe definition of '"orientation" descriptor' in that specification.
Stacking context example 1 - CSS: Cascading Style Sheets
if div #2 is assigned a positive (non-zero and non-auto) z-index
value, it is rendered above all the other divs.
...it happens that, since div #1 and div #3 are not assigned any z-index
value, they do not create a stacking context.
...it is important to remember that assigning an opacity less than 1 to a positioned element implicitly creates a stacking context, just like adding a z-index
value.
CSS selectors - CSS: Cascading Style Sheets
id selector selects an element based on the
value of its id attribute.
... syntax: [attr] [attr=
value] [attr~=
value] [attr|=
value] [attr^=
value] [attr$=
value] [attr*=
value] example: [autoplay] will match all elements that have the autoplay attribute set (to any
value).
... specifications specification status comment selectors level 4 working draft added the || column combinator, grid structural selectors, logical combinators, location, time-demensional, resource state, linguistic and ui pseudo-classes, modifier for ascii case-sensitive and case-insensitive attribute
value selection.
ID selectors - CSS: Cascading Style Sheets
the css id selector matches an element based on the
value of the element’s id attribute.
... in order for the element to be selected, its id attribute must match exactly the
value given in the selector.
... /* the element with id="demo" */ #demo { border: red 2px solid; } syntax #id_
value { style properties } note that syntactically (but not specificity-wise), this is equivalent to the following attribute selector: [id=id_
value] { style properties } examples css #identified { background-color: skyblue; } html <div id="identified">this div has a special id on it!</div> <div>this is just a regular div.</div> result specifications specification status comment selectors level 4the definition of 'id selectors' in that specification.
Using media queries - CSS: Cascading Style Sheets
media feature expressions test for their presence or
value, and are entirely optional.
...} if you create a media feature query without specifying a
value, the nested styles will be used as long as the feature's
value is not zero (or none, in level 4).
...} using min- and max- we might test for a width between two
values like so: @media (min-width: 30em) and (max-width: 50em) { ...
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.
...ill accepted] -moz-transform-style [prefixed version still accepted] -moz-transition [prefixed version still accepted] -moz-transition-delay [prefixed version still accepted] -moz-transition-duration [prefixed version still accepted] -moz-transition-property [prefixed version still accepted] -moz-transition-timing-function [prefixed version still accepted] -moz-user-select
values global
values -moz-initial -moz-appearance button button-arrow-down button-arrow-next button-arrow-previous button-arrow-up button-bevel checkbox checkbox-container checkbox-label checkmenuitem dialog groupbox listbox menuarrow menucheckbox menuimage menuitem menuitemtext menulist menulist-button menulist-text menulist-textfield menupopup menuradio menuseparat...
...ete since gecko 62 -moz-inline-stackobsolete since gecko 62 -moz-inline-table -moz-gridobsolete since gecko 62 -moz-grid-groupobsolete since gecko 62 -moz-grid-lineobsolete since gecko 62 -moz-groupbox -moz-deckobsolete since gecko 62 -moz-popupobsolete since gecko 62 -moz-stackobsolete since gecko 62 -moz-markerobsolete since gecko 62 empty-cells -moz-show-background (default
value in quirks mode) font -moz-button -moz-info -moz-desktop -moz-dialog (also a color) -moz-document -moz-workspace -moz-window -moz-list -moz-pull-down-menu -moz-field (also a color) font-family -moz-fixed image-rendering -moz-crisp-edges <length> -moz-calc list-style-type -moz-arabic-indic -moz-bengali -moz-cjk-earthly-branch -moz-cjk-heavenly-stem -m...
Privacy and the :visited selector - CSS: Cascading Style Sheets
little white lies to preserve users' privacy, firefox and other browsers will lie to web applications under certain circumstances: the window.getcomputedstyle method, and similar functions such as element.queryselector, will always return
values indicating that a user has never visited any of the links on a page.
... here is an example of how to use styles with the aforementioned restrictions: :link { outline: 1px dotted blue; background-color: white; /* the default
value of background-color is `transparent`.
... you need to specify a different
value, otherwise changes on :visited won't apply.
<angle-percentage> - CSS: Cascading Style Sheets
the <angle-percentage> css data type represents a
value that can be either a <angle> or a <percentage>.
... specifications specification status comment css
values and units module level 4the definition of '<angle-percentage>' in that specification.
... editor's draft css
values and units module level 3the definition of '<angle-percentage>' in that specification.
backface-visibility - CSS: Cascading Style Sheets
(this property has no effect on 2d transforms, which have no perspective.) syntax /* keyword
values */ backface-visibility: visible; backface-visibility: hidden; /* global
values */ backface-visibility: inherit; backface-visibility: initial; backface-visibility: unset; the backface-visibility property is specified as one of the keywords listed below.
...
values visible the back face is visible when turned towards the user.
... formal definition initial
valuevisibleapplies totransformable elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax visible | hidden examples cube with transparent and opaque faces this example shows a cube with transparent faces, and one with opaque faces.
border-block-color - CSS: Cascading Style Sheets
it corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax
values <'color'> the color of the border.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typediscrete formal syntax <'border-top-color'>{1,2} 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-lr; border: 10px solid blue; border-block-color: red; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-color' in that specification.
border-block-end-color - CSS: Cascading Style Sheets
it corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the
values defined for writing-mode, direction, and text-orientation.
...
values <'color'> the color of the border.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typea color formal syntax <'border-top-color'> examples border color 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-lr; border: 10px solid blue; border-block-end-color: red; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-end-color' in that specification.
border-block-start-color - CSS: Cascading Style Sheets
it corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the
values defined for writing-mode, direction, and text-orientation.
...
values <'color'> see border-color formal definition initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typea color formal syntax <'border-top-color'> examples border color with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { wr...
...iting-mode: vertical-lr; border: 10px solid blue; border-block-start-color: red; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-block-start-color' in that specification.
border-bottom-style - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-bottom-style: none; border-bottom-style: hidden; border-bottom-style: dotted; border-bottom-style: dashed; border-bottom-style: solid; border-bottom-style: double; border-bottom-style: groove; border-bottom-style: ridge; border-bottom-style: inset; border-bottom-style: outset; /* global
values */ border-bottom-style: inherit; border-bottom-style: initial; border-bottom-style: unset; ...
... formal definition initial
valuenoneapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax <line-style>where <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset examples demonstrating all border styles html <table> <tr> <td class="b1">none</td> <td class="b2">hidden</td> <td class="b3">dotted</td> <td class="b4">dashed</td> </tr> <tr> <td class="b5">solid</td> <td class="b6">double</td> <td class="b7">groove</td> <td class="b8">ridge</td> </tr> <tr> <td class="b9">inset</td> <td class="b10">outset</td> </tr> </table> css /* define look of the table */ table { border-width: 3px; background-color: #52e385; } tr, td { padding: 3px; } /* border-bottom-style example clas...
border-inline-color - CSS: Cascading Style Sheets
it corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the
values defined for writing-mode, direction, and text-orientation.
... syntax
values <'color'> the color of the border.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typediscrete formal syntax <'border-top-color'>{1,2} examples border color 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-lr; border: 10px solid blue; border-inline-color: red; } results specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-color' in that specification.
border-inline-end-color - CSS: Cascading Style Sheets
it corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the
values defined for writing-mode, direction, and text-orientation.
... initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typea color
values <'color'> the color of the border.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typea color formal syntax <'border-top-color'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-inline-end-color: red; } specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-end-color' in that specification.
border-inline-start-color - CSS: Cascading Style Sheets
it corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the
values defined for writing-mode, direction, and text-orientation.
...
values <'color'> the color of the border.
... formal definition initial
valuecurrentcolorapplies toall elementsinheritednocomputed
valuecomputed coloranimation typea color formal syntax <'border-top-color'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-inline-start-color: red; } specifications specification status comment css logical properties and
values level 1the definition of 'border-inline-start-color' in that specification.
border-left-style - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-left-style: none; border-left-style: hidden; border-left-style: dotted; border-left-style: dashed; border-left-style: solid; border-left-style: double; border-left-style: groove; border-left-style: ridge; border-left-style: inset; border-left-style: outset; /* global
values */ border-left-style: inherit; border-left-style: initial; border-left-style: unset; the border-left-style pro...
... formal definition initial
valuenoneapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax <line-style>where <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset examples html <table> <tr> <td class="b1">none</td> <td class="b2">hidden</td> <td class="b3">dotted</td> <td class="b4">dashed</td> </tr> <tr> <td class="b5">solid</td> <td class="b6">double</td> <td class="b7">groove</td> <td class="b8">ridge</td> </tr> <tr> <td class="b9">inset</td> <td class="b10">outset</td> </tr> </table> css /* define look of the table */ table { border-width: 2px; background-color: #52e385; } tr, td { padding: 3px; } /* border-left-style example classes */ .b1 {border-left-style: none...
border-right-style - CSS: Cascading Style Sheets
syntax /* keyword
values */ border-right-style: none; border-right-style: hidden; border-right-style: dotted; border-right-style: dashed; border-right-style: solid; border-right-style: double; border-right-style: groove; border-right-style: ridge; border-right-style: inset; border-right-style: outset; /* global
values */ border-right-style: inherit; border-right-style: initial; border-right-style: unset; the border-r...
... formal definition initial
valuenoneapplies toall elements.
... it also applies to ::first-letter.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax <line-style>where <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset examples border styles html <table> <tr> <td class="b1">none</td> <td class="b2">hidden</td> <td class="b3">dotted</td> <td class="b4">dashed</td> </tr> <tr> <td class="b5">solid</td> <td class="b6">double</td> <td class="b7">groove</td> <td class="b8">ridge</td> </tr> <tr> <td class="b9">inset</td> <td class="b10">outset</td> </tr> </table> css /* define look of the table */ table { border-width: 2px; background-color: #52e385; } tr, td { padding: 3px; } /* border-right-style example classes */ .b1 {border-...
box-direction - CSS: Cascading Style Sheets
/* keyword
values */ box-direction: normal; box-direction: reverse; /* global
values */ box-direction: inherit; box-direction: initial; box-direction: unset; syntax the box-direction property is specified as one of the keyword
values listed below.
...
values normal the box lays out its contents from the start (the left or top edge).
... formal definition initial
valuenormalapplies toelements with a css display
value of box or inline-boxinheritednocomputed
valueas specifiedanimation typediscrete formal syntax normal | reverse | inherit examples setting box direction .example { /* bottom-to-top layout */ -moz-box-direction: reverse; /* mozilla */ -webkit-box-direction: reverse; /* webkit */ box-direction: reverse; /* as specified */...
box-flex-group - CSS: Cascading Style Sheets
/* <integer>
values */ box-flex-group: 1; box-flex-group: 5; /* global
values */ box-flex-group: inherit; box-flex-group: initial; box-flex-group: unset; for flexible elements assigned to flex groups, the first flex group is 1 and higher
values specify subsequent flex groups.
... the initial
value is 1.
... formal definition initial
value1applies toin-flow children of box elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <integer> examples simple usage example in the original flexbox spec, box-flex-group could be used to assign flex children to different groups to distribute flexible space between: article:nth-child(1) { -webkit-box-flex-group: 1; } article:nth-child(2) { -webkit-box-flex...
column-count - CSS: Cascading Style Sheets
syntax /* keyword
value */ column-count: auto; /* <integer>
value */ column-count: 3; /* global
values */ column-count: inherit; column-count: initial; column-count: unset;
values auto the number of columns is determined by other css properties, such as column-width.
...if the column-width is also set to a non-auto
value, it merely indicates the maximum allowed number of columns.
... formal definition initial
valueautoapplies toblock containers except table wrapper boxesinheritednocomputed
valueas specifiedanimation typean integer formal syntax <integer> | auto examples splitting a paragraph across three columns html <p class="content-box"> this is a bunch of text split into three columns using the css `column-count` property.
column-rule-width - CSS: Cascading Style Sheets
syntax /* keyword
values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick; /* <length>
values */ column-rule-width: 1px; column-rule-width: 2.5em; /* global
values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: unset; the column-rule-width property is specified as a single <'border-width'>
value.
...
values <'border-width'> is a keyword defined by border-width describing the width of the rule.
... formal definition initial
valuemediumapplies tomulticol elementsinheritednocomputed
valuethe absolute length; 0 if the column-rule-style is none or hiddenanimation typea length formal syntax <'border-width'> examples setting a thick column rule html <p>this is a bunch of text split into three columns.
<dimension> - CSS: Cascading Style Sheets
examples valid dimensions 12px 12 pixels 1rem 1 rem 1.2pt 1.2 points 2200ms 2200 milliseconds 5s 5 seconds 200hz 200 hertz 200hz 200 hertz (
values are case insensitive) invalid dimensions 12 px the unit must come immediately after the number.
... specifications specification status comment css
values and units module level 4the definition of '<dimension>' in that specification.
... editor's draft adds cap, ic, lh, rlh, vi, vb css
values and units module level 3the definition of '<dimension>' in that specification.
<display-box> - CSS: Cascading Style Sheets
syntax valid <display-box>
values: contents these elements don't produce a specific box by themselves.
...please note that the css display level 3 spec defines how the contents
value should affect "unusual elements" — elements that aren’t rendered purely by css box concepts such as replaced elements.
... accessibility concerns current implementations in most browsers will remove from the accessibility tree any element with a display
value of contents.
<display-listitem> - CSS: Cascading Style Sheets
syntax a single
value of list-item will cause the element to behave like a list item.
... note: in browsers that support the two-
value syntax, if no inner
value is specified it will default to flow.
... if no outer
value is specified, the principal box will have an outer display type of block.
<display-outside> - CSS: Cascading Style Sheets
these keywords are used as
values of the display property, and can be used for legacy purposes as a single keyword, or as defined in the level 3 specification alongside a
value from the <display-inside> keywords.
... syntax valid <display-outside>
values: block the element generates a block element box, generating line breaks both before and after the element when in the normal flow.
... note: browsers that support the two
value syntax, on finding the outer
value only, such as when display: block or display: inline is specified, will set the inner
value to flow.
empty-cells - CSS: Cascading Style Sheets
syntax /* keyword
values */ empty-cells: show; empty-cells: hide; /* global
values */ empty-cells: inherit; empty-cells: initial; empty-cells: unset; the empty-cells property is specified as one of the keyword
values listed below.
...
values show borders and backgrounds are drawn like in normal cells.
... formal definition initial
valueshowapplies totable-cell elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax show | hide example showing and hiding empty table cells html <table class="table_1"> <tr> <td>moe</td> <td>larry</td> </tr> <tr> <td>curly</td> <td></td> </tr> </table> <br> <table class="table_2"> <tr> <td>moe</td> <td>larry</td> </tr> <tr> <td>curly</td> <td></td> </tr> </table> css .table_1 { empty-cells: show; } .table_2 { empty-cells: hide; } td, th { border: 1px solid gray; padding: 0.5rem; } result specifications specification status comment css level 2 (revision 1)the definition of 'empty-cells' in that ...
blur() - CSS: Cascading Style Sheets
it defines the
value of the standard deviation to the gaussian function, i.e., how many pixels on the screen blend into each other; thus, a larger
value will create more blur.
... a
value of 0 leaves the input unchanged.
... the lacuna
value for interpolation is 0.
brightness() - CSS: Cascading Style Sheets
a
value under 100% darkens the image, while a
value over 100% brightens it.
... a
value of 0% will create an image that is completely black, while a
value of 100% leaves the input unchanged.
... the lacuna
value for interpolation is 1.
contrast() - CSS: Cascading Style Sheets
a
value under 100% decreases the contrast, while a
value over 100% increases it.
... a
value of 0% will create an image that is completely gray, while a
value of 100% leaves the input unchanged.
... the lacuna
value for interpolation is 1.
invert() - CSS: Cascading Style Sheets
a
value of 100% is completely inverted, while a
value of 0% leaves the input unchanged.
...
values between 0% and 100% are linear multipliers on the effect.
... the lacuna
value for interpolation is 0.
opacity() - CSS: Cascading Style Sheets
a
value of 0% is completely transparent, while a
value of 100% leaves the input unchanged.
...
values between 0% and 100% are linear multipliers on the effect.
... the lacuna
value for interpolation is 1.
saturate() - CSS: Cascading Style Sheets
a
value under 100% desaturates the image, while a
value over 100% super-saturates it.
... a
value of 0% is completely unsaturated, while a
value of 100% leaves the input unchanged.
... the lacuna
value for interpolation is 1.
sepia() - CSS: Cascading Style Sheets
a
value of 100% is completely sepia, while a
value of 0% leaves the input unchanged.
...
values between 0% and 100% are linear multipliers on the effect.
... the lacuna
value for interpolation is 0.
font-optical-sizing - CSS: Cascading Style Sheets
syntax /* keyword
values */ font-optical-sizing: none; font-optical-sizing: auto; /* default */ /* global
values */ font-optical-sizing: inherit; font-optical-sizing: initial; font-optical-sizing: unset;
values none the browser will not modify the shape of glyphs for optimal viewing.
... formal definition initial
valueautoapplies toall elements.
... it also applies to ::first-letter and ::first-line.inheritedyescomputed
valueas specifiedanimation typediscrete formal syntax auto | none examples disabling optical sizing <p class="optical-sizing">this paragraph is optically sized.
font-smooth - CSS: Cascading Style Sheets
syntax /* keyword
values */ font-smooth: auto; font-smooth: never; font-smooth: always; /* <length>
value */ font-smooth: 2em; webkit implements a similar property, but with different
values: -webkit-font-smoothing.
... firefox implements a similar property, but with different
values: -moz-osx-font-smoothing.
... formal definition initial
valueautoapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax auto | never | always | <absolute-size> | <length>where <absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large examples basic usage example the following example shows the safari/chromium and firefox equivalents that turn on font-smoothing on macos.
<frequency> - CSS: Cascading Style Sheets
examples valid frequency
values 12hz positive integer 4.3hz non-integer 14khz the unit is case-insensitive, though non-si capitalization is not recommended.
... +0hz zero, with a leading + and a unit -0khz zero, with a leading - and a unit invalid frequency
values 12.0 this is a <number>, not an <frequency>, because it is missing a unit.
... specifications specification status comment css
values and units module level 3the definition of '<frequency>' in that specification.
hyphens - CSS: Cascading Style Sheets
syntax /* keyword
values */ hyphens: none; hyphens: manual; hyphens: auto; /* global
values */ hyphens: inherit; hyphens: initial; hyphens: unset; the hyphens property is specified as a single keyword
value chosen from the list below.
...
values none words are not broken at line breaks, even if characters inside the words suggest line break points.
... formal definition initial
valuemanualapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax none | manual | auto examples specifying text hyphenation this example uses three classes, one for each possible configuration of the hyphens property.
initial-letter-align - CSS: Cascading Style Sheets
/* keyword
values */ initial-letter-align: auto; initial-letter-align: alphabetic; initial-letter-align: hanging; initial-letter-align: ideographic; /* global
values */ initial-letter-align: inherit; initial-letter-align: initial; initial-letter-align: unset; syntax one of the keyword
values listed below.
...
values auto the user agent selects the
value which corresponds to the language of the text.
... formal definition initial
valueautoapplies to::first-letter pseudo-elements and inline-level first child of a block containerinheritednocomputed
valueas specifiedanimation typediscrete formal syntax [ auto | alphabetic | hanging | ideographic ] examples aligning initial letter html <p class="auto ">initial letter - auto</p> <p class="alphabetic">initial letter - alphabetic</p> <p class="hanging">initial letter - hanging</...
inset-block-end - CSS: Cascading Style Sheets
it corresponds to the top, right, bottom, or left property depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <length>
values */ inset-block-end: 3px; inset-block-end: 2.4em; /* <percentage>s of the width or height of the containing block */ inset-block-end: 10%; /* keyword
value */ inset-block-end: auto; /* global
values */ inset-block-end: inherit; inset-block-end: initial; inset-block-end: unset; syntax
values the inset-block-end 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'> examples setting block end offset html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; position: relative; inset-block-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'inset-block-end' in that specification.
inset-block-start - CSS: Cascading Style Sheets
it corresponds to the top, right, bottom, or left property depending on the
values defined for writing-mode, direction, and text-orientation.
... /* <length>
values */ inset-block-start: 3px; inset-block-start: 2.4em; /* <percentage>s of the width or height of the containing block */ inset-block-start: 10%; /* keyword
value */ inset-block-start: auto; /* global
values */ inset-block-start: inherit; inset-block-start: initial; inset-block-start: unset; syntax
values the inset-block-start 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'> examples setting block start offset 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-start: 20px; background-color: #c8c800; } specifications specification status comment css logical properties and
values level 1the definition of 'inset-block-start' in that specification.
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 has the same multi-
value syntax of the margin shorthand.
... /* <length>
values */ inset: 10px; /*
value applied to all edges */ inset: 4px 8px; /* top/bottom left/right */ inset: 5px 15px 10px; /* top left/right bottom */ inset: 2.4em 3em 3em 3em; /* top right bottom left */ /* <percentage>s of the width (left/right) or height (top/bottom) of the containing block */ inset: 10% 5% 5% 5%; /* keyword
value */ inset: auto; /* global
values */ inset: inherit; inset: initial; inset: unset; syntax
values the inset 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,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 40px 30px 10px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'inset' in that specific...
line-height-step - CSS: Cascading Style Sheets
/* point
values */ line-height-step: 18pt; syntax the line-height-step property is specified as any one of the following: a <length>.
...
values <length> the specified <length> is used in the calculation of the line box height step.
... formal definition initial
value0applies toblock containersinheritedyescomputed
valueabsolute <length>animation typediscrete formal syntax <length> examples setting step unit for line box height in the following example, the height of line box in each paragraph is rounded up to the step unit.
list-style-image - CSS: Cascading Style Sheets
syntax /* keyword
values */ list-style-image: none; /* <url>
values */ list-style-image: url('starsolid.gif'); /* global
values */ list-style-image: inherit; list-style-image: initial; list-style-image: unset;
values <url> location of image to use as the marker.
...if this
value is set, the marker defined in list-style-type will be used instead.
... formal definition initial
valuenoneapplies tolist itemsinheritedyescomputed
valuenone or the image with its uri made absoluteanimation typediscrete formal syntax <url> | none examples setting list item images html <ul> <li>item 1</li> <li>item 2</li> </ul> css ul { list-style-image: url("https://mdn.mozillademos.org/files/11981/starsolid.gif"); } result specifications specification status comment css lists module level 3the definition of 'list-style-image' in that specification.
list-style-position - CSS: Cascading Style Sheets
syntax /* keyword
values */ list-style-position: inside; list-style-position: outside; /* global
values */ list-style-position: inherit; list-style-position: initial; list-style-position: unset; the list-style-position property is specified as one of the keyword
values listed below.
...
values inside the ::marker is the first element among the list item's contents.
... formal definition initial
valueoutsideapplies tolist itemsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax inside | outside examples setting list item position html <ul class="inside">list 1 <li>list item 1-1</li> <li>list item 1-2</li> <li>list item 1-3</li> <li>list item 1-4</li> </ul> <ul class="outside">list 2 <li>list item 2-1</li> <li>list item 2-2</li> <li>list item 2-3</li> <li>list item 2-4</li> </ul> <ul class="inside-img">list 3 <li>list item 3-1</li> <li>list item 3-2</li> <li>list item 3-3</li> <li>list item 3-4</li> </ul> css .inside { list-style-position: inside; list-style-type: square; } .outside { list-style-position: outside; list-style-type: circl...
margin-block - CSS: Cascading Style Sheets
/* <length>
values */ margin-block: 10px 20px; /* an absolute length */ margin-block: 1em 2em; /* relative to the text size */ margin-block: 5% 2%; /* relative to the nearest block container's width */ margin-block: 10px; /* sets both start and end
values */ /* keyword
values */ margin-block: auto; /* global
values */ margin-block: inherit; margin-block: initial; margin-block: unset; these
values corresponds to the margin-top and margin-bottom, or margin-right, and margin-left property 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-block-end margin-block-start syntax
values the margin-block property takes the same
values as the margin-left property.
... formal definition initial
value0applies tosame as margininheritednopercentagesdepends on layout modelcomputed
valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified
value; otherwise, autoanimation typediscrete formal syntax <'margin-left'>{1,2} examples setting block 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-block: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical properties and
values level 1the definition of 'margin-block' in that specification.
mask-border-mode - CSS: Cascading Style Sheets
syntax /* keyword
values */ mask-border-mode: luminance; mask-border-mode: alpha; /* global
values */ mask-border-mode: inherit; mask-border-mode: initial; mask-border-mode: unset;
values luminance the luminance
values of the mask border image are used as the mask
values.
... alpha the alpha
values of the mask border image are used as the mask
values.
... formal definition initial
valuealphaapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax luminance | alpha examples basic usage this property doesn't yet seem to have support anywhere.
max-width - CSS: Cascading Style Sheets
it prevents the used
value of the width property from becoming larger than the
value specified by max-width.
... syntax /* <length>
value */ max-width: 3.5em; /* <percentage>
value */ max-width: 75%; /* keyword
values */ max-width: none; max-width: max-content; max-width: min-content; max-width: fit-content(20em); /* global
values */ max-width: inherit; max-width: initial; max-width: unset;
values <length> defines the max-width as an absolute
value.
... mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | w3c understanding wcag 2.0 formal definition initial
valuenoneapplies toall elements but non-replaced inline elements, table rows, and row groupsinheritednopercentagesrefer to the width of the containing blockcomputed
valuethe percentage as specified or the absolute length or noneanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percenta...
mix-blend-mode - CSS: Cascading Style Sheets
syntax /* keyword
values */ mix-blend-mode: normal; mix-blend-mode: multiply; mix-blend-mode: screen; mix-blend-mode: overlay; mix-blend-mode: darken; mix-blend-mode: lighten; mix-blend-mode: color-dodge; mix-blend-mode: color-burn; mix-blend-mode: hard-light; mix-blend-mode: soft-light; mix-blend-mode: difference; mix-blend-mode: exclusion; mix-blend-mode: hue; mix-blend-mode: saturation; mix-blend-mode: color; mix-blend-mod...
...e: luminosity; /* global
values */ mix-blend-mode: initial; mix-blend-mode: inherit; mix-blend-mode: unset;
values <blend-mode> the blending mode that should be applied.
... formal definition initial
valuenormalapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscretecreates stacking contextyes formal syntax <blend-mode>where <blend-mode> = normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity examples effect of different mix-blend-mode
values <div class="grid"> <div class="col"> <div class="note">blending in isolation (no blending with the background)</div> <div class="row isolate"> <div class="cell"> normal <div class="container normal"> <div class="group"> <div class="item firefox"></div> <svg viewbox="0 0 150 150"> <defs> <...
object-fit - CSS: Cascading Style Sheets
syntax the object-fit property is specified as a single keyword chosen from the list of
values below.
...
values contain the replaced content is scaled to maintain its aspect ratio while fitting within the element’s content box.
... formal definition initial
valuefillapplies toreplaced elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax fill | contain | cover | none | scale-down examples setting object-fit for an image html <section> <h2>object-fit: fill</h2> <img class="fill" src="https://udn.realityripple.com/samples/ae/248a9938d9.png" alt="mdn logo"> <img class="fill narrow" src="https://udn.realityripple.com/s...
object-position - CSS: Cascading Style Sheets
syntax /* <position>
values */ object-position: center top; object-position: 100px 50px; /* global
values */ object-position: inherit; object-position: initial; object-position: unset;
values <position> from one to four
values that define the 2d position of the element.
... formal definition initial
value50% 50%applies toreplaced elementsinheritedyespercentagesrefer to width and height of element itselfcomputed
valueas specifiedanimation typerepeatable list of simple list of length, percentage, or calc formal syntax <position>where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
... full support 19 full support 19 full support 12prefixed prefixed implemented with the vendor prefix: -o-safari ios full support 10samsung internet android full support 2.0support for three-
value syntax of positionchrome no support 31 — 68edge no support 16 — 79firefox no support 36 — 70ie no support noopera no support 19 — 55 no support 19 — 55 full support 11.6...
outline-width - CSS: Cascading Style Sheets
syntax /* keyword
values */ outline-width: thin; outline-width: medium; outline-width: thick; /* <length>
values */ outline-width: 1px; outline-width: 0.1em; /* global
values */ outline-width: inherit; the outline-width property is specified as any one of the
values listed below.
...
values <length> the width of the outline specified as a <length>.
... formal definition initial
valuemediumapplies toall elementsinheritednocomputed
valuean absolute length; if the keyword none is specified, the computed
value is 0animation typea length formal syntax <line-width>where <line-width> = <length> | thin | medium | thick examples setting an element's outline width html <span id="thin">thin</span> <span id="medium">medium</span> <span id="thick">thick</span> <span id="twopixels">2px</span> <span id="oneex">1ex</span> <span id="em">1.2em<...
overflow-anchor - CSS: Cascading Style Sheets
therefore, changing the
value of this property is typically only required if you are experiencing problems with scroll anchoring in a document or part of a document and need to turn the behavior off.
... syntax /* keyword
values */ overflow-anchor: auto; overflow-anchor: none; /* global
values */ overflow-anchor: inherit; overflow-anchor: initial; overflow-anchor: unset;
values auto the element becomes a potential anchor when adjusting scroll position.
... formal definition initial
valueautoapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | none examples prevent scroll anchoring to prevent scroll anchoring in a document, use the overflow-anchor property.
overflow-inline - CSS: Cascading Style Sheets
syntax /* keyword
values */ overflow-inline: visible; overflow-inline: hidden; overflow-inline: scroll; overflow-inline: auto; /* global
values */ overflow-inline: inherit; overflow-inline: initial; overflow-inline: unset; the overflow-inline property is specified as a single keyword chosen from the list of
values below.
...
values visible content is not clipped and may be rendered outside the padding box's inline start and end edges.
... formal definition initial
valueautoapplies toblock-containers, flex containers, and grid containersinheritednocomputed
valueas specified, except with visible/clip computing to auto/hidden respectively if one of overflow-x or overflow-y is neither visible nor clipanimation typediscrete formal syntax visible | hidden | clip | scroll | auto examples setting inline overflow behavior html <ul> <li><code>overflow-inline:hidde...
overflow-x - CSS: Cascading Style Sheets
syntax /* keyword
values */ overflow-x: visible; overflow-x: hidden; overflow-x: clip; overflow-x: scroll; overflow-x: auto; /* global
values */ overflow-x: inherit; overflow-x: initial; overflow-x: unset; the overflow-x property is specified as a single keyword chosen from the list of
values below.
...
values visible content is not clipped and may be rendered outside the padding box's left and right edges.
... formal definition initial
valuevisibleapplies toblock-containers, flex containers, and grid containersinheritednocomputed
valueas specified, except with visible/clip computing to auto/hidden respectively if one of overflow-x or overflow-y is neither visible nor clipanimation typediscrete formal syntax visible | hidden | clip | scroll | auto examples html <ul> <li><code>overflow-x:hidden</code> — hides the text outside ...
overflow-y - CSS: Cascading Style Sheets
syntax /* keyword
values */ overflow-y: visible; overflow-y: hidden; overflow-y: clip; overflow-y: scroll; overflow-y: auto; /* global
values */ overflow-y: inherit; overflow-y: initial; overflow-y: unset; the overflow-y property is specified as a single keyword chosen from the list of
values below.
...
values visible content is not clipped and may be rendered outside the padding box's top and bottom edges.
... formal definition initial
valuevisibleapplies toblock-containers, flex containers, and grid containersinheritednocomputed
valueas specified, except with visible/clip computing to auto/hidden respectively if one of overflow-x or overflow-y is neither visible nor clipanimation typediscrete formal syntax visible | hidden | clip | scroll | auto examples setting overflow-y behavior html <ul> <li><code>overflow-y:hidden</code>...
padding-block - CSS: Cascading Style Sheets
/* <length>
values */ padding-block: 10px 20px; /* an absolute length */ padding-block: 1em 2em; /* relative to the text size */ padding-block: 10px; /* sets both start and end
values */ /* <percentage>
values */ padding-block: 5% 2%; /* relative to the nearest block container's width */ /* global
values */ padding-block: inherit; padding-block: initial; padding-block: unset; these
values corresponds to the padding-top and padding-bottom, or padding-right, and padding-left property depending on the
values defined for writing-mode, direction, and text-orie...
... 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.
... formal definition initial
value0applies toall elementsinheritednopercentageslogical-width of containing blockcomputed
valueas <length>animation typediscrete formal syntax <'padding-left'>{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.
page-break-inside - CSS: Cascading Style Sheets
/* keyword
values */ page-break-inside: auto; page-break-inside: avoid; /* global
values */ page-break-inside: inherit; page-break-inside: initial; page-break-inside: unset; syntax
values auto initial
value.
...a subset of
values should be aliased as follows: page-break-inside break-inside auto auto avoid avoid formal definition initial
valueautoapplies toblock-level elements in the normal flow of the root element.
... user agents may also apply it to other elements like table-row elements.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | avoid examples avoiding page breaks inside elements html <div class="page"> <p>this is the first paragraph.</p> <section class="list"> <span>a list</span> <ol> <li>one</li> <!-- <li>two</li> --> </ol> </section> <ul> <li>one</li> <!-- <li>two</li> --> </ul> <p>this is the second paragraph.</p> <p>this is the third paragraph, it contains more text.</p> <p>this is the fourth paragraph.
<resolution> - CSS: Cascading Style Sheets
on screens, the units are related to css inches, centimeters, or pixels, not physical
values.
... specifications specification status comment css
values and units module level 4the definition of '<resolution>' in that specification.
... css
values and units module level 3the definition of '<resolution>' in that specification.
row-gap (grid-row-gap) - CSS: Cascading Style Sheets
syntax /* <length>
values */ row-gap: 20px; row-gap: 1em; row-gap: 3vmin; row-gap: 0.5cm; /* <percentage>
value */ row-gap: 10%; /* global
values */ row-gap: inherit; row-gap: initial; row-gap: unset;
values <length-percentage> is the width of the gutter separating the rows.
... <percentage>
values are relative to the dimension of the element.
... formal definition initial
valuenormalapplies tomulti-column elements, flex containers, grid containersinheritednopercentagesrefer to corresponding dimension of the content areacomputed
valueas specified, with <length>s made absolute, and normal computing to zero except on multi-column elementsanimation typea length, percentage or calc(); formal syntax normal | <length-percentage>where <length-percentage> = <length> | <percentage> examples flex layout html <div id="flexbox"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> css #flexbox { display: flex; flex-wrap: wrap; width: 300px; row-gap: 20px; } #flexbox > div { border: 1px solid green; background-color: lime; flex: 1 1 auto; width: 100px; height: 50px; } result ...
scroll-behavior - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-behavior: auto; scroll-behavior: smooth; /* global
values */ scroll-behavior: inherit; scroll-behavior: initial; scroll-behavior: unset; the scroll-behavior property is specified as one of the keyword
values listed below.
...
values auto the scrolling box scrolls instantly.
... formal definition initial
valueautoapplies toscrolling boxesinheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | smooth examples setting smooth scroll behavior html <nav> <a href="#page-1">1</a> <a href="#page-2">2</a> <a href="#page-3">3</a> </nav> <scroll-container> <scroll-page id="page-1">1</scroll-page> <scroll-page id="page-2">2</scroll-page> <scroll-page id="page-3">3</scroll-page> </scroll-container> css a { display: inline-block; width: 50px; text-decoration: none; } nav, scroll-container { display: block; margin: 0 auto; text-ali...
scroll-margin-block - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: scroll-margin-block-end scroll-margin-block-start syntax /* <length>
values */ scroll-margin-block: 10px; scroll-margin-block: 1em .5em ; /* global
values */ scroll-margin-block: inherit; scroll-margin-block: initial; scroll-margin-block: unset;
values <length> an outset from the corresponding edge of the scroll container.
... description the scroll-margin
values represent outsets defining the scroll snap area that is used for snapping this box to the snapport.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length>{1,2} specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-block' in that specification.
scroll-margin-inline-end - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-inline-end: 10px; scroll-margin-inline-end: 1em; /* global
values */ scroll-margin-inline-end: inherit; scroll-margin-inline-end: initial; scroll-margin-inline-end: unset;
values <length> an outset from the inline end edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> examples simple demonstration this example implements something very similar to the interactive example above, except that here we'll explain to you how it's implemented.
... last of all we specify the scroll margin
values, a different one for the second and third child elements: .scroller > div:nth-child(2) { scroll-margin-inline-end: 1rem; } .scroller > div:nth-child(3) { scroll-margin-inline-end: 2rem; } this means that when scrolling past the middle child elements, the scrolling will snap to 1rem outside the inline end edge of the second <div>, and 2rems outside the inline end edge of the third <div>.
scroll-margin-inline-start - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-inline-start: 10px; scroll-margin-inline-start: 1em; /* global
values */ scroll-margin-inline-start: inherit; scroll-margin-inline-start: initial; scroll-margin-inline-start: unset;
values <length> an outset from the inline start edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> examples simple demonstration this example implements something very similar to the interactive example above, except that here we'll explain to you how it's implemented.
... last of all we specify the scroll margin-
values, a different one for the second and third child elements: .scroller > div:nth-child(2) { scroll-margin-inline-start: 1rem; } .scroller > div:nth-child(3) { scroll-margin-inline-start: 2rem; } this means that when scrolling past the middle child elements, the scrolling will snap to 1rem outside the inline start edge of the second <div>, and 2rems outside the inline start edge of the third ...
scroll-padding-block-end - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-block-end: auto; /* <length>
values */ scroll-padding-block-end: 10px; scroll-padding-block-end: 1em; scroll-padding-block-end: 10%; /* global
values */ scroll-padding-block-end: inherit; scroll-padding-block-end: initial; scroll-padding-block-end: unset;
values <length-percentage> an inwards offset from the block end edge of the scrollport, as a valid length or a perce...
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-block-end' in that specification.
scroll-padding-block-start - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-block-start: auto; /* <length>
values */ scroll-padding-block-start: 10px; scroll-padding-block-start: 1em; scroll-padding-block-start: 10%; /* global
values */ scroll-padding-block-start: inherit; scroll-padding-block-start: initial; scroll-padding-block-start: unset;
values <length-percentage> an inwards offset from the block start edge of the scrollport, as a valid l...
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-block-start' in that specification.
scroll-padding-block - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: scroll-padding-block-end scroll-padding-block-start syntax /* keyword
values */ scroll-padding-block: auto; /* <length>
values */ scroll-padding-block: 10px; scroll-padding-block: 1em .5em; scroll-padding-block: 10%; /* global
values */ scroll-padding-block: inherit; scroll-padding-block: initial; scroll-padding-block: unset;
values <length-percentage> an inwards offset from the corresponding edge of the scrollport, as a valid length or a percentage.
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax [ auto | <length-percentage> ]{1,2}where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-block' in that specification.
scroll-padding-bottom - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-bottom: auto; /* <length>
values */ scroll-padding-bottom: 10px; scroll-padding-bottom: 1em; scroll-padding-bottom: 10%; /* global
values */ scroll-padding-bottom: inherit; scroll-padding-bottom: initial; scroll-padding-bottom: unset;
values <length-percentage> an inwards offset from the bottom edge of the scrollport, as a valid length or a percentage.
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-bottom' in that specification.
scroll-padding-inline-end - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-inline-end: auto; /* <length>
values */ scroll-padding-inline-end: 10px; scroll-padding-inline-end: 1em; scroll-padding-inline-end: 10%; /* global
values */ scroll-padding-inline-end: inherit; scroll-padding-inline-end: initial; scroll-padding-inline-end: unset;
values <length-percentage> an inwards offset from the inline end edge of the scrollport, as a valid length or...
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-inline-end' in that specification.
scroll-padding-inline-start - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-inline-start: auto; /* <length>
values */ scroll-padding-inline-start: 10px; scroll-padding-inline-start: 1em; scroll-padding-inline-start: 10%; /* global
values */ scroll-padding-inline-start: inherit; scroll-padding-inline-start: initial; scroll-padding-inline-start: unset;
values <length-percentage> an inwards offset from the inline start edge of the scrollport, as a...
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-inline-start' in that specification.
scroll-padding-inline - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: scroll-padding-inline-end scroll-padding-inline-start syntax /* keyword
values */ scroll-padding-inline: auto; /* <length>
values */ scroll-padding-inline: 10px; scroll-padding-inline: 1em .5em; scroll-padding-inline: 10%; /* global
values */ scroll-padding-inline: inherit; scroll-padding-inline: initial; scroll-padding-inline: unset;
values <length-percentage> an inwards offset from the corresponding edge of the scrollport, as a valid length or a percentage.
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax [ auto | <length-percentage> ]{1,2}where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-inline' in that specification.
scroll-padding-left - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-left: auto; /* <length>
values */ scroll-padding-left: 10px; scroll-padding-left: 1em; scroll-padding-left: 10%; /* global
values */ scroll-padding-left: inherit; scroll-padding-left: initial; scroll-padding-left: unset;
values <length-percentage> an inwards offset from the left edge of the scrollport, as a valid length or a percentage.
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-left' in that specification.
scroll-padding-right - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-right: auto; /* <length>
values */ scroll-padding-right: 10px; scroll-padding-right: 1em; scroll-padding-right: 10%; /* global
values */ scroll-padding-right: inherit; scroll-padding-right: initial; scroll-padding-right: unset;
values <length-percentage> an inwards offset from the top edge of the scrollport, as a valid length or a percentage.
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-right' in that specification.
scroll-padding-top - CSS: Cascading Style Sheets
syntax /* keyword
values */ scroll-padding-top: auto; /* <length>
values */ scroll-padding-top: 10px; scroll-padding-top: 1em; scroll-padding-top: 10%; /* global
values */ scroll-padding-top: inherit; scroll-padding-top: initial; scroll-padding-top: unset;
values <length-percentage> an inwards offset from the top edge of the scrollport, as a valid length or a percentage.
...this will generally be 0px, but a user agent is able to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-top' in that specification.
scroll-padding - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: scroll-padding-bottom scroll-padding-left scroll-padding-right scroll-padding-top syntax /* keyword
values */ scroll-padding: auto; /* <length>
values */ scroll-padding: 10px; scroll-padding: 1em .5em 1em 1em; scroll-padding: 10%; /* global
values */ scroll-padding: inherit; scroll-padding: initial; scroll-padding: unset;
values <length-percentage> an inwards offset from the corresponding edge of the scrollport, as a valid <length> or a <percentage>.
...this will generally be 0px, but the user agent is free to detect and do something else if a non-zero
value is more appropriate.
... formal definition initial
valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed
valueas specifiedanimation typeby computed
value type formal syntax [ auto | <length-percentage> ]{1,4}where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding' in that specification.
scroll-snap-destination - CSS: Cascading Style Sheets
/* <position>
value */ scroll-snap-destination: 400px 600px; /* global
values */ scroll-snap-destination: inherit; scroll-snap-destination: initial; scroll-snap-destination: unset; syntax
values <position> specifies the offset of the snap destination from the start edge of the scroll container’s visual viewport.
... the first
value gives the x coordinate of the snap destination, the second
value its y coordinate.
... formal definition initial
value0px 0pxapplies toscroll containersinheritednopercentagesrelative to same axis of the padding-box of the scroll containercomputed
valueas specified, but with relative lengths converted into absolute lengthsanimation typea position formal syntax <position>where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
scroll-snap-type - CSS: Cascading Style Sheets
/* keyword
values */ scroll-snap-type: none; scroll-snap-type: x; scroll-snap-type: y; scroll-snap-type: block; scroll-snap-type: inline; scroll-snap-type: both; /* optional mandatory | proximity*/ scroll-snap-type: x mandatory; scroll-snap-type: y proximity; scroll-snap-type: both mandatory; /* etc */ /* global
values */ scroll-snap-type: inherit; scroll-snap-type: initial; scroll-snap-type: unset; syntax ...
...
values none when the visual viewport of this scroll container is scrolled, it must ignore snap points.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
<shape> - CSS: Cascading Style Sheets
rect() rect(top, right, bottom, left)
values top is a <length> representing the offset for the top of the rectangle relative to the top border of the element's box.
... interpolation when animated,
values of the <shape> data type are interpolated over their top, right, bottom, and left components, each treated as a real, floating-point number.
... see also related css property: clip the -moz-image-rect() function has similar coordinate
values to rect().
text-decoration-skip - CSS: Cascading Style Sheets
/* keyword
values */ text-decoration-skip: none; text-decoration-skip: objects; text-decoration-skip: spaces; text-decoration-skip: edges; text-decoration-skip: box-decoration; /* multiple keywords */ text-decoration-skip: objects spaces; text-decoration-skip: leading-spaces trailing-spaces; text-decoration-skip: objects edges box-decoration; /* global
values */ text-decoration-skip: inherit; text-decoration-skip: initial; text-decorati...
...on-skip: unset; syntax
values none nothing is skipped.
... formal definition initial
valueobjectsapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax none | [ objects | [ spaces | [ leading-spaces | trailing-spaces ] ] | edges | box-decoration ] examples skipping edges html <p>hey, grab a cup of <em>coffee!</em></p> css p { margin: 0; font-size: 3em; text-decoration: underline; text-decoration-skip: edges; } result specifi...
text-decoration-style - CSS: Cascading Style Sheets
syntax /* keyword
values */ text-decoration-style: solid; text-decoration-style: double; text-decoration-style: dotted; text-decoration-style: dashed; text-decoration-style: wavy; /* global
values */ text-decoration-style: inherit; text-decoration-style: initial; text-decoration-style: unset;
values solid draws a single line.
... formal definition initial
valuesolidapplies toall elements.
... it also applies to ::first-letter and ::first-line.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax solid | double | dotted | dashed | wavy examples setting a wavy underline .example { -moz-text-decoration-line: underline; -moz-text-decoration-style: wavy; -moz-text-decoration-color: red; -webkit-text-decoration-line: underline; -webkit-text-decoration-style: wavy; -webkit-text-decoration-color: red; } css .wavy { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: red; } html <p class="wavy">this text has a wavy red line beneath it.</p> results specifications specification status comment css text decoration module level 3the definition of 'text-decoratio...
text-emphasis-style - CSS: Cascading Style Sheets
/* initial
value */ text-emphasis-style: none; /* no emphasis marks */ /* <string>
values */ text-emphasis-style: 'x'; text-emphasis-style: '点'; text-emphasis-style: '\25b2'; text-emphasis-style: '*'; text-emphasis-style: 'foo'; /* should not be used.
... it may be computed to or rendered as 'f' only */ /* keyword
values */ text-emphasis-style: filled; text-emphasis-style: open; text-emphasis-style: dot; text-emphasis-style: circle; text-emphasis-style: double-circle; text-emphasis-style: triangle; text-emphasis-style: filled sesame; text-emphasis-style: open sesame; /* global
values */ text-emphasis-style: inherit; text-emphasis-style: initial; text-emphasis-style: unset; syntax
values none no emphasis marks.
... formal definition initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | [ [ filled | open ] | [ dot | circle | double-circle | triangle | sesame ] ] | <string> examples h2 { text-emphasis-style: sesame; } specifications specification status comment css text decoration module level 3the definition of 'text-emphasis' in that spe...
<time-percentage> - CSS: Cascading Style Sheets
the <time-percentage> css data type represents a
value that can be either a <time> or a <percentage>.
... specifications specification status comment css
values and units module level 4the definition of '<time-percentage>' in that specification.
... editor's draft css
values and units module level 3the definition of '<time-percentage>' in that specification.
<time> - CSS: Cascading Style Sheets
the <time> css data type represents a time
value expressed in seconds or milliseconds.
... specifications specification status comment css
values and units module level 4the definition of '<time>' in that specification.
... editor's draft css
values and units module level 3the definition of '<time>' in that specification.
matrix3d() - CSS: Cascading Style Sheets
syntax the matrix3d() function is specified with 16
values.
... matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)
values a1 b1 c1 d1 a2 b2 c2 d2 a3 b3 c3 d3 are <number>s describing the linear transformation.
... note: until firefox 16, gecko accepted a <length>
value for a4, b4 and c4.
width - CSS: Cascading Style Sheets
syntax /* <length>
values */ width: 300px; width: 25em; /* <percentage>
value */ width: 75%; /* keyword
values */ width: max-content; width: min-content; width: fit-content(20em); width: auto; /* global
values */ width: inherit; width: initial; width: unset; the width property is specified as either: one of the following keyword
values: min-content, max-content, fit-content, auto.
...
values <length> defines the width as an absolute
value.
... mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | understanding wcag 2.0 formal definition initial
valueautoapplies toall elements but non-replaced inline elements, table rows, and row groupsinheritednopercentagesrefer to the width of the containing blockcomputed
valuea percentage or auto or the absolute lengthanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> ...
z-index - CSS: Cascading Style Sheets
syntax /* keyword
value */ z-index: auto; /* <integer>
values */ z-index: 0; z-index: 3; z-index: 289; z-index: -1; /* negative
values to lower the priority */ /* global
values */ z-index: inherit; z-index: initial; z-index: unset; the z-index property is specified as either the keyword auto or an <integer>.
...
values auto the box does not establish a new local stacking context.
... formal definition initial
valueautoapplies topositioned elementsinheritednocomputed
valueas specifiedanimation typean integercreates stacking contextyes formal syntax auto | <integer> examples visually layering elements html <div class="dashed-box">dashed box <span class="gold-box">gold box</span> <span class="green-box">green box</span> </div> css .dashed-box { position: relative; z-index: 1; border: dashed;...
math:highest() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:highest() returns the node in the specified node-set with the highest
value (where the highest
value calculated using math:max()).
... a node has this maximum
value if converting its string
value to a number equals the maximum
value.
... syntax math:highest(nodeset) parameters nodeset the node-set whose highest
value is to be returned.
math:lowest() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:lowest() returns the node in the specified node-set with the lowest
value (where the lowest
value calculated using math:min()).
... a node has this minimum
value if converting its string
value to a number equals the minimum
value.
... syntax math:lowest(nodeset) parameters nodeset the node-set whose lowest
value is to be returned.
regexp:match() - EXSLT
returns a node set of match elements, each of which has the string
value equal to a portion of the first parameter string as captured by the regular expression.
... if the match isn't a global one, the first match element has the
value of the portion of the string matched by the entire regular expression.
... for example: <xsl:for-each select="regexp:match('http://developer.mozilla.org/en/docs/firefox_3_for_developers', '(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)')"> part <xsl:
value-of select="position()" /> = <xsl:
value-of select="." /> </xsl:for-each> this code generates the following output: part 1 = http://developer.mozilla.org/en/docs/firefox_3_for_developers part 2 = http part 3 = developer.mozilla.org part 4 = part 5 = /en/docs/firefox_3_for_developers specifications exslt - regexp:match ...
str:concat() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:concat() returns a string containing all the string
values in a node-set concatenated together.
... syntax str:concat(nodeset) parameters nodeset the node-set whose nodes' string
values should be concatenated into one string.
... returns a string whose
value is all the string
values of the nodes in nodeset concatenated together.
EXSLT
there are a number of modules; those that are supported by firefox are listed below: common (exsl)the exslt common package provides basic functions that expand upon the capabilities of xslt.math (math)the exslt math package provides functions for working with numeric
values and comparing nodes.regular expressions (regexp)the exslt regular expressions package provides functions that allow testing, matching, and replacing text using javascript style regular expressions.sets (set)the exslt sets package offers functions that let you perform set manipulation.strings (str)the exslt strings package provides functions that allow the manipulation of strings.
... <xsl:
value-of select="regexp:replace(/root/@
value, 'before', 'gi', 'after')"/> ...
... functions exsl:node-set() exsl:object-type() math the exslt math package provides functions for working with numeric
values and comparing nodes.
WAI ARIA Live Regions/API Support - Developer guides
retrieving author-supplied aria live region semantics from an event for any mutation event in a page, the author can get the following object attributes from the event object, if they are defined on some ancestor element (closest ancestor wins): object attribute name possible
values default
value if not specified meaning aria markup if required container-live "off" | "polite" | "assertive" "off" interruption policy aria-live on ancestor element container-relevant "[additions] [removals] [text]" | "all" "additions text" what types of mutations are possibly relevant?
... see [#events_fired_for_web_page_mutations the mutation events list] to match the type of event with this attribute's
value, to determine whether the author believed the event should be presented to the user or not.
...at this time, for properties where the container-[name] attribute has not been set, the at must have code to fall back on the default
value as defined in the w3c spec.
Adding captions and subtitles to HTML5 video - Developer guides
" type="video/webm"> <track label="english" kind="subtitles" srclang="en" src="captions/vtt/sintel-en.vtt" default> <track label="deutsch" kind="subtitles" srclang="de" src="captions/vtt/sintel-de.vtt"> <track label="español" kind="subtitles" srclang="es" src="captions/vtt/sintel-es.vtt"> </video> as you can see, each <track> element has the following attributes set: kind is given a
value of subtitles, indicating the type of content the files contain label is given a
value indicating which language that subtitle set is for — for example english or deutsch — these labels will appear in the user interface to allow the user to easily select which subtitle language they want to see.
...as a consequence, the video controls now look as follows: <div id="video-controls" class="controls" data-state="hidden"> <button id="playpause" type="button" data-state="play">play/pause</button> <button id="stop" type="button" data-state="stop">stop</button> <div class="progress"> <progress id="progress"
value="0" min="0"> <span id="progress-bar"></span> </progress> </div> <button id="mute" type="button" data-state="mute">mute/unmute</button> <button id="volinc" type="button" data-state="volup">vol+</button> <button id="voldec" type="button" data-state="voldown">vol-</button> <button id="fs" type="button" data-state="go-fullscreen">fullscreen</button> <button id="subtit...
...reatemenuitem() function, which is defined as follows: var subtitlemenubuttons = []; var createmenuitem = function(id, lang, label) { var listitem = document.createelement('li'); var button = listitem.appendchild(document.createelement('button')); button.setattribute('id', id); button.classname = 'subtitles-button'; if (lang.length > 0) button.setattribute('lang', lang); button.
value = label; button.setattribute('data-state', 'inactive'); button.appendchild(document.createtextnode(label)); button.addeventlistener('click', function(e) { // set all buttons to inactive subtitlemenubuttons.map(function(v, i, a) { subtitlemenubuttons[i].setattribute('data-state', 'inactive'); }); // find the language to activate var lang = this.getat...
Touch events (Mozilla experimental) - Developer guides
when the moztouchdown event is built, a unique
value is assigned to that finger.
... corresponding moztouchmove and moztouchup events for that finger will have the same streamid
value.
...the stream id is unique until the moztouchup event occurs; after that, the
value may be recycled for another series of events.
Using device orientation with 3D transforms - Developer guides
using orientation to rotate an element the easiest way to convert orientation data to a 3d transform is basically to use the alpha, gamma, and beta
values as rotatez, rotatex and rotatey
values.
... there are however two corrections that should be applied to those
values: the initial alpha
value is 180 (device flat on the back, top of the screen pointing 12:00), so the rotatez
value should be alpha - 180 the y axis of the screen coordinate system is inverted, such that translatey(100px) moves an element 100px down, so the rotatey
value should be -gamma finally, the order of the three different rotations is very important to accurately convert an orientation to a 3d rotation: rotatez, then rotatex and then rotatey.
...this is achieved by inverting the previous order of rotations and negating the alpha
value: var elem = document.getelementbyid("view3d"); window.addeventlistener("deviceorientation", function(e) { // again, use vendor-prefixed transform property elem.style.transform = "rotatey(" + ( -e.gamma ) + "deg)" + "rotatex(" + e.beta + "deg) " + "rotatez(" + - ( e.alpha - 180 ) + "deg) "; }); rotate3d to orientation should you ever need to convert a rotate3d axis-angle to or...
Localizations and character encodings - Developer guides
the canonical names are the
values to the right of the equals sign in unixcharset.properties.
... for locales where internet explorer has more market share than firefox, the fallback encoding should typically be set to the same
value as in internet explorer.
...the
value should be a comma-separated list of canonical encoding names.
HTML attribute: capture - HTML: Hypertext Markup Language
values include user and environment.
... the capture attribute takes as it's
value a string that specifies which camera to use for capture of image or video data, if the accept attribute indicates that the input should be of one of those types.
...
value description user the user-facing camera and/or microphone should be used.
HTML attribute: crossorigin - HTML: Hypertext Markup Language
these attributes are enumerated, and have the following possible
values: keyword description anonymous cors requests for this element will have the credentials flag set to 'same-origin'.
... "" setting the attribute name to an empty
value, like crossorigin or crossorigin="", is the same as anonymous.
... <script src="https://example.com/example-framework.js" crossorigin="anonymous"></script> example: webmanifest with credentials the use-credentials
value must be used when fetching a manifest that requires credentials, even if the file is from the same origin.
<dialog>: The Dialog element - HTML: Hypertext Markup Language
when such a form is submitted, the dialog closes with its return
value property set to the
value of the button that was used to submit the form.
... html <!-- simple pop-up dialog box containing a form --> <dialog id="favdialog"> <form method="dialog"> <p><label>favorite animal: <select> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select> </label></p> <menu> <button
value="cancel">cancel</button> <button id="confirmbtn"
value="default">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <output aria-live="polite"></output> javascript var updatebutton = document.getelementbyid('updatedetails'); var favdialog = document.getelementbyid('favdialog'); var outputbox = document.queryselector('out...
...ocument.queryselector('select'); var confirmbtn = document.getelementbyid('confirmbtn'); // "update details" button opens the <dialog> modally updatebutton.addeventlistener('click', function onopen() { if (typeof favdialog.showmodal === "function") { favdialog.showmodal(); } else { alert("the <dialog> api is not supported by this browser"); } }); // "favorite animal" input sets the
value of the submit button selectel.addeventlistener('change', function onselect(e) { confirmbtn.
value = selectel.
value; }); // "confirm" button of form triggers "close" on dialog because of [method="dialog"] favdialog.addeventlistener('close', function onclose() { outputbox.
value = favdialog.return
value + " button clicked - " + (new date()).tostring(); }); result specifications speci...
<font> - HTML: Hypertext Markup Language
size this attribute specifies the font size as either a numeric or relative
value.
... numeric
values range from 1 to 7 with 1 being the smallest and 3 the default.
... it can be defined using a relative
value, like +2 or -3, which set it relative to the
value of the size attribute of the <basefont> element, or relative to 3, the default
value, if none does exist.
<map> - HTML: Hypertext Markup Language
the attribute must be present and must have a non-empty
value with no space characters.
... the
value of the name attribute must not be a compatibility-caseless match for the
value of the name attribute of another <map> element in the same document.
... if the id attribute is also specified, both attributes must have the same
value.
<menu> - HTML: Hypertext Markup Language
type this attribute indicates the kind of menu being declared, and can be one of two
values.
...this
value is the default if the attribute is missing and the parent element is also a <menu> element.
...this
value is the default if the attribute is missing.
<option>: The HTML Option element - HTML: Hypertext Markup Language
if the label attribute isn't defined, its
value is that of the element text content.
...
value the content of this attribute represents the
value to be submitted with the form, should this option be selected.
... if this attribute is omitted, the
value is taken from the text content of the option element.
<style>: The Style Information element - HTML: Hypertext Markup Language
this attribute is optional and defaults to text/css if it is not specified;
values other than the empty string or text/css are not used.
...its
value is a media query, which defaults to all if the attribute is missing.
...the server must generate a unique nonce
value each time it transmits a policy.
<time> - HTML: Hypertext Markup Language
the datetime
value (the machine-readable
value of the datetime) is the
value of the element’s datetime attribute, which must be in the proper format (see below).
... if the element does not have a datetime attribute, it must not have any element descendants, and the datetime
value is the element’s child text content.
... valid datetime
values a valid year string 2011 a valid month string 2011-11 a valid date string 2011-11-18 a valid yearless date string 11-18 a valid week string 2011-w47 a valid time string 14:54 14:54:39 14:54:39.929 a valid local date and time string 2011-11-18t14:54:39.929 2011-11-18 14:54:39.929 a valid global date and time string 2011-11-18t14:54:39.929z 2011-11-18t14:54:39.929-0400 2011-11-18t14:54:39.929-04:00 2011-11-18 14:54:39.929z 2011-11-18 14:54:39.929-0400 2011-11-18 14:54:39.929-04:00 a valid duration string pt4h18m3s examples simple example html <p>the concert starts at <time datetime="2018-07-07t20:00:00">20:00</time>.</p> output datetime example html <p>the concert took place on <time datetime="2001-05-15t19:00">may 15</time>.</p> ...
<track>: The Embed Text Track element - HTML: Hypertext Markup Language
if the attribute contains an invalid
value, it will use metadata (versions of chrome earlier than 52 treated an invalid
value as subtitles).
...this attribute must be specified and its url
value must have the same origin as the document — unless the <audio> or <video> parent element of the track element has a crossorigin attribute.
... usage notes track data types the type of data that track adds to the media is set in the kind attribute, which can take
values of subtitles, captions, descriptions, chapters or metadata.
draggable - HTML: Hypertext Markup Language
draggable can have the following
values: true: the element can be dragged.
...a
value of true or false is mandatory, and shorthand like <img draggable> is forbidden.
... if this attribute is not set, its default
value is auto, which means drag behavior is the default browser behavior: only text selections, images, and links can be dragged.
id - HTML: Hypertext Markup Language
this attribute's
value is an opaque string: this means that web authors should not rely on it to convey human-readable information (although having your ids somewhat human-readable can be useful for code comprehension, e.g.
... id's
value must not contain whitespace (spaces, tabs etc.).
...in contrast to the class attribute, which allows space-separated
values, elements can only have one single id
value.
Link types - HTML: Hypertext Markup Language
<a>, <area>, <form> <link> noreferrer prevents the browser, when navigating to another page, to send this page address, or any other
value, as referrer via the referer: http header.
...starting with firefox 44, the
value of the crossorigin attribute is taken into consideration, making it possible to make anonymous prefetches.
... working draft added dns-prefetch, preconnect, and prerender
values.
Using the application cache - HTML: Hypertext Markup Language
caches that share the same manifest uri share the same cache state, which can be one of the following: uncached a special
value that indicates that an application cache object is not fully initialized.
... gotchas never access cached files by using traditional get parameters (like other-cached-page.html?parametername=
value).
...to link to cached resources that have parameters parsed in javascript use parameters in the hash part of the link, such as other-cached-page.html#whatever?parametername=
value.
Identifying resources on the Web - HTTP
a more complex example might look like this: http://www.example.com:80/path/to/myfile.html?key1=
value1&key2=
value2#somewhereinthedocument urns a uniform resource name (urn) is a uri that identifies a resource by name in a particular namespace.
... query ?key1=
value1&key2=
value2 are extra parameters provided to the web server.
... those parameters are a list of key/
value pairs separated with the & symbol.
Common MIME types - HTTP
two primary mime types are important for the role of default types: text/plain is the default
value for textual files.
... application/octet-stream is the default
value for all other cases.
...ation/vnd.amazon.ebook .bin any kind of binary data application/octet-stream .bmp windows os/2 bitmap graphics image/bmp .bz bzip archive application/x-bzip .bz2 bzip2 archive application/x-bzip2 .csh c-shell script application/x-csh .css cascading style sheets (css) text/css .csv comma-separated
values (csv) text/csv .doc microsoft word application/msword .docx microsoft word (openxml) application/vnd.openxmlformats-officedocument.wordprocessingml.document .eot ms embedded opentype fonts application/vnd.ms-fontobject .epub electronic publication (epub) application/epub+zip .gz gzip compressed archive application/gzip...
Browser detection using the user agent - HTTP
also, pay attention not to use a simple regular expression on the browsername, user agents also contain strings outside the keyword/
value syntax.
... browser version the browser version is often, but not always, put in the
value part of the browsername/versionnumber token in the user agent string.
...from gecko 14 for the mobile version and gecko 17 for the desktop version, it also puts this
value in the gecko/version token (previous version put there the build date, then a fixed date called the geckotrail).
Reason: expected ‘true’ in CORS header ‘Access-Control-Allow-Credentials’ - HTTP
the cors request requires that the server permit the use of credentials, but the server's access-control-allow-credentials header's
value isn't set to true to enable their use.
... if using server-sent events, make sure eventsource.withcredentials is false (it's the default
value).
... to eliminate this error by changing the server's configuration, adjust the server's configuration to set the access-control-allow-credentials header's
value to true.
Connection management in HTTP/1.x - HTTP
the http headers involved in defining the connection model, like connection and keep-alive, are hop-by-hop headers with their
values able to be changed by intermediary nodes.
... this model is the default model used in http/1.0 (if there is no connection header, or if its
value is set to close).
... in http/1.1, this model is only used when the connection header is sent with a
value of close.
Using Feature Policy - HTTP
allowlist an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
...the
value of this header is a policy to be enforced by the browser for the given page.
Accept-Charset - HTTP
browsers usually don't send this header, as the default
value for each resource is usually correct and transmitting it would allow fingerprinting.
... header type request header forbidden header name yes syntax accept-charset: <charset> // multiple types, weighted with the quality
value syntax: accept-charset: utf-8, iso-8859-1;q=0.5 directives <charset> a character encoding name, like utf-8 or iso-8859-15.
... ;q=<weight> any encoding is placed in an order of preference, expressed using a relative quality
value called the weight.
Access-Control-Allow-Credentials - HTTP
when a request's credentials mode (request.credentials) is include, browsers will only expose the response to frontend javascript code if the access-control-allow-credentials
value is true.
... header type response header forbidden header name no syntax access-control-allow-credentials: true directives true the only valid
value for this header is true (case-sensitive).
... if you don't need credentials, omit this header entirely (rather than setting its
value to false).
Cache-Control - HTTP
an optional
value in seconds indicates the upper limit of staleness the client will accept.
...the seconds
value indicates how long the client will accept a stale response.
...the seconds
value indicates how long the client will accept the stale response after the initial expiration.
CSP: child-src - HTTP
'nonce-<base64-
value>' a whitelist for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: font-src - HTTP
'nonce-<base64-
value>' a whitelist for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: frame-src - HTTP
'nonce-<base64-
value>' a whitelist for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: manifest-src - HTTP
'nonce-<base64-
value>' a whitelist for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: media-src - HTTP
'nonce-<base64-
value>' a whitelist for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: object-src - HTTP
'nonce-<base64-
value>' a whitelist for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
CSP: worker-src - HTTP
'nonce-<base64-
value>' a whitelist for specific inline scripts using a cryptographic nonce (number used once).
... the server must generate a unique nonce
value each time it transmits a policy.
... '<hash-algorithm>-<base64-
value>' a sha256, sha384 or sha512 hash of scripts or styles.
Digest - HTTP
the selected representation depends on the content-type and content-encoding header
values: so a single resource may have multiple different digest
values.
... header type response header forbidden header name no syntax digest: <digest-algorithm>=<digest-
value> digest: <digest-algorithm>=<digest-
value>,<digest-algorithm>=<digest-
value> directives <digest-algorithm> supported digest algorithms are defined in rfc 3230 and rfc 5843, and include sha-256 and sha-512.
... <digest-
value> the result of applying the digest algorithm to the resource representation and encoding the result.
Feature-Policy: accelerometer - HTTP
syntax feature-policy: accelerometer <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is 'self'.
Feature-Policy: ambient-light-sensor - HTTP
syntax feature-policy: ambient-light-sensor <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is 'self'.
Feature-Policy: autoplay - HTTP
syntax feature-policy: autoplay <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value in google chrome is 'self'.
Feature-Policy: battery - HTTP
syntax feature-policy: battery <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is 'self'.
Feature-Policy: camera - HTTP
syntax feature-policy: camera <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is 'self'.
Feature-Policy: document-domain - HTTP
syntax feature-policy: document-domain <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is *.
Feature-Policy: fullscreen - HTTP
syntax feature-policy: fullscreen <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is 'self'.
Feature-Policy: geolocation - HTTP
syntax feature-policy: geolocation <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
...the default
value is 'self'.
Feature-Policy: gyroscope - HTTP
syntax feature-policy: gyroscope <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... the default
value is 'self'.
Feature-Policy: layout-animations - HTTP
syntax feature-policy: layout-animations <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... the default
value is 'self'.
Feature-Policy: legacy-image-formats - HTTP
syntax feature-policy: legacy-image-formats <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... the default
value is 'self'.
Feature-Policy: magnetometer - HTTP
syntax feature-policy: magnetometer <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... the default
value is 'self'.
Feature-Policy: microphone - HTTP
syntax feature-policy: microphone <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... the default
value is 'self'.
Feature-Policy: oversized-images - HTTP
syntax feature-policy: oversized-images <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default
value the default
value is '*'.
Feature-Policy: payment - HTTP
syntax feature-policy: payment <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the payment feature's default allowlist
value is 'self'.
Feature-Policy: unoptimized-images - HTTP
syntax feature-policy: unoptimized-images <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... the default
value is 'self'.
Feature-Policy: unsized-media - HTTP
syntax feature-policy: unsized-media <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default
value the default
value for unsized-media is '*', that is unsized media elements are allowed for all origins by default.
Feature-Policy: usb - HTTP
syntax feature-policy: usb <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is 'self'.
Feature-Policy: vibrate - HTTP
syntax feature-policy: vibrate <allowlist>; <vibrate> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... the default
value is 'self'.
web-share - HTTP
syntax feature-policy: web-share <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... default policy the default
value is 'self'.
Referrer-Policy - HTTP
no-referrer-when-downgrade (default) this is the default behavior if no policy is specified, or if the provided
value is invalid.
... there is effort from browsers in moving to a stricter default
value, namely strict-origin-when-cross-origin (see https://github.com/whatwg/fetch/pull/952), consider using this
value (or a stricter one), if possible, when changing the referrer-policy.
... specifying multiple
values is only supported in the referrer-policy http header, and not in the referrerpolicy attribute.
Server-Timing - HTTP
header type response header forbidden header name no syntax the syntax of the server-timing header allows you to communicate metrics in different ways: server metric name only, metric with
value, metric with
value and description, and metric with description.
... the specification advices that names and descriptions should be kept as short as possible (use abbreviations and omit optional
values where possible) to minimize the http overhead.
... // single metric without
value server-timing: missedcache // single metric with
value server-timing: cpu;dur=2.4 // single metric with description and
value server-timing: cache;desc="cache read";dur=23.2 // two metrics with
value server-timing: db;dur=53, app;dur=47.2 // server-timing as trailer trailer: server-timing --- response body --- server-timing: total;dur=123.4 privacy and security the server-timing header may expose potentially sensitive application and infrastructure information.
Want-Digest - HTTP
the sender may use quality
values to indicate its preference ordering among the choices it offers.
... header type general header forbidden header name no syntax want-digest: <digest-algorithm> // multiple algorithms, weighted with the quality
value syntax: want-digest: <digest-algorithm><q-
value>,<digest-algorithm><q-
value> directives <digest-algorithm> supported digest algorithms are defined in rfc 3230 and rfc 5843, and include sha-256 and sha-512.
... <q-
value> the quality
value to apply to that option.
POST - HTTP
in this case, the content type is selected by putting the adequate string in the enctype attribute of the <form> element or the formenctype attribute of the <input> or <button> elements: application/x-www-form-urlencoded: the keys and
values are encoded in key-
value tuples separated by '&', with a '=' between the key and the
value.
... non-alphanumeric characters in both keys and
values are percent encoded: this is the reason why this type is not suitable to use with binary data (use multipart/form-data instead) multipart/form-data: each
value is sent as a block of data ("body part"), with a user agent-defined delimiter ("boundary") separating each part.
...onse has body yes safe no idempotent no cacheable only if freshness information is included allowed in html forms yes syntax post /test example a simple form using the default application/x-www-form-urlencoded content type: post /test http/1.1 host: foo.example content-type: application/x-www-form-urlencoded content-length: 27 field1=
value1&field2=
value2 a form using the multipart/form-data content type: post /test http/1.1 host: foo.example content-type: multipart/form-data;boundary="boundary" --boundary content-disposition: form-data; name="field1"
value1 --boundary content-disposition: form-data; name="field2"; filename="example.txt"
value2 --boundary-- specifications specification title rfc 7231...
Network Error Logging - HTTP
success_fraction floating point
value between 0 and 1 which specifies the proportion of successful network requests to report.
... failure_fraction floating point
value between 0 and 1 which specifies the proportion of failed network requests to report.
...previous-page", "body": { "elapsed_time": 18, "method": "post", "phase": "dns", "protocol": "http/1.1", "referrer": "https://example.com/previous-page", "sampling_fraction": 1, "server_ip": "", "status_code": 0, "type": "dns.name_not_resolved", "url": "https://example-host.com/" } } the type of the network error may be one of the following pre-defined
values from the specification, but browsers can add and send their own error types: dns.unreachable the user's dns server is unreachable dns.name_not_resolved the user's dns server responded but was unable to resolve an ip address for the requested uri.
HTTP range requests - HTTP
checking if a server supports partial requests if the accept-ranges is present in http responses (and its
value isn't "none"), the server supports range requests.
...some sites also explicitly send "none" as a
value, indicating no support.
... in case of a range request that is out of bounds (none of the range
values overlap the extent of the resource, i.e first-byte-pos of all ranges is greater than the resource length), the server responds with a 416 requested range not satisfiable status.
Concurrency model and the event loop - JavaScript
the function settimeout is called with 2 arguments: a message to add to the queue, and a time
value (optional; defaults to 0).
... the time
value represents the (minimum) delay after which the message will actually be pushed into the queue.
... (function() { console.log('this is the start'); settimeout(function cb() { console.log('callback 1: this is a msg from call back'); }); // has a default time
value of 0 console.log('this is just a message'); settimeout(function cb1() { console.log('callback 2: this is a msg from call back'); }, 0); console.log('this is the end'); })(); // "this is the start" // "this is just a message" // "this is the end" // "callback 1: this is a msg from call back" // "callback 2: this is a msg from call back" several runtimes communicating together a...
Regular expressions - JavaScript
for example, assume you have this script: var myre = /d(b+)d/g; var myarray = myre.exec('cdbbdbsbz'); console.log('the
value of lastindex is ' + myre.lastindex); // "the
value of lastindex is 5" however, if you have this script: var myarray = /d(b+)d/g.exec('cdbbdbsbz'); console.log('the
value of lastindex is ' + /d(b+)d/g.lastindex); // "the
value of lastindex is 0" the occurrences of /d(b+)d/g in the two statements are different regular expression objects and hence have different
values for their lastindex pro...
... the change event activated when the user presses enter sets the
value of regexp.input.
...</p> <form action="#"> <input id="phone"> <button onclick="testinfo(document.getelementbyid('phone'));">check</button> </form> javascript var re = /(?:\d{3}|\(\d{3}\))([-\/\.])\d{3}\1\d{4}/; function testinfo(phoneinput) { var ok = re.exec(phoneinput.
value); if (!ok) { console.error(phoneinput.
value + ' isn\'t a phone number with area code!'); } else { console.log('thanks, your phone number is ' + ok[0]);} } result tools regexr an online tool to learn, build, & test regular expressions.
TypeError: can't access property "x" of "y" - JavaScript
the javascript exception "can't access property" occurs when property access was operated on undefined or null
values.
... the property access was operated on undefined or null
value.
... examples invalid cases // undefined and null cases on which the substring method won't work var foo = undefined; foo.substring(1); // typeerror: x is undefined, can't access property "substring" of it var foo = null; foo.substring(1); // typeerror: x is null, can't access property "substring" of it fixing the issue to fix null pointer to undefined or null
values, you can use the typeof operator, for example.
TypeError: setting getter-only property "x" - JavaScript
the javascript strict mode-only exception "setting getter-only property" occurs when there is an attempt to set a new
value to a property for which only a getter is specified.
... there is an attempt to set a new
value to a property for which only a getter is specified.
...ou will either need to remove line 16, where there is an attempt to set the temperature property, or you will need to implement a setter for it, for example like this: "use strict"; function archiver() { var temperature = null; var archive = []; object.defineproperty(this, 'temperature', { get: function() { console.log('get!'); return temperature; }, set: function(
value) { temperature =
value; archive.push({ val: temperature }); } }); this.getarchive = function() { return archive; }; } var arc = new archiver(); arc.temperature; // 'get!' arc.temperature = 11; arc.temperature = 13; arc.getarchive(); // [{ val: 11 }, { val: 13 }] ...
RangeError: invalid array length - JavaScript
the javascript exception "invalid array length" occurs when creating an array or an arraybuffer which has a length which is either negative or larger or equal to 232, or when setting the array.length property to a
value which is either negative or larger or equal to 232.
... an invalid array length might appear in these situations: when creating an array or an arraybuffer which has a length which is either negative or larger or equal to 232, or when setting the array.length property to a
value which is either negative or larger or equal to 232.
...the length property of an array or an arraybuffer is represented with an unsigned 32-bit integer, that can only store
values which are in the range from 0 to 232-1.
RangeError: argument is not a valid code point - JavaScript
the javascript exception "invalid code point" occurs when nan
values, negative integers (-1), non-integers (5.4), or
values larger than 0x10ffff (1114111) are used with string.fromcodepoint().
... string.fromcodepoint() throws this error when passed nan
values, negative integers (-1), non-integers (5.4), or
values larger than 0x10ffff (1114111).
... a code point is a
value in the unicode codespace; that is, the range of integers from 0 to 0x10ffff.
TypeError: "x" is (not) "y" - JavaScript
oftentimes, unexpected undefined or null
values.
...this occurs oftentimes with undefined or null
values.
...thod won't work var foo = undefined; foo.substring(1); // typeerror: foo is undefined var foo = null; foo.substring(1); // typeerror: foo is null // certain methods might require a specific type var foo = {} symbol.keyfor(foo); // typeerror: foo is not a symbol var foo = 'bar' object.create(foo); // typeerror: "foo" is not an object or null fixing the issue to fix null pointer to undefined
values, you can use the typeof operator, for example.
setter - JavaScript
val an alias for the variable that holds the
value attempted to be assigned to prop.
...it is not possible to simultaneously have a setter on a property that holds an actual
value.
...when current is assigned a
value, it updates log with that
value: const language = { set current(name) { this.log.push(name); }, log: [] } language.current = 'en'; console.log(language.log); // ['en'] language.current = 'fa'; console.log(language.log); // ['en', 'fa'] note that current is not defined, and any attempts to access it will result in undefined.
Array.prototype.flatMap() - JavaScript
syntax var new_array = arr.flatmap(function callback(current
value[, index[, array]]) { // return element for new_array }[, thisarg]) parameters callback function that produces an element of the new array, taking three arguments: current
value the current element being processed in the array.
... thisargoptional
value to use as this when executing callback.
... return
value a new array with each element being the result of the callback function and flattened to a depth of 1.
Array.prototype.lastIndexOf() - JavaScript
return
value the last index of the element in the array; -1 if not found.
...this algorithm is exactly the one specified in ecma-262, 5th edition, assuming object, typeerror, number, math.floor, math.abs, and math.min have their original
values.
... examples using lastindexof the following example uses lastindexof to locate
values in an array.
Array.prototype.push() - JavaScript
return
value the new length property of the object upon which the method was called.
... description the push method appends
values to an array.
...the push method relies on a length property to determine where to start inserting the given
values.
Array.prototype.slice() - JavaScript
return
value a new array containing the extracted elements.
... for strings, numbers and booleans (not string, number and boolean objects), slice copies the
values into the new array.
...let myhonda = { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } } let mycar = [myhonda, 2, 'cherry condition', 'purchased 1997'] let newcar = mycar.slice(0, 2) // display the
values of mycar, newcar, and the color of myhonda // referenced from both arrays.
Array.prototype.toString() - JavaScript
syntax arr.tostring() return
value a string representing the elements of the array.
... javascript calls the tostring method automatically when an array is to be represented as a text
value or when an array is referred to in a string concatenation.
...object.prototype.tostring() will be called, and the resulting
value will be returned.
ArrayBuffer.isView() - JavaScript
the arraybuffer.isview() method determines whether the passed
value is one of the arraybuffer views, such as typed array objects or a dataview.
... syntax arraybuffer.isview(
value) parameters
value the
value to be checked.
... return
value true if the given argument is one of the arraybuffer views; otherwise, false.
Atomics.notify() - JavaScript
return
value returns the number of woken up agents.
...however, once the writing thread has stored a new
value, it will be notified by the writing thread and return the new
value (123).
... atomics.wait(int32, 0, 0); console.log(int32[0]); // 123 a writing thread stores a new
value and notifies the waiting thread once it has written: console.log(int32[0]); // 0; atomics.store(int32, 0, 123); atomics.notify(int32, 0, 1); specifications specification ecmascript (ecma-262)the definition of 'atomics.notify' in that specification.
Boolean.prototype.toString() - JavaScript
syntax bool.tostring() return
value a string representing the specified boolean object.
... javascript calls the tostring() method automatically when a boolean is to be represented as a text
value or when a boolean is referred to in a string concatenation.
... for boolean objects and
values, the built-in tostring() method returns the string "true" or "false" depending on the
value of the boolean object.
DataView.prototype.getFloat32() - JavaScript
if false or undefined, a big-endian
value is read.
... return
value a signed 32-bit float number.
... description there is no alignment constraint; multi-byte
values may be fetched from any offset.
DataView.prototype.getFloat64() - JavaScript
if false or undefined, a big-endian
value is read.
... return
value a signed 64-bit float number.
... description there is no alignment constraint; multi-byte
values may be fetched from any offset.
DataView.prototype.getInt16() - JavaScript
if false or undefined, a big-endian
value is read.
... return
value a signed 16-bit integer number.
... description there is no alignment constraint; multi-byte
values may be fetched from any offset.
DataView.prototype.getInt32() - JavaScript
if false or undefined, a big-endian
value is read.
... return
value a signed 32-bit integer number.
... description there is no alignment constraint; multi-byte
values may be fetched from any offset.
DataView.prototype.getUint16() - JavaScript
if false or undefined, a big-endian
value is read.
... return
value an unsigned 16-bit integer number.
... description there is no alignment constraint; multi-byte
values may be fetched from any offset.
DataView.prototype.getUint32() - JavaScript
if false or undefined, a big-endian
value is read.
... return
value an unsigned 32-bit integer number.
... description there is no alignment constraint; multi-byte
values may be fetched from any offset.
Date.UTC() - JavaScript
return
value a number representing the number of milliseconds for the given date since january 1, 1970, 00:00:00, utc.
... date.utc() returns a time
value as a number instead of creating a date object.
... if a parameter is outside of the expected range, the utc() method updates the other parameters to accommodate the
value.
Date.prototype.getFullYear() - JavaScript
syntax dateobj.getfullyear() return
value a number corresponding to the year of the given date, according to local time.
... description the
value returned by getfullyear() is an absolute number.
... examples using getfullyear() the following example assigns the four-digit
value of the current year to the variable year.
Date.prototype.getMonth() - JavaScript
the getmonth() method returns the month in the specified date according to local time, as a zero-based
value (where zero indicates the first month of the year).
... syntax dateobj.getmonth() return
value an integer number, between 0 and 11, representing the month in the given date according to local time.
... examples using getmonth() the second statement below assigns the
value 11 to the variable month, based on the
value of the date object xmas95.
Date.prototype.getUTCFullYear() - JavaScript
syntax dateobj.getutcfullyear() return
value a number representing the year in the given date according to universal time.
... description the
value returned by getutcfullyear() is an absolute number that is compliant with year-2000, for example, 1995.
... examples using getutcfullyear() the following example assigns the four-digit
value of the current year to the variable year.
Date.prototype.setUTCDate() - JavaScript
syntax dateobj.setutcdate(day
value) parameters day
value an integer from 1 to 31, representing the day of the month.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
...for example, if you use 40 for day
value, and the month stored in the date object is june, the day will be changed to 10 and the month will be incremented to july.
Date.prototype.setUTCMilliseconds() - JavaScript
syntax dateobj.setutcmilliseconds(milliseconds
value) parameters milliseconds
value a number between 0 and 999, representing the milliseconds.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
...for example, if you use 1100 for milliseconds
value, the seconds stored in the date object will be incremented by 1, and 100 will be used for milliseconds.
Date.prototype.toGMTString() - JavaScript
the exact format of the
value returned by togmtstring() varies according to the platform and browser, in general it should represent a human readable date string.
... syntax dateobj.togmtstring() return
value a string representing the given date following the internet greenwich mean time (gmt) convention.
... examples simple example in this example, the togmtstring() method converts the date to gmt (utc) using the operating system's time-zone offset and returns a string
value that is similar to the following form.
Function.prototype.toString() - JavaScript
syntax function.tostring() return
value a string representing the source code of the function.
... javascript calls the tostring method automatically when a function is to be represented as a text
value, e.g.
... the tostring() method will throw a typeerror exception ("function.prototype.tostring called on incompatible object"), if its this
value object is not a function object.
Generator - JavaScript
instead, a generator instance can be returned from a generator function: function* generator() { yield 1; yield 2; yield 3; } const gen = generator(); // "generator { }" instance methods generator.prototype.next() returns a
value yielded by the yield expression.
... generator.prototype.return() returns the given
value and finishes the generator.
... examples an infinite iterator function* infinite() { let index = 0; while (true) { yield index++; } } const generator = infinite(); // "generator { }" console.log(generator.next().
value); // 0 console.log(generator.next().
value); // 1 console.log(generator.next().
value); // 2 // ...
JSON - JavaScript
the json object contains methods for parsing javascript object notation (json) and converting
values to json.
... static methods json.parse(text[, reviver]) parse the string text as json, optionally transform the produced
value and its properties, and return the
value.
... json.stringify(
value[, replacer[, space]]) return a json string corresponding to the specified
value, optionally including only certain properties or replacing property
values in a user-defined manner.
Map.prototype[@@iterator]() - JavaScript
the initial
value of the @@iterator property is the same function object as the initial
value of the entries method.
... syntax mymap[symbol.iterator] return
value the map iterator function, which is the entries() function by default.
... examples using [@@iterator]() const mymap = new map() mymap.set('0', 'foo') mymap.set(1, 'bar') mymap.set({}, 'baz') const mapiter = mymap[symbol.iterator]() console.log(mapiter.next().
value) // ["0", "foo"] console.log(mapiter.next().
value) // [1, "bar"] console.log(mapiter.next().
value) // [object, "baz"] using [@@iterator]() with for..of const mymap = new map() mymap.set('0', 'foo') mymap.set(1, 'bar') mymap.set({}, 'baz') for (const entry of mymap) { console.log(entry) } // ["0", "foo"] // [1, "bar"] // [{}, "baz"] for (const [key,
value] of mymap) { console.log(`${key}: ${
value}`) } // 0: foo // 1: bar // [object]: baz specifications specification ecmascript (ecma-262)the definition of 'map.prototype[@@iterator]()' in that specification.
Map.prototype.entries() - JavaScript
the entries() method returns a new iterator object that contains the [key,
value] pairs for each element in the map object in insertion order.
... syntax mymap.entries() return
value a new map iterator object.
... examples using entries() let mymap = new map() mymap.set('0', 'foo') mymap.set(1, 'bar') mymap.set({}, 'baz') let mapiter = mymap.entries() console.log(mapiter.next().
value) // ["0", "foo"] console.log(mapiter.next().
value) // [1, "bar"] console.log(mapiter.next().
value) // [object, "baz"] specifications specification ecmascript (ecma-262)the definition of 'map.prototype.entries' in that specification.
Math.cos() - JavaScript
this
value is length adjacent length hypotenuse .
... return
value the cosine of the given number.
... description the math.cos() method returns a numeric
value between -1 and 1, which represents the cosine of the angle.
Math.hypot() - JavaScript
syntax math.hypot([
value1[,
value2[, ...]]]) parameters
value1,
value2, ...
... return
value the square root of the sum of squares of the given arguments.
...the largest number you can represent in js is number.max_
value, which is around 10308.
Math.log() - JavaScript
return
value the natural logarithm (base e) of the given number.
... description if the
value of x is 0, the return
value is always -infinity.
... if the
value of x is negative, the return
value is always nan.
Math.log1p() - JavaScript
return
value the natural logarithm (base e) of 1 plus the given number.
... description for very small
values of x, adding 1 can reduce or eliminate precision.
... if the
value of x is less than -1, the return
value is always nan.
Math.log2() - JavaScript
return
value the base 2 logarithm of the given number.
... description if the
value of x is less than 0, the return
value is always nan.
...note that it returns imprecise
values on some inputs (like 1 << 29), wrap into math.round() if working with bit masks.
Math.tan() - JavaScript
return
value the tangent of the given number.
... description the math.tan() method returns a numeric
value that represents the tangent of the angle.
... examples using math.tan() math.tan(1); // 1.5574077246549023 because the math.tan() function accepts radians, but it is often easier to work with degrees, the following function accepts a
value in degrees, converts it to radians and returns the tangent.
Math - JavaScript
static methods math.abs(x) returns the absolute
value of x.
... math.round(x) returns the
value of the number x rounded to the nearest integer.
... we use our degtorad() function to convert 60 degrees to radians, as math.tan() expects an input
value in radians.
Number.prototype.toPrecision() - JavaScript
return
value a string representing a number object in fixed-point or exponential notation rounded to precision significant digits.
...if the precision argument is a non-integer
value, it is rounded to the nearest integer.
...implementations are allowed to support larger and smaller
values as well.
Object.prototype.__defineSetter__() - JavaScript
} val an alias for the variable that holds the
value attempted to be assigned to prop.
... return
value undefined.
... examples non-standard and deprecated way var o = {}; o.__definesetter__('
value', function(val) { this.another
value = val; }); o.
value = 5; console.log(o.
value); // undefined console.log(o.another
value); // 5 standard-compliant ways // using the set operator var o = { set
value(val) { this.another
value = val; } }; o.
value = 5; console.log(o.
value); // undefined console.log(o.another
value); // 5 // using object.defineproperty var o = {}; object.defineproperty(o, '
value', { set: function(val) { this.another
value = val; } }); o.
value = 5; console.log(o.
value); // undefined console.log(o.another
value); // 5 specifications specification ecmascript (ecma-262)the defini...
Object.prototype.__lookupSetter__() - JavaScript
return
value the function bound as a setter to the specified property.
... description if a setter has been defined for an object's property, it was not possible to reference the setter function through that property, because that property refers to the return
value of that function.
... examples standard-compliant and non-standard ways to get a property setter var obj = { set foo(
value) { this.bar =
value; } }; // non-standard and deprecated way obj.__lookupsetter__('foo') // (function(
value) { this.bar =
value; }) // standard-compliant way object.getownpropertydescriptor(obj, 'foo').set; // (function(
value) { this.bar =
value; }) specifications specification ecmascript (ecma-262)the definition of 'object.prototype.__lookupsetter__()' in that specification.
Object.prototype.constructor - JavaScript
note that the
value of this property is a reference to the function itself, not a string containing the function's name.
... the
value is only read-only for primitive
values such as 1, true, and "test".
... function tree(name) { this.name = name } let thetree = new tree('redwood') console.log('thetree.constructor is ' + thetree.constructor) this example displays the following output: thetree.constructor is function tree(name) { this.name = name } changing the constructor of an object the following example shows how to modify the constructor
value of generic objects.
Object.prototype.hasOwnProperty() - JavaScript
return
value a boolean indicating whether or not the object has the specified property as own property.
... note hasownproperty returns true even if the
value of the property is null or undefined.
...
value: ' + buz[name]); } else { console.log(name); // tostring or something else } } using hasownproperty as a property name javascript does not protect the property name hasownproperty; thus, if the possibility exists that an object might have a property with this name, it is necessary to use an external hasownproperty to get correct results: var foo = { hasownproperty: function() { ...
Object.keys() - JavaScript
return
value an array of strings that represent all the enumerable properties of the given object.
...ly support it, copy the following snippet: // from /docs/web/javascript/reference/global_objects/object/keys if (!object.keys) { object.keys = (function() { 'use strict'; var hasownproperty = object.prototype.hasownproperty, hasdontenumbug = !({ tostring: null }).propertyisenumerable('tostring'), dontenums = [ 'tostring', 'tolocalestring', '
valueof', 'hasownproperty', 'isprototypeof', 'propertyisenumerable', 'constructor' ], dontenumslength = dontenums.length; return function(obj) { if (typeof obj !== 'function' && (typeof obj !== 'object' || obj === null)) { throw new typeerror('object.keys called on non-object'); } var result = [], prop, i; fo...
.../ console: ['0', '1', '2'] // array-like object const obj = { 0: 'a', 1: 'b', 2: 'c' }; console.log(object.keys(obj)); // console: ['0', '1', '2'] // array-like object with random key ordering const anobj = { 100: 'a', 2: 'b', 7: 'c' }; console.log(object.keys(anobj)); // console: ['2', '7', '100'] // getfoo is a property which isn't enumerable const myobj = object.create({}, { getfoo: {
value: function () { return this.foo; } } }); myobj.foo = 1; console.log(object.keys(myobj)); // console: ['foo'] if you want all properties—including non-enumerables—see object.getownpropertynames().
handler.getPrototypeOf() - JavaScript
return
value the getprototypeof() method must return an object or null.
... if target is not extensible, object.getprototypeof(proxy) method must return the same
value as object.getprototypeof(target).
...ue ); two kinds of exceptions const obj = {}; const p = new proxy(obj, { getprototypeof(target) { return 'foo'; } }); object.getprototypeof(p); // typeerror: "foo" is not an object or null const obj = object.preventextensions({}); const p = new proxy(obj, { getprototypeof(target) { return {}; } }); object.getprototypeof(p); // typeerror: expected same prototype
value specifications specification ecmascript (ecma-262)the definition of '[[getprototypeof]]' in that specification.
handler.ownKeys() - JavaScript
return
value the ownkeys() method must return an enumerable object.
... if the target object is not extensible, then the result list must contain all the keys of the own properties of the target object and no other
values.
... const obj = {}; object.defineproperty(obj, 'a', { configurable: false, enumerable: true,
value: 10 } ); const p = new proxy(obj, { ownkeys: function(target) { return [123, 12.5, true, false, undefined, null, {}, []]; } }); console.log(object.getownpropertynames(p)); // typeerror: proxy [[ownpropertykeys]] must return an array // with only string and symbol elements specifications specification ecmascript (ecma-262)the definition of '[[ownpropertykeys]]' ...
handler.setPrototypeOf() - JavaScript
return
value the setprototypeof() method returns true if the [[prototype]] was successfully changed, otherwise false.
... interceptions this trap can intercept these operations: object.setprototypeof() reflect.setprototypeof() invariants if the following invariants are violated, the proxy will throw a typeerror: if target is not extensible, the prototype parameter must be the same
value as object.getprototypeof(target).
... this approach is best if you want even non-throwing operations to throw on failure, or you want to throw a custom exception
value.
Reflect.apply() - JavaScript
thisargument the
value of this provided for the call to target.
... return
value the result of calling the given target function with the specified this
value and arguments.
... description in es5, you typically use the function.prototype.apply() method to call a function with a given this
value and arguments provided as an array (or an array-like object).
Reflect.getOwnPropertyDescriptor() - JavaScript
return
value a property descriptor object if the property exists in target object; otherwise, undefined.
... examples using reflect.getownpropertydescriptor() reflect.getownpropertydescriptor({x: 'hello'}, 'x') // {
value: "hello", writable: true, enumerable: true, configurable: true} reflect.getownpropertydescriptor({x: 'hello'}, 'y') // undefined reflect.getownpropertydescriptor([], 'length') // {
value: 0, writable: true, enumerable: false, configurable: false} difference to object.getownpropertydescriptor() if the target argument to this method is not an object (a primitive), then it will cause a typeerror...
... reflect.getownpropertydescriptor('foo', 0) // typeerror: "foo" is not non-null object object.getownpropertydescriptor('foo', 0) // {
value: "f", writable: false, enumerable: true, configurable: false } specifications specification ecmascript (ecma-262)the definition of 'reflect.getownpropertydescriptor' in that specification.
Reflect.getPrototypeOf() - JavaScript
the
value of the internal [[prototype]] property) of the specified object.
... return
value the prototype of the given object.
...the
value of the internal [[prototype]] property) of the specified object.
Set.prototype[@@iterator]() - JavaScript
the initial
value of the @@iterator property is the same function object as the initial
value of the
values property.
... syntax myset[symbol.iterator] return
value the set iterator function, which is the
values() function by default.
... examples using [@@iterator]() const myset = new set(); myset.add('0'); myset.add(1); myset.add({}); const setiter = myset[symbol.iterator](); console.log(setiter.next().
value); // "0" console.log(setiter.next().
value); // 1 console.log(setiter.next().
value); // object using [@@iterator]() with for..of const myset = new set(); myset.add('0'); myset.add(1); myset.add({}); for (const v of myset) { console.log(v); } specifications specification ecmascript (ecma-262)the definition of 'set.prototype[@@iterator]' in that specification.
Set() constructor - JavaScript
the set constructor lets you create set objects that store unique
values of any type, whether primitive
values or object references.
... if you don't specify this parameter, or its
value is null, the new set is empty.
... return
value a new set object.
Set.prototype.add() - JavaScript
the add() method appends a new element with a specified
value to the end of a set object.
... syntax myset.add(
value); parameters
value the
value of the element to add to the set object.
... return
value the set object.
String.prototype[@@iterator]() - JavaScript
the [@@iterator]() method returns a new iterator object that iterates over the code points of a string
value, returning each code point as a string
value.
... syntax str[symbol.iterator] return
value a new iterator object.
... examples using [@@iterator]() var str = 'a\ud835\udc68'; var striter = str[symbol.iterator](); console.log(striter.next().
value); // "a" console.log(striter.next().
value); // "\ud835\udc68" using [@@iterator]() with for..of var str = 'a\ud835\udc68b\ud835\udc69c\ud835\udc6a'; for (var v of str) { console.log(v); } // "a" // "\ud835\udc68" // "b" // "\ud835\udc69" // "c" // "\ud835\udc6a" specifications specification ecmascript (ecma-262)the definition of 'string.prototype[@@iterator]()' in that specification.
String.prototype.match() - JavaScript
return
value an array whose contents depend on the presence or absence of the global (g) flag, or null if no matches are found.
... groups an object of named capturing groups whose keys are the names and
values are the capturing groups or undefined if no named capturing groups were defined.
...// '.1' was the last
value captured by '(\.\d)'.
String.prototype.padEnd() - JavaScript
if the
value is lower than str.length, the current string will be returned as-is.
...the default
value for this parameter is " " (u+0020).
... return
value a string of the specified targetlength with the padstring applied at the end of the current str.
String.prototype.padStart() - JavaScript
if the
value is less than str.length, then str is returned as-is.
...the default
value is " " (u+0020 'space').
... return
value a string of the specified targetlength with padstring applied from the start.
String.prototype.toString() - JavaScript
syntax str.tostring() return
value a string representing the calling object.
...for string objects, the tostring() method returns a string representation of the object and is the same as the string.prototype.
valueof() method.
... examples using tostring() the following example displays the string
value of a string object: var x = new string('hello world'); console.log(x.tostring()); // logs 'hello world' specifications specification ecmascript (ecma-262)the definition of 'string.prototype.tostring' in that specification.
Symbol() constructor - JavaScript
the symbol() constructor returns a
value of type symbol, but is incomplete as a constructor because it does not support the syntax "new symbol()" and it is not intended to be subclassed.
... it may be used as the
value of an extends clause of a class definition but a super call to it will cause an exception.
...it creates a new symbol each time: symbol('foo') === symbol('foo') // false new symbol(...) the following syntax with the new operator will throw a typeerror: let sym = new symbol() // typeerror this prevents authors from creating an explicit symbol wrapper object instead of a new symbol
value and might be surprising as creating explicit wrapper objects around primitive data types is generally possible (for example, new boolean, new string and new number).
TypedArray.prototype[@@iterator]() - JavaScript
the initial
value of the @@iterator property is the same function object as the initial
value of the
values property.
... syntax arr[symbol.iterator]() return
value the array iterator function, which is the
values() function by default.
... examples iteration using for...of loop var arr = new uint8array([10, 20, 30, 40, 50]); // your browser must support for..of loop // and let-scoped variables in for loops for (let n of arr) { console.log(n); } alternative iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr[symbol.iterator](); console.log(earr.next().
value); // 10 console.log(earr.next().
value); // 20 console.log(earr.next().
value); // 30 console.log(earr.next().
value); // 40 console.log(earr.next().
value); // 50 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype[@@iterator]()' in that specification.
TypedArray.prototype.entries() - JavaScript
the entries() method returns a new array iterator object that contains the key/
value pairs for each index in the array.
... syntax arr.entries() return
value a new array iterator object.
... examples iteration using for...of loop var arr = new uint8array([10, 20, 30, 40, 50]); var earray = arr.entries(); // your browser must support for..of loop // and let-scoped variables in for loops for (let n of earray) { console.log(n); } alternative iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr.entries(); console.log(earr.next().
value); // [0, 10] console.log(earr.next().
value); // [1, 20] console.log(earr.next().
value); // [2, 30] console.log(earr.next().
value); // [3, 40] console.log(earr.next().
value); // [4, 50] specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.entries()' in that specification.
WeakSet.prototype.add() - JavaScript
syntax ws.add(
value); parameters
value required.
... return
value the weakset object.
... examples using add var ws = new weakset(); ws.add(window); // add the window object to the weakset ws.has(window); // true // weakset only takes objects as arguments ws.add(1); // results in "typeerror: invalid
value used in weak set" in chrome // and "typeerror: 1 is not a non-null object" in firefox specifications specification ecmascript (ecma-262)the definition of 'weakset.prototype.add' in that specification.
WebAssembly.Table() constructor - JavaScript
syntax new webassembly.table(tabledescriptor); parameters tabledescriptor an object that can contain the following members: element a string representing the type of
value to be stored in the table.
... at the moment this can only have a
value of "anyfunc" (functions).
... webassembly.instantiatestreaming(fetch('table2.wasm'), importobject) .then(function(obj) { console.log(tbl.length); console.log(tbl.get(0)()); console.log(tbl.get(1)()); }); note how you've got to include a second function invocation operator at the end of the accessor to actually invoke the referenced function and log the
value stored inside it (e.g.
WebAssembly.Table.prototype.get() - JavaScript
return
value a function reference — this is an exported webassembly function, a javascript wrapper for an underlying wasm function.
... webassembly.instantiatestreaming(fetch('table.wasm')) .then(function(obj) { var tbl = obj.instance.exports.tbl; console.log(tbl.get(0)()); // 13 console.log(tbl.get(1)()); // 42 }); note how you've got to include a second function invocation operator at the end of the accessor to actually retrieve the
value stored inside the reference (e.g.
... get(0)() rather than get(0)) — it is a function rather than a simple
value.
encodeURIComponent() - JavaScript
return
value a new string representing the provided string encoded as a uri component.
...rn '%' + c.charcodeat(0).tostring(16); }); } examples encoding for content-disposition and link headers the following example provides the special encoding required within utf-8 content-disposition and link server response header parameters (e.g., utf-8 filenames): var filename = 'my file(2).txt'; var header = "content-disposition: attachment; filename*=utf-8''" + encoderfc5987
valuechars(filename); console.log(header); // logs "content-disposition: attachment; filename*=utf-8''my%20file%282%29.txt" function encoderfc5987
valuechars(str) { return encodeuricomponent(str).
... // the following are not required for percent-encoding per rfc5987, // so we can allow for a little better readability over the wire: |`^ replace(/%(?:7c|60|5e)/g, unescape); } // here is an alternative to the above function function encoderfc5987
valuechars2(str) { return encodeuricomponent(str).
globalThis - JavaScript
the global globalthis property contains the global this
value, which is akin to the global object.
... the globalthis property provides a standard way of accessing the global this
value (and hence the global object itself) across environments.
...in this way, you can access the global object in a consistent manner without having to know which environment the code is being run in.to help you remember the name, just remember that in global scope the this
value is globalthis.
isFinite() - JavaScript
the global isfinite() function determines whether the passed
value is a finite number.
... syntax isfinite(test
value) parameters test
value the
value to be tested for finiteness.
... return
value false if the argument is positive or negative infinity or nan or undefined; otherwise, true.
Assignment (=) - JavaScript
the simple assignment operator (=) is used to assign a
value to a variable.
... the assignment operation evaluates to the assigned
value.
... chaining the assignment operator is possible in order to assign a single
value to multiple variables the source for this interactive example is stored in a github repository.
Decrement (--) - JavaScript
the decrement operator (--) decrements (subtracts one from) its operand and returns a
value.
... syntax operator: x-- or --x description if used postfix, with operator after operand (for example, x--), the decrement operator decrements and returns the
value before decrementing.
... if used prefix, with operator before operand (for example, --x), the decrement operator decrements and returns the
value after decrementing.
Increment (++) - JavaScript
the increment operator (++) increments (adds one to) its operand and returns a
value.
... syntax operator: x++ or ++x description if used postfix, with operator after operand (for example, x++), the increment operator increments and returns the
value before incrementing.
... if used prefix, with operator before operand (for example, ++x), the increment operator increments and returns the
value after incrementing.
Logical OR assignment (||=) - JavaScript
examples setting default content if the "lyrics" element is empty, set the innerhtml to a default
value: document.getelementbyid('lyrics').innerhtml ||= '<i>no lyrics.</i>' here the short-circuit is especially beneficial, since the element will not be updated unnecessarily and won't cause unwanted side-effects such as additional parsing or rendering work, or loss of focus, etc.
... note: pay attention to the
value returned by the api you're checking against.
... if an empty string is returned (a falsy
value), ||= must be used, otherwise you want to use the ??= operator (for null or undefined return
values).
Operator precedence - JavaScript
assignment operators are right-associative, so you can write: a = b = 5; // same as writing a = (b = 5); with the expected result that a and b get the
value 5.
... this is because the assignment operator returns the
value that is assigned.
...then the a is also set to 5, the return
value of b = 5, aka right operand of the assignment.
Spread syntax (...) - JavaScript
spread syntax (...) allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded in places where zero or more key-
value pairs (for object literals) are expected.
...st arr1 = [0, 1, 2]; const arr2 = [3, 4, 5]; // append all items from arr2 onto arr1 arr1 = arr1.concat(arr2); with spread syntax this becomes: let arr1 = [0, 1, 2]; let arr2 = [3, 4, 5]; arr1 = [...arr1, ...arr2]; // arr1 is now [0, 1, 2, 3, 4, 5] // note: not to use const otherwise, it will give typeerror (invalid assignment) array.prototype.unshift() is often used to insert an array of
values at the start of an existing array.
... spread syntax (other than in the case of spread properties) can be applied only to iterable objects: const obj = {'key1': '
value1'}; const array = [...obj]; // typeerror: obj is not iterable spread with many
values when using spread syntax for function calls, be aware of the possibility of exceeding the javascript engine's argument length limit.
super - JavaScript
class rectangle { constructor(height, width) { this.name = 'rectangle'; this.height = height; this.width = width; } sayname() { console.log('hi, i am a ', this.name + '.'); } get area() { return this.height * this.width; } set area(
value) { this._area =
value; } } class square extends rectangle { constructor(length) { this.height; // referenceerror, super needs to be called first!
...object.defineproperty, super cannot overwrite the
value of the property.
... class x { constructor() { object.defineproperty(this, 'prop', { configurable: true, writable: false,
value: 1 }); } } class y extends x { constructor() { super(); } foo() { super.prop = 2; // cannot overwrite the
value.
for...in - JavaScript
if a property is modified in one iteration and then visited at a later time, its
value in the loop is its
value at that later time.
...although arrays are often more practical for storing data, in situations where a key-
value pair is preferred for working with data (with properties acting as the "key"), there may be instances where you want to check if any of those keys hold a particular
value.
... examples using for...in the for...in loop below iterates over all of the object's enumerable, non-symbol properties and logs a string of the property names and their
values.
Template literals (Template strings) - JavaScript
the first argument of a tag function contains an array of string
values.
... function template(strings, ...keys) { return (function(...
values) { let dict =
values[
values.length - 1] || {}; let result = [strings[0]]; keys.foreach(function(key, i) { let
value = number.isinteger(key) ?
...
values[key] : dict[key]; result.push(
value, strings[i + 1]); }); return result.join(''); }); } let t1closure = template`${0}${1}${0}!`; //let t1closure = template(["","","","!"],0,1,0); t1closure('y', 'a'); // "yay!" let t2closure = template`${0} ${'foo'}!`; //let t2closure = template([""," ","!"],0,"foo"); t2closure('hello', {foo: 'world'}); // "hello world!" let t3closure = template`i'm ${'name'}.
icons - Web app manifests
examples "icons": [ { "src": "icon/lowres.webp", "sizes": "48x48", "type": "image/webp" }, { "src": "icon/lowres", "sizes": "48x48" }, { "src": "icon/hd_hi.ico", "sizes": "72x72 96x96 128x128 256x256" }, { "src": "icon/hd_hi.svg", "sizes": "72x72" } ]
values image objects may contain the following
values: member description sizes a string containing space-separated image dimensions.
... purpose can have one or more of the following
values, separated by spaces: monochrome: a user agent can present this icon where a monochrome icon with a solid fill is needed.
... any: the user agent is free to display the icon in any context (this is the default
value).
<mfenced> - MathML
the default
value is ")" and any white space is trimmed.
...the default
value is "(" and any white space is trimmed.
...the default
value is ",".
<munderover> - MathML
if false (default
value), the overscript is a limit over the base expression.
... if false (default
value), the underscript is a limit under the base expression.
...possible
values are: left, center, and right.
Web audio codec guide - Web media technologies
joint stereo can reduce the size of the encoded audio to some extent the parameters available—and the range of possible
values—varies from codec to codec, and even among different encoding utilities for the same codec, so read the documentation that comes with the encoding software you use to learn more.
... typically, most modern applications will use g.711 only as a fallback option, unless the limitations have specific
value to their use cases.
... g.722 audio is encoded using adaptive differential pulse code modulation (adpcm), in which each sample is represented not by its absolute
value, but as a
value indicating how much the new sample differs from the previous sample.
OpenSearch description format
rch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/"> <shortname>[snk]</shortname> <description>[search engine full name and summary]</description> <inputencoding>[utf-8]</inputencoding> <image width="16" height="16" type="image/x-icon">[https://example.com/favicon.ico]</image> <url type="text/html" template="[searchurl]"> <param name="[key name]"
value="{searchterms}"/> <!-- other params if you need them… --> <param name="[other key name]"
value="[parameter
value]"/> </url> <url type="application/x-suggestions+json" template="[suggestionurl]"/> <moz:searchform>[https://example.com/search]</moz:searchform> </opensearchdescription> shortname a short name for the search engine.
... param the parameters that must be passed in along with the search query as key/
value pairs.
... when specifying
values, you can use {searchterms} to insert the search terms entered by the user in the search bar.
CSS and JavaScript animation performance - Web Performance
css animations, on the other hand, allow developers to make animations between a set of starting property
values and a final set rather than between two states.
... double-click the entry to set the
value to true.
...toggle its
value to true.
Media - Progressive web apps (PWAs)
many pages in this tutorial focused on the css properties and
values, as well as how you use these to specify the way that content displays.
...its
values are similar to the border property, except that you cannot specify individual sides.
...the rules and their
values are fixed.
The building blocks of responsive design - Progressive web apps (PWAs)
it is usually much better to create a single version of your code which doesn't care about what browser or platform is accessing the site, but instead uses feature tests to find out what code features the browser supports or what the
values of certain browser features are, and then adjusts the code appropriately.
... z-index: 1000; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } nav button { font-size: 6.8vw; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid rgba(100,100,100,0.4); } nav button:first-child { border-left: 0; } } in this last set of rules, we change the display
value of the <nav> to flex to make it show (it was set to none in the default css at the top of the stylesheet, as it wasn't needed for the other views.) we then use absolute positioning and z-index to make it take up no space in the document flow, and sit on top of the x-cards (this is why we gave the x-cards that top-margin earlier).
...this way, you can swap out image src
values with javascript depending on browser features, circumventing browser preloading issues.
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
for example, you can resize the circle in the clip path established above: function toggleradius() { var circle = document.getelementbyid("circle"); circle.r.baseval.
value = 0.40 - circle.r.baseval.
value; } example: filtering this demonstrates applying a filter to html content using svg.
...for example, to apply a blur effect, you might use: <svg height="0"> <filter id="f1"> <fegaussianblur stddeviation="3"/> </filter> </svg> you could also apply a color matrix: <svg height="0"> <filter id="f2"> <fecolormatrix
values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/> </filter> </svg> and some more filters: <svg height="0"> <filter id="f3"> <feconvolvematrix filterres="100 100" style="color-interpolation-filters:srgb" order="3" kernelmatrix="0 -1 0 -1 4 -1 ...
...0 -1 0" preservealpha="true"/> </filter> <filter id="f4"> <fespecularlighting surfacescale="5" specularconstant="1" specularexponent="10" lighting-color="white"> <fepointlight x="-5000" y="-10000" z="20000"/> </fespecularlighting> </filter> <filter id="f5"> <fecolormatrix
values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 1 0 0 0" style="color-interpolation-filters:srgb"/> </filter> </svg> the five filters are applied using the following css: p.target { filter:url(#f3); } p.target:hover { filter:url(#f5); } b.target { filter:url(#f1); } b.target:hover { filter:url(#f4); } pre.target { filter:url(#f2); } pre.target:hover { filter:url(#f3); } view this example live exam...
accumulate - SVG: Scalable Vector Graphics
this attribute said to the animation if the
value is added to the previous animated attribute's
value on each iteration.
... four elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, and <animatetransform> usage notes
value none | sum default
value none animatable no sum specifies that each repeat iteration after the first builds upon the last
value of the previous iteration.
... this attribute is ignored if the target attribute
value does not support addition, or if the animation element does not repeat.
alignment-baseline - SVG: Scalable Vector Graphics
it defaults to the baseline with the same name as the computed
value of the alignment-baseline property.
... as a presentation attribute, it can be applied to any element but it has effect only on the following four elements: <tspan>, <tref>, <altglyph>, and <textpath> usage notes
value auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | top | center | bottom default
value auto animatable yes auto the
value is the dominant-baseline of the script to which the character belongs - i.e., use the dominant-baseline of the parent.
...in particular: the
values auto, before-edge, and after-edge have been removed.
baseFrequency - SVG: Scalable Vector Graphics
="100%"> <feturbulence basefrequency="0.025" /> </filter> <filter id="noise2" x="0" y="0" width="100%" height="100%"> <feturbulence basefrequency="0.05" /> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#noise1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#noise2); transform: translatex(220px);" /> </svg> usage notes
value <number-optional-number> default
value 0 animatable yes <number-optional-number> if two numbers are provided, the first one represents the base frequency in the horizontal direction and the second one the base frequency in the vertical direction.
... if one number is provided, then that
value is used for both x and y.
... negative
values are forbidden.
clipPathUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default
value userspaceonuse animatable yes userspaceonuse this
value indicates that all coordinates inside the <clippath> element refer to the user coordinate system as defined when the clipping path was created.
... objectboundingbox this
value indicates that all coordinates inside the <clippath> element are relative to the bounding box of the element the clipping path is applied to.
... it means that the origin of the coordinate system is the top left corner of the object bounding box and the width and height of the object bounding box are considered to have a length of 1 unit
value.
color-interpolation-filters - SVG: Scalable Vector Graphics
color-interpolation-filters has a different initial
value than color-interpolation.
... color-interpolation-filters has an initial
value of linearrgb, whereas color-interpolation has an initial
value of srgb.
...can be applied to any element but it only has an effect on the following eighteen elements: <fespotlight>, <feblend>, <fecolormatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>, <fegaussianblur>, <feimage>, <femerge>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile>, <feturbulence> usage notes
value auto | srgb | linearrgb default
value linearrgb animatable yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
contentScriptType - SVG: Scalable Vector Graphics
this attribute sets the default scripting language used to process the
value strings in event attributes.
...the
value specifies a media type, per mime part two: media types [rfc2046].
... usage notes
value one of the content types specified in the media types default
value application/ecmascript animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'contentscripttype' in that specification.
cx - SVG: Scalable Vector Graphics
value <length-percentage> default
value 0 animatable yes note: starting with svg2 cx, is a geometry property, meaning this attribute can also be used as css property for circles.
...
value <length-percentage> default
value 0 animatable yes note: starting with svg2 cx, is a geometry property, meaning this attribute can also be used as css property for ellipses.
...
value <length> default
value 50% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient cx="0" id="mygradient000"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cx="50%" id="mygradient050"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cx="100%" id="mygradient100"> <...
cy - SVG: Scalable Vector Graphics
value <length> | <percentage> default
value 0 animatable yes note: starting with svg2, cy is a geometry property meaning this attribute can also be used as a css property for circles.
...
value <length> | <percentage> default
value 0 animatable yes note: starting with svg2, cy is a geometry property meaning this attribute can also be used as a css property for ellipses.
...
value <length> default
value 50% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient cy="0" id="mygradient000"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cy="50%" id="mygradient050"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cy="100%" id="mygradient100"> <...
diffuseConstant - SVG: Scalable Vector Graphics
the diffuseconstant attribute represents the kd
value in the phong lighting model.
... it’s used to determine the final rgb
value of a given pixel.
... height="100%"> <fediffuselighting in="sourcegraphic" diffuseconstant="2"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'diffuseconstant' in that specification.
externalResourcesRequired - SVG: Scalable Vector Graphics
the externalresourcesrequired attribute is not inheritable (from a sense of attribute
value inheritance), but if set on a container element, its
value will apply to all elements within the container.
... usage notes
value false | true default
value false animatable no true this
value indicates that resources external to the current document are required.
... false this
value indicates that resources external to the current document are optional.
fill-rule - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <path>, <polygon>, <polyline>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg"> <!-- default
value for fill-rule --> <polygon fill-rule="nonzero" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- the center of the shape has two path segments (shown by the red stroke) between it and infinity.
... --> <polygon fill-rule="evenodd" stroke="red" points="150,0 121,90 198,35 102,35 179,90"/> </svg> usage notes
value nonzero | evenodd default
value nonzero animatable yes the fill-rule attribute provides two options for how the inside (that is, the area to be filled) of a shape is determined: nonzero the
value nonzero determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction, and then examining the places where a segment of the shape crosses the ray.
...ke="red" d="m110,0 h90 v90 h-90 z m130,20 h50 v50 h-50 z"/> <!-- effect of nonzero fill rule on a shape inside a shape with the path segment moving in the opposite direction (one square drawn clockwise, the other anti-clockwise) --> <path fill-rule="nonzero" stroke="red" d="m210,0 h90 v90 h-90 z m230,20 v50 h50 v-50 z"/> </svg> evenodd the
value evenodd determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.
flood-opacity - SVG: Scalable Vector Graphics
the flood-opacity attribute indicates the opacity
value to use across the current filter primitive subregion.
...="0" y="0" width="200" height="200"/> </filter> <filter id="flood2"> <feflood flood-color="seagreen" flood-opacity="0.3" x="0" y="0" width="200" height="200"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood2); transform: translatex(220px);" /> </svg> usage notes
value <alpha-
value> initial
value 1 animatable yes <alpha-
value> a number or percentage indicating the opacity
value to use across the current filter primitive subregion.
... working draft aligned the
value to the css <alpha-
value>
value.
id - SVG: Scalable Vector Graphics
<svg width="120" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <style type="text/css"> <![cdata[ #smallrect { stroke: #000066; fill: #00cc00; } ]]> </style> <rect id="smallrect" x="10" y="10" width="100" height="100" /> </svg> usage notes
value <id> default
value none animatable no <id> specifies the element's id.
... note: you should avoid the use of id
values that would be parsed as an svg view specification (e.g., mydrawing.svg#svgview(viewbox(0,200,1000,1000))) or a basic media fragment when used as a url target fragment.
... candidate recommendation defines the allowed
values in more detail.
in2 - SVG: Scalable Vector Graphics
value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default
value sourcegraphic for first filter primitive, otherwise result of previous filter primitive animatable yes fecomposite for <fecomposite>, in2 defines the second input image to the compositing operation.
...
value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default
value sourcegraphic for first filter primitive, otherwise result of previous filter primitive animatable yes fedisplacementmap for <fedisplacementmap>, in2 defines the second input image, which is used to displace the pixels in the image defined in the in attribute.
...
value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default
value sourcegraphic for first filter primitive, otherwise result of previous filter primitive animatable yes specifications specification status comment filter effects module level 1the definition of 'in2 for <fedisplacementmap>' in that specification.
letter-spacing - SVG: Scalable Vector Graphics
if the attribute
value is a unitless number (like 128), the browser processes it as a <length> in the current user coordinate system.
... if the attribute
value has a unit identifier, such as .25em or 1%, then the browser converts the <length> into its corresponding
value in the current user coordinate system.
...ed to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 400 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" letter-spacing="2">bigger letter-spacing</text> <text x="200" y="20" letter-spacing="-0.5">smaller letter-spacing</text> </svg> usage notes
value normal | <length> default
value normal animatable yes for a description of the
values, please refer to the css letter-spacing property.
marker-end - SVG: Scalable Vector Graphics
in this case, if the
value of marker-start and marker-end are both not none, then two markers will be rendered on that final vertex.
... <marker id="triangle" viewbox="0 0 10 10" refx="1" refy="5" markerunits="strokewidth" markerwidth="10" markerheight="10" orient="auto"> <path d="m 0 0 l 10 5 l 0 10 z" fill="#f00"/> </marker> </defs> <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" marker-end="url(#triangle)"/> </svg> usage notes
value none | <marker-ref> default
value none animatable yes none indicates that no marker symbol shall be drawn at the final vertex.
... <marker-ref> this
value is a reference to a <marker> element, which will be drawn at the final vertex.
marker-start - SVG: Scalable Vector Graphics
in this case, if the
value of marker-start and marker-end are both not none, then two markers will be rendered on that final vertex.
... <marker id="triangle" viewbox="0 0 10 10" refx="1" refy="5" markerunits="strokewidth" markerwidth="10" markerheight="10" orient="auto"> <path d="m 0 0 l 10 5 l 0 10 z" fill="#f00"/> </marker> </defs> <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" marker-start="url(#triangle)"/> </svg> usage notes
value none | <marker-ref> default
value none animatable yes none indicates that no marker symbol shall be drawn at the first vertex.
... <marker-ref> this
value is a reference to a <marker> element, which will be drawn at the first vertex.
max - SVG: Scalable Vector Graphics
the max attribute specifies the maximum
value of the active animation duration.
... five elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <circle cx="60" cy="10" r="10"> <animate attributename="cx" dur="4s" max="6s" repeatcount="indefinite"
values="60 ; 110 ; 60 ; 10 ; 60" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/> <animate attributename="cy" dur="4s" max="6s" repeatcount="indefinite"
values="10 ; 60 ; 110 ; 60 ; 10" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/> </circle> </svg> usage notes
value <clock-
value> default
value none animatable no <clock-
value> specifies the length of the maximum
value of the active duration, measured in local time.
... the
value must be greater than 0.
method - SVG: Scalable Vector Graphics
value align | stretch default
value align animatable yes align this
value indicates that the characters should be rendered so that they are not stretched or warped.
... stretch this
value indicates that the character outlines will be converted into paths, and then stretched and possibly warped.
... candidate recommendation described the stretch
value in more detail.
min - SVG: Scalable Vector Graphics
the min attribute specifies the minimum
value of the active animation duration.
... five elements are using this attribute: <animate>, <animatecolor>, <animatemotion>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <circle cx="60" cy="10" r="10"> <animate attributename="cx" dur="4s" min="2s" repeatcount="indefinite"
values="60 ; 110 ; 60 ; 10 ; 60" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/> <animate attributename="cy" dur="4s" min="2s" repeatcount="indefinite"
values="10 ; 60 ; 110 ; 60 ; 10" keytimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/> </circle> </svg> usage notes
value <clock-
value> default
value 0 animatable no <clock-
value> specifies the length of the minimum
value of the active duration, measured in local time.
... the
value must be greater than 0.
panose-1 - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <integer>{10} default
value 0 0 0 0 0 0 0 0 0 0 animatable no <integer>{10} this
value specifies a panose-1 number and consists of ten decimal integers, separated by whitespace.
... the initial
value zero for each panose digit means "any", i.e.
... all fonts will match the panose number if this
value is used.
path - SVG: Scalable Vector Graphics
the effect of a motion path animation is a translation along the x- and y-axes of the current user coordinate system by the x and y
values computed over time.
...
value <path-data> default
value none animatable no <path-data> this
value defines the motion path along which the referenced element is animated.
...
value <path-data> default
value path specified in href animatable yes <path-data> this
value defines the text path along which the glyphs of the <text> element are aligned.
preserveAlpha - SVG: Scalable Vector Graphics
ha="false"/> </filter> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#convolvematrix1);"/> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#convolvematrix2); transform:translatex(220px);"/> </svg> usage notes default
value false
value true | false animatable yes true this
value indicates that the convolution will only apply to the color channels.
... in this case, the filter will temporarily unpremultiply the color component
values and apply the kernel.
... false this
value indicates that the convolution will apply to all channels, including the alpha channel.
primitiveUnits - SVG: Scalable Vector Graphics
the primitiveunits attribute specifies the coordinate system for the various length
values within the filter primitives and for the attributes that define the filter primitive subregion.
... only one element is using this attribute: <filter> usage notes
value userspaceonuse | objectboundingbox default
value userspaceonuse animatable yes userspaceonuse this
value indicates that any length
values within the filter definitions represent
values in the current user coordinate system in place at the time when the <filter> element is referenced (i.e., the user coordinate system for the element referencing the <filter> element via a filter attribute).
... objectboundingbox this
value indicates that any length
values within the filter definitions represent fractions or percentages of the bounding box on the referencing element.
restart - SVG: Scalable Vector Graphics
<animate attributetype="xml" attributename="y" from="30" to="100" dur="5s" repeatcount="1" restart="whennotactive"/> </rect> <a id="restart"><text y="20">restart animation</text></a> </svg> document.getelementbyid("restart").addeventlistener("click", evt => { document.queryselectorall("animate").foreach(element => { element.beginelement(); }); }); usage notes
value always | whennotactive | never default
value always animatable no always this
value indicates that the animation can be restarted at any time.
... whennotactive this
value indicates that the animation can only be restarted when it is not active (i.e.
... never this
value indicates that the animation cannot be restarted for the time the document is loaded.
shape-rendering - SVG: Scalable Vector Graphics
has effect only on the following seven elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, and <rect> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="100" shape-rendering="geometricprecision"/> <circle cx="320" cy="100" r="100" shape-rendering="crispedges"/> </svg> usage notes
value auto | optimizespeed | crispedges | geometricprecision default
value auto animatable yes auto this
value indicates that the user agent shall make appropriate tradeoffs to balance speed, crisp edges and geometric precision, but with geometric precision given more importance than speed and crisp edges.
... optimizespeed this
value indicates that the user agent shall emphasize rendering speed over geometric precision and crisp edges.
... crispedges this
value indicates that the user agent shall attempt to emphasize the contrast between clean edges of artwork over rendering speed and geometric precision.
specularConstant - SVG: Scalable Vector Graphics
it represents the ks
value in the phong lighting model.
... the bigger the
value the stronger the reflection.
..."> <fespecularlighting in="sourcegraphic" specularconstant="0.8"> <fepointlight x="60" y="60" z="20" /> </fespecularlighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#specularlighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#specularlighting2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'specularconstant' in that specification.
spreadMethod - SVG: Scalable Vector Graphics
two elements are using this attribute: <lineargradient> and <radialgradient> context notes
value pad | reflect | repeat initial
value pad animatable yes pad this
value indicates that the final color of the gradient fills the shape beyond the gradient's edges.
... reflect this
value indicates that the gradient repeats in reverse beyond its edges.
... repeat this
value specifies that the gradient repeats in the original order beyond its edges.
startOffset - SVG: Scalable Vector Graphics
</textpath> </text> </svg> usage notes
value <length-percentage> | <number> default
value 0 animatable yes <length-percentage> a length represents a distance along the path measured in the current user coordinate system for the <textpath> element.
... <number> this
value indicates a distance along the path measured in the current user coordinate system for the <textpath> element.
... note: negative
values and
values larger than the path length (e.g.
systemLanguage - SVG: Scalable Vector Graphics
this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <audio>, <canvas>, <circle>, <clippath>, <cursor>, <defs>, <discard>, <ellipse>, <foreignobject>, <g>, <iframe>, <image>, <line>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <set>, <svg>, <switch>, <text>, <textpath>, <tref>, <tspan>, <unknown>, <use>, and <video> usage notes
value <language-tags> default
value none animatable no <language-tags> the
value is a set of comma-separated tokens, each of which must be a language-tag
value, as defined in bcp 47.
... the attribute evaluates to "true" if one of the language tags indicated by user preferences is a case-insensitive match or prefix (followed by a "-") of one of the language tags given in the
value of this parameter.
...if a null string or empty string
value is given, the attribute evaluates to "false".
target - SVG: Scalable Vector Graphics
ref="https://developer.mozilla.org" target="_self"> <text x="0" y="20">open link within iframe</text> </a> <a href="https://developer.mozilla.org" target="_blank"> <text x="0" y="60">open link in new tab or window</text> </a> <a href="https://developer.mozilla.org" target="_top"> <text x="0" y="100">open link in this tab or window</text> </a> </svg> usage notes
value _self | _parent | _top | _blank | <xml-name> default
value _self animatable yes _replace the current svg image is replaced by the linked content in the same rectangular area in the same frame as the current svg image.
... note: this
value was never well implemented, and the distinction between _replace and _self has been made redundant by changes in the html definition of browsing contexts.
... candidate recommendation removed the _replace
value.
word-spacing - SVG: Scalable Vector Graphics
an unqualified number such as 128), the browser processes the <length> as a width
value in the current user coordinate system.
....25em or 1%), then the browser converts the <length> into a corresponding
value in the current user coordinate system.
...ny element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 50" xmlns="http://www.w3.org/2000/svg"> <text y="20" word-spacing="2">bigger spacing between words</text> <text x="0" y="40" word-spacing="-0.5">smaller spacing between words</text> </svg> usage notes
value normal | <length> animatable yes default
values normal for a description of the
values, please refer to the css letter-spacing property.
x1 - SVG: Scalable Vector Graphics
value <length> | <percentage> default
value 0 animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="5" y1="1" y2="9" stroke="red" /> <line x1="5" x2="5" y1="1" y2="9" stroke="green" /> <line x1="9" x2="5" y1="1" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient...
...>, x1 defines the x coordinate of the starting point of the gradient vector used to map the gradient stop
values.
... the exact behavior of this attribute is influenced by the gradientunits attributs
value <length> | <percentage> default
value 0% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector start at the left bounding limit of the shape it is applied to --> <lineargradient x1="0%" id="g0"> <stop offset="0" stop-color="black" /> <stop offset="100%" stop-color="red" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector start at 80% of the left bounding limit of the shape it is applied to --> <lineargradient x1="80%" id="g1"> <stop offset="0" stop-color="black" /...
x2 - SVG: Scalable Vector Graphics
value <length> | <percentage> default
value 0 animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="5" x2="1" y1="1" y2="9" stroke="red" /> <line x1="5" x2="5" y1="1" y2="9" stroke="green" /> <line x1="5" x2="9" y1="1" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient...
...>, x2 defines the x coordinate of the ending point of the gradient vector used to map the gradient stop
values.
... the exact behavior of this attribute is influenced by the gradientunits attributs
value <length> | <percentage> default
value 100% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector end at the right bounding limit of the shape it is applied to --> <lineargradient x2="100%" id="g0"> <stop offset="0" stop-color="black" /> <stop offset="100%" stop-color="red" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector start at 20% of the left bounding limit of the shape it is applied to --> <lineargradient x2="20%" id="g1"> <stop offset="0" stop-color="black"...
xml:lang - SVG: Scalable Vector Graphics
<svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <text xml:lang="en-us">this is some english text</text> </svg> usage notes
value <language-tag> default
value none animatable no <language-tag> this
value specifies the language used for the element.
... the syntax of this
value is defined in the bcp 47 specification.
... the most common syntax is a
value formed by a lowercase two-character part for the language and an uppercase two-character part for the region or country, separated by a minus sign, e.g.
xml:space - SVG: Scalable Vector Graphics
therefore, changing this attributeʼs
value through the dom api may have no effect.
... html, body, svg { height: 100%; } <svg viewbox="0 0 140 50" xmlns="http://www.w3.org/2000/svg"> <text y="20" xml:space="default">default spacing</text> <text y="40" xml:space="preserve">preserved spacing</text> </svg> usage notes
value default | preserve default
value default animatable no default with this
value set, whitespace characters will be processed in this order: all newline characters are removed.
... preserve this
value tells the user agent to convert all newline and tab characters into spaces.
y1 - SVG: Scalable Vector Graphics
value <length> | <percentage> default
value 0 animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="1" y2="5" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="9" y2="5" stroke="blue" /> </svg> lineargradient for <lineargradient...
...>, y1 defines the y coordinate of the starting point of the gradient vector used to map the gradient stop
values.
... the exact behavior of this attribute is influenced by the gradientunits attributs
value <length> | <percentage> default
value 0% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector start at the top left corner of the bounding box of the shape it is applied to.
y2 - SVG: Scalable Vector Graphics
value <length> | <percentage> default
value 0 animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="5" y2="1" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="5" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient...
...>, y2 defines the y coordinate of the ending point of the gradient vector used to map the gradient stop
values.
... the exact behavior of this attribute is influenced by the gradientunits attributs
value <length> | <percentage> default
value 0% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector end at the top right corner of the bounding box of the shape it is applied to.
<feComponentTransfer> - SVG: Scalable Vector Graphics
the calculations are performed on non-premultiplied color
values.
...idth="100%" height="100%"> <fecomponenttransfer> <fefuncr type="identity"></fefuncr> <fefuncg type="identity"></fefuncg> <fefuncb type="identity"></fefuncb> <fefunca type="identity"></fefunca> </fecomponenttransfer> </filter> <filter id="table" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" table
values="0 0 1 1"></fefuncr> <fefuncg type="table" table
values="1 1 0 0"></fefuncg> <fefuncb type="table" table
values="0 1 1 0"></fefuncb> </fecomponenttransfer> </filter> <filter id="discrete" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="discrete" table
values="0 0 1 1"></fefuncr> <fefuncg type="discrete" table
values="1 ...
...1 0 0"></fefuncg> <fefuncb type="discrete" table
values="0 1 1 0"></fefuncb> </fecomponenttransfer> </filter> <filter id="linear" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="linear" slope="0.5" intercept="0"></fefuncr> <fefuncg type="linear" slope="0.5" intercept="0.25"></fefuncg> <fefuncb type="linear" slope="0.5" intercept="0.5"></fefuncb> </fecomponenttransfer> </filter> <filter id="gamma" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="gamma" amplitude="4" exponent="7" offset="0"></fefuncr> <fefuncg type="gamma" amplitude="4" exponent="4" offset="0"></fefuncg> <fefuncb type="gamma" amplitude="4" exponent="1" offset="0"></fefuncb> ...
<feComposite> - SVG: Scalable Vector Graphics
if the arithmetic operation is chosen, each result pixel is computed using the following formula: result = k1*i1*i2 + k2*i1 + k3*i2 + k4 where: i1 and i2 indicate the corresponding pixel channel
values of the input image, which map to in and in2 respectively k1, k2, k3 and k4 indicate the
values of the attributes with the same name usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes » presentation attributes » filter primitive attributes » class style ...
... example svg <svg width="330" height="195" viewbox="0 0 1100 650" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>example fecomposite - examples of fecomposite operations</title> <desc>four rows of six pairs of overlapping triangles depicting the six different fecomposite operators under different opacity
values and different clearing of the background.</desc> <defs> <desc>define two sets of six filters for each of the six compositing operators.
... working draft added lighter
value for operator attribute.
<feDropShadow> - SVG: Scalable Vector Graphics
value type: <number>; default
value: 2; animatable: yes dy this attribute defines the y offset of the drop shadow.
...
value type: <number>; default
value: 2; animatable: yes stddeviation this attribute defines the standard deviation for the blur operation in the drop shadow.
...
value type: <number>; default
value: 2; animatable: yes global attributes core attributes most notably: id styling attributes class, style filter primitive attributes height, in, result, x, y, width presentation attributes most notably: flood-color, flood-opacity usage notes categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <script>, <set> specifications specification status comment filter effects module level 1the definition of '<fedropshadow>' in that specification.
<path> - SVG: Scalable Vector Graphics
value type: <string> ; default
value: ''; animatable: yes pathlength this attribute lets authors specify the total length for the path, in user units.
...
value type: <number> ; default
value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount...
...bed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-
valuemax, aria-
valuemin, aria-
valuenow, aria-
valuetext, role usage notes categoriesgraphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment svg pathsthe definition of '<path>' in that specification.
<polygon> - SVG: Scalable Vector Graphics
value type: <number>+ ; default
value: ""; animatable: yes pathlength this attribute lets specify the total length for the path, in user units.
...
value type: <number> ; default
value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount...
...bed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-
valuemax, aria-
valuemin, aria-
valuenow, aria-
valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<polygon>' in that specification.
<polyline> - SVG: Scalable Vector Graphics
example of a polyline with the default fill --> <polyline points="0,100 50,25 50,75 100,0" /> <!-- example of the same polyline shape with stroke and no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline
value type: <number>+ ; default
value: ""; animatable: yes pathlength this attribute lets specify the total length for the path, in user units.
...
value type: <number> ; default
value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount...
...bed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-
valuemax, aria-
valuemin, aria-
valuenow, aria-
valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<polyline>' in that specification.
<stop> - SVG: Scalable Vector Graphics
value type: <number>|<percentage>; default
value: 0; animatable: yes stop-color this attribute defines the color of the gradient stop.
...
value type: currentcolor|<color>|<icccolor>; default
value: black; animatable: yes stop-opacity this attribute defines the opacity of the gradient stop.
...
value type: <opacity>; default
value: 1; animatable: yes global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes presentation attributes most notably: color, display, stop-color, stop-opacity, visibility usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:<animate>, <animatecolor>, <set> specifications specification status comment scalable vector graphics (svg) 2the definition of '<stop>' in that specification.
<style> - SVG: Scalable Vector Graphics
value type: <string>; default
value: text/css; animatable: no media this attribute defines to which media the style applies.
...
value type: <string>; default
value: all; animatable: no title this attribute the title of the style sheet which can be used to switch between alternate style sheets.
...
value type: <string>; default
value: none; animatable: no global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<style>' in that specification.
Namespaces crash course - SVG: Scalable Vector Graphics
however, note carefully: the namespaces in xml 1.1 recommendation states that the namespace name for parameters without a prefix does not have a
value.
...so, to create an svg rect element using document.createelementns(), you must write: document.createelementns('http://www.w3.org/2000/svg', 'rect'); but to retrieve the
value of the xparameter on an svg rect element, you must write: rect.getattributens(null, 'x'); note that this isn't the case for parameters with a namespace prefix (parameters that don't belong to the same xml dialect as the element).
...hence to get the
value of the xlink:href parameter of an <a> element in svg you would write: elt.getattributens('http://www.w3.org/1999/xlink', 'href'); for setting parameters that have a namespace, it is recommended (but not required) that you also include their prefix in the second parameter so that the dom can later be more easily converted back to xml (if for instance you want to send it back to the server).
Clipping and masking - SVG: Scalable Vector Graphics
masking on the other hand allows soft edges by taking transparency and grey
values of the mask into account.
...as a result the pixels of the red rectangle use the luminance
value of the mask content as the alpha
value (the transparency), and we see a green-to-red gradient as a result: screenshotlive sample transparency with opacity there is a simple possibility to set the transparency for a whole element.
...for reverting a previously set display: none it is important to know, that the initial
value for all svg elements is inline.
Texts - SVG: Scalable Vector Graphics
the attribute text-anchor, which can have the
values "start", "middle", "end" or "inherit", decides in which direction the text flows from this point.
...here, too, you may provide a list of
values that are applied to consecutive characters, hence piling up the offset over time.
...a list of numbers makes each character rotate to its respective
value, with remaining characters rotating according to the last
value.
Same-origin policy - Web security
a script can set the
value of document.domain to its current domain or a superdomain of its current domain.
... note: when using document.domain to allow a subdomain to access its parent securely, you need to set document.domain to the same
value in both the parent domain and the subdomain.
... this is necessary even if doing so is simply setting the parent domain back to its original
value.
Transport Layer Security - Web security
tls handshake timeout
values if the tls handshake starts to become slow or unresponsive for some reason, the user's experience can be affected significantly.
... to mitigate this problem, modern browsers have implemented handshake timeouts: since version 58, firefox implements a tls handshake timeout with a default
value of 30 seconds.
... the timeout
value can be varied by editing the network.http.tls-handshake-timeout pref in about:config.
key - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the key function returns a node-set of nodes that have the given
value for the given key.
... syntax key(keyname ,
value ) arguments keyname a string containing the name of the xsl:key element to be used.
...
value the returned node-set will contain every node that has this
value for the given key.
not - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the not function evaluates a boolean expression and returns the opposite
value.
... notes this function should behave similarly to the boolean() function except that it returns the opposite
value.
... <xsl:for-each match="//a[not(@name and @name = 'badname')]"> <!-- iterates over any <a> element in the document, that either has no 'name' attribute at all, or it has one, but its
value is not "badname".
<xsl:variable> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:variable> element declares a global or local variable in a stylesheet and gives it a
value.
... because xslt permits no side-effects, once the
value of the variable has been established, it remains the same until the variable goes out of scope syntax <xsl:variable name=name select=expression > template </xsl:variable> required attributes name gives the variable a name.
... optional attributes select defines the
value of the variable through an xpath expression.
indexed-db - Archive of obsolete content
var { indexeddb, idbkeyrange } = require('sdk/indexed-db'); var database = {}; database.onerror = function(e) { console.error(e.
value) } function open(version) { var request = indexeddb.open("stuff", version); request.onupgradeneeded = function(e) { var db = e.target.result; e.target.transaction.onerror = database.onerror; if(db.objectstorenames.contains("items")) { db.deleteobjectstore("items"); } var store = db.createobjectstore("items", {keypath: "time"}); }; request.onsuccess = f...
...= db.transaction(["items"], "readwrite"); var store = trans.objectstore("items"); var items = new array(); trans.oncomplete = function() { cb(items); } var keyrange = idbkeyrange.lowerbound(0); var cursorrequest = store.opencursor(keyrange); cursorrequest.onsuccess = function(e) { var result = e.target.result; if(!!result == false) return; items.push(result.
value.name); result.continue(); }; cursorrequest.onerror = database.onerror; }; function listitems(itemlist) { console.log(itemlist); } open("1"); var add = require("sdk/ui/button/action").actionbutton({ id: "add", label: "add", icon: "./add.png", onclick: function() { additem(require("sdk/tabs").activetab.title); } }); var list = require("sdk/ui/button/action").actionbutto...
l10n - Archive of obsolete content
note that you can't currently use localize strings appearing in content scripts or html files, but you can share the localized strings you want by assigning it's
values to a json serializable object.
...this enables you to write functional, localizable code without localizing any strings - just make the identifiers the default language: var _ = require("sdk/l10n").get; console.log(_("hello!")); however, this will make it more difficult to maintain your code if you have many localizations, because any changes to the identifier
values break all your .properties files.
system - Archive of obsolete content
you can get the
value of an environment variable by accessing the property with that name: var system = require("sdk/system"); console.log(system.env.path); you can test whether a variable exists by checking whether a property with that name exists: var system = require("sdk/system"); if ('path' in system.env) { console.log("path is set"); } you can set a variable by setting the property: var system = require("...
...this will be one of the
values listed as os_target, converted to lower case.
system/xul-app - Archive of obsolete content
for example, for firefox this
value is "{ec8030f7-c20a-464f-9b0e-13a3a9e97384}".
...the possible
values here are: "firefox" "fennec" "mozilla" "seamonkey" "sunbird" "thunderbird" "firefox"and"fennec"` are the most commonly used
values.
test/utils - Archive of obsolete content
waituntil(predicate, interval) waituntil returns a promise that resolves upon the predicate returning a truthy
value, which is called every interval milliseconds.
... returns promise : waituntil returns a promise that becomes resolved once the predicate returns a truthy
value.
ui/frame - Archive of obsolete content
d-on already, it can use the origin property of the event object passed to the message hander: // listen for messages from the add-on, and send a reply window.addeventlistener("message", function(event) { event.source.postmessage("pong", event.origin) }, false); this frame script listens to change events on the "city-selector" <select> element, and sends a message to the add-on containing the
value for the newly selected element.
... // city-info.js var cityselector = window.document.getelementbyid("city-selector"); cityselector.addeventlistener("change", citychanged); function citychanged() { window.parent.postmessage(cityselector.
value, "*"); } to listen for these messages in the main add-on code, you can assign a listener to the frame's message event.
util/deprecate - Archive of obsolete content
globals functions deprecatefunction(fun, msg) dump to the console the error message given in the second argument, prefixed with "deprecated:", and print the stacktrace; then execute the function passed as first argument and returns its
value.
... parameters fun : function the function to execute after the error message msg : string the error message to display returns * : the returned
value from fun deprecateusage(msg) dump to the console the error message given, prefixed with "deprecated:", and print the stacktrace.
util/object - Archive of obsolete content
any argument given with "falsy"
values (null, undefined) in case of objects are skipped.
... let { merge } = require("sdk/util/object"); var a = { jetpacks: "are yes", foo: 10 } var b = merge(a, { foo: 5, bar: 6 }, { foo: 50, location: "sf" }); b === a // true b.jetpacks // "are yes" b.foo // 50 b.bar // 6 b.location // "sf" // merge also translates property descriptors var c = { "type": "addon" }; var d = {}; object.defineproperty(d, "name", {
value: "jetpacks", configurable: false }); merge(c, d); var props = object.getownpropertydescriptor(c, "name"); console.log(props.configurable); // true parameters source : object the object that other properties are merged into.
Creating annotations - Archive of obsolete content
the show message contains: the url for the page, the id attribute
value, and the text content of the page element.
... here's the code: var textarea = document.getelementbyid('annotation-box'); textarea.onkeyup = function(event) { if (event.keycode == 13) { self.postmessage(textarea.
value); textarea.
value = ''; } }; self.on('message', function() { var textarea = document.getelementbyid('annotation-box'); textarea.
value = ''; textarea.focus(); }); save this inside data/editor as annotation-editor.js.
Getting Started (jpm) - Archive of obsolete content
once you've supplied a
value or accepted the default for these properties, you'll be shown the complete contents of "package.json" and asked to accept it.
...unless you've changed the
value of "entry point" ("main" in package.json), this goes in "index.js" file in the root of your add-on.
Bootstrapped extensions - Archive of obsolete content
the reason constants are: constant
value description app_startup 1 the application is starting up.
...you can go to about:config and change the
value of the preference general.useragent.locale to en-us and then to en-gb and then reload the open pages to see the localization change.
Boxes - Archive of obsolete content
make the box style="display: block" and the wrapping behavior will occur when the box is resized: <?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"> <hbox style="display: block"> <label
value="aaa"/> <label
value="bbb"/> <label
value="ccc"/> <label
value="ddd"/> <label
value="eee"/> <label
value="fff"/> <label
value="ggg"/> <label
value="hhh"/> <label
value="iii"/> <label
value="jjj"/> <label
value="kkk"/> <label
value="lll"/> <label
value="mmm"/> <label
value="nnn"/> <label
value="ooo"/> <label
value="ppp"/> <label
value="qqq"/> <label
value="rrr"/> ...
... <label
value="sss"/> <label
value="ttt"/> <label
value="uuu"/> <label
value="vvv"/> <label
value="www"/> <label
value="xxx"/> <label
value="yyy"/> <label
value="zzz"/> </hbox> </window> images if you put image in the contents, you should probably add align="start" attribute to the box.
Cookies - Archive of obsolete content
reading existing cookies cookies for a given host, represented as nsicookie2 objects, can be enumerated as such: let enum = services.cookies.getcookiesfromhost("example.com"); while (enum.hasmoreelements()) { var cookie = enum.getnext().queryinterface(ci.nsicookie2); dump(cookie.host + ";" + cookie.name + "=" + cookie.
value + "\n"); } all cookies, regardless of host, can be enumerated using services.cookies.enumerator rather than getcookiesfromhost().
... services.cookies.add(".host.example.com", "/cookie-path", "cookie_name", "cookie_
value", is_secure, is_http_only, is_session, expiry_date); see also document.cookie nsicookie nsicookie2 nsicookieservice nsicookiemanager nsicookiemanager2 http cookies ...
IsDefaultNamespace - Archive of obsolete content
this function is not necessary for gecko-based browsers (though the function will quickly return the standard
value for mozilla browsers).
...de.nodetype) { case 1: // element_node if (!node.prefix) { return (node.namespaceuri === namespaceuri); } if (node.attributes.length) { for (var i=0; i < node.attributes.length; i++) { var att = node.attributes[i]; if (att.localname === 'xmlns') { return att.
value === namespaceuri; } } } if (node.parentnode) { // entityreferences may have to be skipped to get to it return isdefaultnamespace(node.parentnode, namespaceuri); } else { return false; // unknown; } case 9: // document_node return isdefault...
Label and description - Archive of obsolete content
to cause the text to wrap: ensure the long-running text is a text node child of <description/> or <label/> (i.e., do not specify the long-running text in the
value attribute of these elements).
... <description>i am your father's brother's nephew's cousin's former roommate.<html:br/> what's that make us?<html:br/> absolutely nothing!</description> using labels as anchors its possible to make a label look and act like an html <a> tag: <label class="text-link" href="http://whatever.com"
value="click here to go to whatever"/> "text-link" is a built-in, predefined class.
LookupNamespaceURI - Archive of obsolete content
this function is not necessary for gecko-based browsers (though the function will quickly return the standard
value for mozilla browsers) when used to reflect on static documents.
...re looking for default namespace return node.namespaceuri; } if (node.attributes.length) { for (i = 0; i < node.attributes.length; i++) { att = node.attributes[i]; if (xmlnspattern.test(att.name) && xmlnspattern.exec(att.name)[1] === prefix) { if (att.
value) { return att.
value; } return null; // unknown } if (att.name === 'xmlns' && prefix == null) { // default namespace if (att.
value) { return att.
value; ...
Progress Listeners - Archive of obsolete content
example: notification when the
value in address bar changes a commonly asked question is how to get notified whenever the url in the address bar (also known as location bar) changes.
... example: example of listener for anchor change the above example "notification when the
value in address bar changes" fires multiple times, one of which is when the tab is changed.
Default Preferences - Archive of obsolete content
you may not set variables inside of it, nor may do any kind of program flow control (ifs, loops etc.) nor even calculated
values (i.e.
...inside your file you set preferences using the pref() function: pref("name", "
value") example: pref('extensions.defaultprefs.example.int', 1); pref('extensions.defaultprefs.example.float', 0.1); pref('extensions.defaultprefs.example.string', 'fadf'); pref('extensions.defaultprefs.example.bool', true); notice that unlike when you're reading preferences, writing default preferences uses the same function no matter the data type of the preference.
Adding sidebars - Archive of obsolete content
it only displays one of its child nodes at a time, depending on its selectedindex
value.
...for instance, you could have a window that is used for two different purposes, and the only difference between the two cases is a label that has a
value in one case and something else in another.
Connecting to Remote Content - Archive of obsolete content
onload = function(aevent) { let responsexml = aevent.target.responsexml; let rootelement = responsexml.documentelement; if (rootelement && "parseerror" != rootelement.tagname) { let shopelements = rootelement.getelementsbytagname("shop"); let totalelement = rootelement.getelementsbytagname("total")[0]; window.alert(shopelements[1].getelementsbytagname("name")[0].firstchild.node
value); // => orange window.alert(totalelement.firstchild.node
value); // => 2 } }; using dom functions is good for simple xml documents, but dom manipulation code can become too complicated if the documents are more complex.
... <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <xsl:template match="/data"> <xul:vbox> <xsl:for-each select="shops/name"> <xul:hbox> <xul:label
value="name:" /> <xul:label> <xsl:
value-of select="." /> </xul:label> </xul:hbox> </xsl:for-each> <xul:hbox> <xul:label
value="total:" /> <xul:label> <xsl:
value-of select="total" /> </xul:label> </xul:hbox> </xul:vbox> </xsl:template> </xsl:stylesheet> next you need to read the xslt stylesheet as a file ...
Setting Up a Development Environment - Archive of obsolete content
komodo edit has automatic completion for xul tags and attributes, and it supports mozilla's css extensions (css
values and properties beginning with "-moz").
...in order to set the profile location to the right
value, you should read the support article on profiles, at the mozilla support site.
XML data - Archive of obsolete content
in the document's stylesheet, you specify how info elements are to be displayed: info { display: block; margin: 1em 0; } the most common
values for the display property are: block displayed like html's div (for headings, paragraphs) inline displayed like html's span (for emphasis within text) add your own style rules that specify the font, spacing and other details in the same way as for html.
... more details other
values of display display the element like a list item, or like a component of a table.
Localizing an extension - Archive of obsolete content
string bundles are created by establishing a property file that maps keys to string
values.
...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.
MMgc - Archive of obsolete content
otherwise, the memory contains undefined
values.
...here's what the different poison
values mean: 0xfafafafa uninitialized unmanaged memory 0xedededed unmanaged memory that was freed explicitly 0xbabababa managed memory that was freed by the sweep phase of the garbage collector 0xcacacaca managed memory that was freed by an explicit call to gc::free (including drc reaping) 0xdeadbeef this is written to the 4 bytes just after any object allocated via mmgc.
Creating a Web based tone generator - Archive of obsolete content
<!doctype html> <html> <head> <title>javascript audio write example</title> </head> <body> <input type="text" size="4" id="freq"
value="440"><label for="hz">hz</label> <button onclick="start()">play</button> <button onclick="stop()">stop</button> <script type="text/javascript"> function audiodatadestination(samplerate, readfn) { // initialize the audio output.
... var k = 2* math.pi * frequency / samplerate; for (var i=0, size=sounddata.length; i<size; i++) { sounddata[i] = math.sin(k * currentsoundsample++); } } var audiodestination = new audiodatadestination(samplerate, requestsounddata); function start() { currentsoundsample = 0; frequency = parsefloat(document.getelementbyid("freq").
value); } function stop() { frequency = 0; } </script> </body> </html> ...
Images, Tables, and Mysterious Gaps - Archive of obsolete content
the baseline's exact placement is dependent on the "default" font for the line box (represented by the red box), which is determined by the
value of font-family for the element that contains the line box.
...this placement can be changed with vertical-align-- we'll talk about that in a bit-- but almost nobody ever changes the
value from its default.
No Proxy For configuration - Archive of obsolete content
new profiles contain the
values "localhost, 127.0.0.1", by default.
...or 10.0.* ip addresses with wildcards in quads 10.*.*.* preferences name network.proxy.no_proxies_on default
value localhost, 127.0.0.1 by default "localhost" and "127.0.0.1" are excluded, since most people assume these should connect to the local system.
ActiveX Control for Hosting Netscape Plug-ins in IE - Archive of obsolete content
usage insert some html like this into your content: <object classid="clsid:dbb2de32-61f1-4f7f-beb8-a37f5bc24ee2" width="500" height="300"> <param name="type"
value="video/quicktime"/> <param name="src"
value="http://www.foobar.com/some_movie.mov"/> <!-- custom arguments --> <param name="loop"
value="true"/> </object> the classid attribute tells ie to create an instance of the plug-in hosting control, the width and height specify the dimensions in pixels.
...the control uses this
value to determine which plug-in it should create to handle the content.
Locked config settings - Archive of obsolete content
the lockpref command puts into place a locked preference, whereas the defaultpref command merely puts into a place a default
value (which the user may override in his prefs.js file).
...} catch(e) { displayerror("test", e); } clear text configuration if you don't care about encoding the mozilla.cfg file, append this config to all.js instead : pref("general.config.obscure_
value", 0); pref("general.config.filename", "mozilla.cfg"); ...
Adding the structure - Archive of obsolete content
<statusbar id="status-bar" class="chromeclass-status" ondragdrop="nsdraganddrop.drop(event, contentareadndobserver);"> <statusbarpanel id="component-bar"/> <statusbarpanel id="statusbar-display" label="&statustext.label;" flex="1"/> <statusbarpanel class="statusbarpanel-progress"> <progressmeter class="progressmeter-statusbar" id="statusbar-icon" mode="normal"
value="0"/> </statusbarpanel> <statusbarpanel class="statusbarpanel-iconic" id="tinderbox-status" status="none"/> <statusbarpanel class="statusbarpanel-iconic" id="offline-status"/> <statusbarpanel class="statusbarpanel-iconic" id="security-button" onclick="browserpageinfo(null, 'securitytab')"/> </statusbar> the statusbar xul element defines a horizontal status bar where inf...
...we'll update the
value of that attribute each time we retrieve tinderbox's status from the server, and we'll define css rules that change the appearance of the icon depending on the
value of that attribute.
Making it into a static overlay - Archive of obsolete content
the
value of the id attribute of the statusbar element in our overlay matches the
value of the id attribute of the statusbar element in navigator.xul.
... <statusbar id="status-bar" class="chromeclass-status" ondragdrop="nsdraganddrop.drop(event, contentareadndobserver);"> <statusbarpanel id="component-bar"/> <statusbarpanel id="statusbar-display" label="&statustext.label;" flex="1"/> <statusbarpanel class="statusbarpanel-progress"> <progressmeter class="progressmeter-statusbar" id="statusbar-icon" mode="normal"
value="0"/> </statusbarpanel> <statusbarpanel class="statusbarpanel-iconic" id="tinderbox-status" status="none"/> <statusbarpanel class="statusbarpanel-iconic" id="offline-status"/> <statusbarpanel class="statusbarpanel-iconic" id="security-button" onclick="browserpageinfo(null, 'securitytab')"/> </statusbar> ...
Dehydra Function Reference - Archive of obsolete content
it also returns the current
values of these flags.
...the default
value is the following directories: the directory of the dehydra script being processed the libs directory next to the gcc_dehydra.so plugin user script may add additional directories sys.aux_base_name exposes the base filename part of the file being compiled sys.frontend exposes the compiler frontend (e.g.
Drag and Drop - Archive of obsolete content
you only need to put
values for the handlers where you need to do something when the event occurs.
...set the
value to false if it doesn't make sense to drop the object on it.
Layout System Overview - Archive of obsolete content
this is important because no frame is generated for these elements yet changes to their style
values and to the content elements still need to be handled by layout, in case their display state changes from 'none' to something else.
...css frame constructor the frame constructor is responsible for resolving style
values for content elements and creating the appropriate frames corresponding to that element.
Code snippets - Archive of obsolete content
rvices-sync/main.js"); components.utils.import("resource://services-sync/resource.js"); components.utils.import("resource://services-sync/record.js"); // for example: let id = "iasokuozpixz" let collection = "bookmarks"; let resource = new resource(weave.service.storageurl + collection + "/" + id); let del = new cryptowrapper(collection, id); del.deleted = true; del.encrypt(); // save the old
value.
...resource.put(del); // restore the old
value.
GRE Registration - Archive of obsolete content
each subkey is searched for gre registration information: hklm/software/mozilla.org/gre/1.8_1 version=1.8 grehome=c:\path\to\installed-dir feature=
value feature2=
value2 hklm/software/mozilla.org/gre/1.8_2 version=1.8 grehome=c:\path\to\second-installation when installing a gre via the mozilla suite gre installer, the installer will blindly overwrite any previous gre information in hklm/software/mozilla.org/gre/<version>.
... linux on linux, registration information is kept in ini-style files of the following form: [1.7.10] gre_path=/usr/lib/mozilla-1.7.10 feature=
value feature2=
value2 these ini files can be in any of the following locations: /etc/gre.conf /etc/gre.d/*.conf ~/.gre.conf ~/.gre.d/*.conf mozilla has never officially shipped a linux gre based on the mozilla suite.
Settings - Archive of obsolete content
the
value of this variable must be an object that contains a property named settings.
... the
value of the settings property is an array of objects representing the settings to expose to users.
Settings - Archive of obsolete content
the
value of this variable must be an object that contains a property named settings.
... the
value of the settings property is an array of objects representing the settings to expose to users.
Modularization techniques - Archive of obsolete content
pr_atomicdecrement(&glockcnt); } } extern "c" ns_export nsresult nsgetfactory(const nscid &acid, nsifactory **aresult)</strong> { if (aresult == null) { return ns_error_null_pointer; } *aresult = null; nsisupports *inst; <strong>if (acid.equals(ksamplecid)) { inst = new nssamplefactory(); } else { return ns_error_illegal_
value; } if (inst == null) { return ns_error_out_of_memory; }</strong> nsresult res = inst->queryinterface(kifactoryiid, (void **) aresult); if (res != ns_ok) { // we didn't get the right interface, so clean up delete inst; } return res; } <strong>extern "c" ns_export prbool nscanunload() { return prbool(ginstancecnt == 0 && glockcnt == 0); }</strong> now, instead of ...
...if a function changes the
value of an interface in-out parameter, it should call release() on the interface passed in and addref() on the interface passed out.
String Quick Reference - Archive of obsolete content
& str); handlestring(nsautostring(foo)); new way: wrap with nsdependentstring // foo is a prunichar* string // fix caller to be // void handlestring(const nsastring& str); handlestring(nsdependentstring(foo)); stack-based strings what: use of special stack-oriented classes why: to avoid excess heap allocations and memory leaks wrong: use nsstring/nscstring or raw characters // call getstring
value(nsastring& out); nsstring
value; getstring
value(
value); // call getstring
value(char** out); char *result; getstring
value(&result); // don't forget to free result!
... right: use nsautostring/nscautostring and nsxpidlstring/nsxpidlcstring // call getstring
value(nsastring& out); nsautostring
value; // 64-character buffer on stack getstring
value(
value); // call getstring
value(char** out); nsxpidlcstring result; getstring
value(getter_copies(result)); // result will free automatically original document information author: alec flett last updated date: april 30, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Actionscript Performance Tests - Archive of obsolete content
the 95% confidence interval is the calculated percentage of the mean
value to fall within 95% of the measured results.
... for example if the mean is 100 and the 95% confidence interval is 2%, 95% of the expected
values should fall between 98 and 102.
Binding Attachment and Detachment - Archive of obsolete content
-moz-binding
value: none | [,]* <uri> | inherit initial
value: none applies to: all elements (not generated content or pseudo-elements) inherited: no percentages: n/a the
value of the -moz-binding property is a set of urls that identify specific bindings.
... methods and properties with getters/setters are no longer accessible from the binding, although properties with raw
values remain.
Event Handlers - Archive of obsolete content
the default
value is bubbling, which means that the event handler will fire during the bubbling phase.
... the other possible
values are target, which means the handler will only fire if event.originaltarget is the same as the target to which the handler is attached, and capturing, which indicates the handler should fire during the capturing phase of event flow.
Example Sticky Notes - Archive of obsolete content
the result of this code * evaluation (if any) will be used as initial
value.
...--> <getter><![cdata[ var st = this.innerhtml || ''; if (st != '') { var re = /<\/?[^>]+>/gi; return st.replace(re,''); } else { return ''; } ]]></getter> <setter><![cdata[ // "val" in setter contains the assignment
value.
Using XPInstall to Install Plugins - Archive of obsolete content
this
value is actually entered in the client version registry upon installation, a mozilla-browser file that stores metadata about the software that has just been installed.
... this
value can be queried via web-page delivered javascript, and is useful for initiating xpinstall downloads via trigger scripts.
dirRemove - Archive of obsolete content
recursive an optional boolean
value indicating whether the remove operation is to be performed recursively (1) or not (0).
...for a list of possible
values, see return codes.
exists - Archive of obsolete content
exists returns a
value indicating whether the specified file or directory exists.
... returns a boolean
value specifying whether the file or directory does indeed exist or does not.
isDirectory - Archive of obsolete content
summary returns a boolean
value indicating whether the specified filespecobject is a directory.
... returns a boolean
value indicating whether the object is a directory or not.
isFile - Archive of obsolete content
summary returns a boolean
value indicating whether the given filespecobject is a file.
... returns a boolean
value indicating whether the filespecobject is a file or not.
compareTo - Archive of obsolete content
in particular, this method returns one of the following
values: -4 this version object has a smaller (earlier) major number than version.
... the following constants are defined and available for checking the
value returned by compareto: installversion.major_diff installversion.minor_diff installversion.rel_diff installversion.bld_diff installversion.equal installversion.major_diff_minus installversion.minor_diff_minus installversion.rel_diff_minus installversion.bld_diff_minus example this code uses the compareto method to determine whether o...
execute - Archive of obsolete content
blocking a boolean
value that specifies whether the installation should wait for the execution of the file to finish before it resumes.
...for a list of possible
values, see return codes.
getFolder - Archive of obsolete content
there are two sets of possible
values for this parameter.
...the
value of foldername must be one of the following (info is based on mozilla 1.7 stable branch, might also work in other versions): "chrome" "components" "current user" "defaults" "file:///" "os drive" "plugins" "preferences" "profile" "program" "temporary" ...
logComment - Archive of obsolete content
method of install object syntax int logcomment( string acomment ); parameters the sole input parameter is a string whose
value will be written to the log during the installation process.
...for a list of possible
values, see return codes.
Properties - Archive of obsolete content
startsoftwareupdate("http://webserver/argstest.xpi?argument_string") will result in the
value of install.arguments being argument_string #).
...for example, the
value could begin with "windows", "macintosh" or "x11" (for unix/linux).
enumKeys - Archive of obsolete content
returns the name if it succeeded; null if the referenced
value does not exist.
...var winreg = getwinregistry(); winreg.setrootkey(winreg.hkey_local_machine); var index = 0; var basekey = "software\\mozilla"; while ( (mozillaversion = winreg.enumkeys(basekey,index)) != null ) { logcomment("mozillaversion = " + mozillaversion); subkey = basekey + "\\" + mozillaversion + "\\extensions"; pluginsdir = winreg.get
valuestring ( subkey, "plugins" ); if ( pluginsdir ) logcomment("pluginsdir = " + pluginsdir); else logcomment("no plugins dir for " + basekey + "\\" + mozillaversion); index++; } ...
setRootKey - Archive of obsolete content
on 16-bit windows platforms, hkey_classes_root is the only valid
value and this method does nothing.
...the
values you can use are: hkey_classes_root hkey_current_user hkey_local_machine hkey_users example to use the hkey_users section, use these statements: winreg = getwinregistry(); winreg.setrootkey(winreg.hkey_users); ...
accesskey - Archive of obsolete content
*(these are the keys corresponding to event.ctrlkey and event.metakey respectively when listening to key events) although the
value is case insensitive, a letter with the case matching the accesskey attribute will be used if both cases exist in the label.
... example <vbox> <label
value="enter name" accesskey="e" control="myname"/> <textbox id="myname"/> <button label="cancel" accesskey="n"/> <button label="ok" accesskey="o"/> </vbox> see also label attribute acceltext attribute xul accesskey faq and policies ...
autocompletesearch - Archive of obsolete content
« xul reference home autocompletesearch new in thunderbird 2requires seamonkey 1.1 type: space-separated list of
values a space-separated list of search component names, each of which implements the nsiautocompletesearch interface.
... form-history requires seamonkey 2.0 search the
values that the user has entered into form fields.
checkState - Archive of obsolete content
« xul reference home checkstate type: integer,
values 0, 1, or 2 this attribute may be used to create three state buttons, numbered 0, 1 and 2.
...constants for the possible
values for this attribute are in the nsidomxulbuttonelement interface.
chromemargin - Archive of obsolete content
this
value may be -1 to use the default margin for that side on the current platform, 0 to have no system border (that is, to extend the client area to the edge of the window), or a
value greater than zero to indicate how much less than the default default width you wish the margin on that side to be.
... if this
value turns out to be less than 0, 0 is used.
closemenu - Archive of obsolete content
« xul reference home closemenu type: one of the
values below indicates if the menu closes when the menuitem is activated.
... auto this, the default
value if the closemenu attribute is not specified, closes up the menu and all parent menus.
completedefaultindex - Archive of obsolete content
« xul reference home completedefaultindex new in thunderbird 3 requires seamonkey 2.0 type: boolean if true, the best match
value will be filled into the textbox as the user types.
... if set to false or omitted, the
value must be selected from the list.
context - Archive of obsolete content
« xul reference home context type: id should be set to the
value of the id of the popup element that should appear when the user context-clicks on the element.
...you can use the special
value '_child' to indicate the first menupopup child of the element.
curpos - Archive of obsolete content
« xul reference home curpos type: integer the current position of the scrollbar, which ranges from 0 to the
value of the maxpos attribute.
... the default
value is 0.
currentset - Archive of obsolete content
the
value of this attribute should be a comma-separated list of item ids from the toolbarpalette or, additionally, any of the following strings: "separator", "spring", "spacer".
...it might not be equal the
value of the currentset property which is computed from the actual dom ...
customindex - Archive of obsolete content
« xul reference home customindex not in seamonkey 1.x type: integer this
value is the index of the toolbar in the list of the custom toolbars.
... the
value is updated automatically by the toolbar customization dialog.
datepicker.type - Archive of obsolete content
« xul reference home type type: one of the
values below you can set the type attribute to one of the
values below to specify the type of datepicker to use normal a datepicker with three fields for entering the year, month and date.
... this is the default
value so do not specify the type attribute if this kind is desired.
dlgtype - Archive of obsolete content
« xul reference home dlgtype type: one of the
values below the dialog type of the button, used only when the button is in a dialog box.
...the following
values can be used as the dialog type: accept the ok button, which will accept the changes when pressed.
editortype - Archive of obsolete content
« xul reference home editortype type: one of the
values below the type of editor to use.
... this
value will be overridden depending on the content type of the document in the editor.
flags - Archive of obsolete content
« xul reference home flags type: space-separated list of the
values below a set of flags used for miscellaneous purposes.
... two flags are defined, which may be the
value of this attribute.
increment - Archive of obsolete content
« xul reference home increment type: integer the amount by which the curpos (for scroll bars) or
value (for number boxes and scale) attribute changes when the arrows are clicked(or scales are dragged).
... the default
value is 1.
label - Archive of obsolete content
for an editable menuitem element the
value of this attribute is copied to the menulist.
value property upon user selection of the menuitem.
... see also treeitem.label, <label> element examples in javascript <label
value="whaw" id="the-big-label" command="the-big-button"/> <button id="the-big-button" label="click me" oncommand="alert(document.getelementbyid('the-big-label').
value)"/> <label id="mylabel"
value="my label"/> <button label="click me" oncommand="document.getelementbyid('mylabel').setattribute('
value','
value changed');" /> <checkbox label="my checkbox" id="mycheckbox"/> <button label="another click" oncommand="document.getelementbyid('mycheckbox').setattribute('label','still not checked');"/> <button label="show label of checkbox" oncommand="alert( document.getelementbyid('mycheckbox').getattribute('label') )"/> ...
max - Archive of obsolete content
« xul reference home type: integer the maximum
value that the scale or number box may be set to.
... the default
value is 100 for scales and infinity for number boxes.
menuitem.type - Archive of obsolete content
« xul reference home type type: one of the
values below can be used to create checkable menuitems or for radio button menuitems.
...other menuitems that have the same
value for their name attributes are part of the same radio group.
modifiers - Archive of obsolete content
« xul reference home modifiers type: space-separated list of the
values below a list of modifier keys that should be pressed to invoke the keyboard shortcut.
...usually, this would be the
value you would use.
newlines - Archive of obsolete content
« xul reference home newlines type: one of the
values below how the text box handles pastes with newlines in them.
... possible
values: pasteintact paste newlines unchanged pastetofirst paste text up to the first newline, dropping the rest of the text replacewithcommas pastes the text with the newlines replaced with commas replacewithspaces pastes the text with newlines replaced with spaces strip pastes the text with the newlines removed stripsurroundingwhitespace pastes the text with newlines and adjacent whitespace removed ...
oninput - Archive of obsolete content
example <!-- this sets the label's text to the textbox
value on each keystroke.
... --> <script language="javascript"> function setlabel(txtbox){ document.getelementbyid('lbl').
value = txtbox.
value; } </script> <label id="lbl"/> <textbox oninput="setlabel(this);"/> this is similar to the onkeypress event used in html documents.
orient - Archive of obsolete content
« xul reference home orient type: one of the
values below used to specify whether the children of the element are oriented horizontally or vertically.
... the default
value depends on the element.
pack - Archive of obsolete content
« xul reference home pack type: one of the
values below the pack attribute specifies where child elements of the box are placed when the box is larger that the size of the children.
...you can also specify the
value of pack using the style property -moz-box-pack.
pageincrement - Archive of obsolete content
« xul reference home pageincrement type: integer the amount by which the
value of the curpos or
value attribute changes when the tray of the scroll bar (the area in which the scroll bar thumb moves) is clicked, or when the page up or page down keys are pressed.
... the default
value is 10.
panel.level - Archive of obsolete content
« xul reference home level type: one of the
values below specifies whether the panel appears on top of all windows, or just on top of the window the panel is in.
...on linux, the default
value is top, otherwise, the default
value is parent.
popupalign - Archive of obsolete content
« xul reference homepopupaligntype: one of the
values belowpopupalign is an optional attribute for specifying which side of the popup content should be attached to the popupanchor.
...the default
value for both popupanchor and popupalign is "none." ...
popupanchor - Archive of obsolete content
« xul reference homepopupanchortype: one of the
values belowpopupanchor is an optional attribute for specifying where popup content should be anchored on the element.noneno anchortopleftanchor to the top left cornertoprightanchor to the top right cornerbottomleftanchor to the bottom left cornerbottomrightanchor to the bottom right cornersyntax<element popupanchor="none | topleft | topright | bottomleft | bottomright" /> example<element id="edit-context" popup="editor-popup" popupanchor="topleft" popupalign="bottomright" /> notesthe popupanchor attribute can be used to specify that the popup content should come up anchored to one of the four corners of the content object (e.g., the button popping up the content).
...the default
value for both popupanchor and popupalign is "none." ...
preference.type - Archive of obsolete content
« xul reference home type type: one of the
values below the preference type which should be one of the following
values.
...in this situation the preference will save the path to a property file which contains the actual
value of the preference.
progressmeter.mode - Archive of obsolete content
« xul reference home mode type: one of the
values below a determinedprogressmeter is used in cases where you know how long an operation will take.
... determined the progress meter uses its
value attribute to determine the amount of the bar that is filled in.
readonly - Archive of obsolete content
« xul reference home readonly type: boolean if set to true, then the user cannot change the
value of the element.
... however, the
value may still be modified by a script.
seltype - Archive of obsolete content
« xul reference home seltype type: one of the
values below used to indicate whether multiple selection is allowed.
...(default in tree.) for trees, you can also use the following
values: cell individual cells can be selected text rows are selected; however, the selection highlight appears only over the text of the primary column.
separator.orient - Archive of obsolete content
« xul reference home orient type: one of the
values below used to specify whether the separator is a horizontal or vertical separator.
... note that the
values are the reverse of what seems more likely.
sizetopopup - Archive of obsolete content
« xul reference home sizetopopup type: one of the
values below indicates how the menu width and the menupopup width are determined.
...this is the default
value for menulists.
state - Archive of obsolete content
« xul reference home state type: one of the
values below indicates whether the splitter has collapsed content or not.
... open the content either before or after the splitter, depending on the
value of the collapsed attribute, is currently displayed.
treecell.mode - Archive of obsolete content
« xul reference home mode type: one of the
values below for columns that are progress meters, this determines the type of progress meter to use.
... normal the cell uses its
value attribute to determine the amount of the bar that is filled in.
userAction - Archive of obsolete content
« xul reference home useraction type: one of the
values below this attribute will be set to the action the user is currently performing.
... possible
values: none the user is not interacting with the textbox.
validate - Archive of obsolete content
« xul reference home validate type: one of the
values below this attribute indicates whether to load the image from the cache or not.
...the following
values are accepted, or leave out the attribute entirely for default handling: always the image is always checked to see whether it should be reloaded.
wraparound - Archive of obsolete content
« xul reference home wraparound type: boolean if true, the
value of the number box will wrap around when the maximum or minimum
value is exceeded.
... the minimum and maximum
values must both not be infinity.
getElementsByAttribute - Archive of obsolete content
« xul reference home getelementsbyattribute( attrib,
value ) return type: dom nodelist returns a nodelist of all the child elements of the element that have the attribute given by the first argument set to the
value given by the second argument.
... if the second argument is '*', the method will match the given attribute set to any
value.
getElementsByAttributeNS - Archive of obsolete content
« xul reference home getelementsbyattributens(ns, attrib,
value ) return type: dom nodelist returns an array of all the child elements of the element that have the attribute namespace given by the first argument, the attribute name given by the second argument, and the
value given by the third argument.
...if the third argument is '*', the elements retrieved may have the attribute (second argument) set to any
value.
goTo - Archive of obsolete content
« xul reference home goto( pageid ) return type: no return
value this method is used to change which page is currently displayed, specified by the pageid argument.
... the page will be changed regardless of the
value of canadvance or canrewind.
menulist.appendItem - Archive of obsolete content
« xul reference home appenditem( label,
value, description ) return type: element creates a new menuitem element and adds it to the end of the menulist.
... you may optionally set a
value and description.
moveTo - Archive of obsolete content
« xul reference home moveto( x, y ) return type: no return
value moves the popup to a new location defined by screen coordinates (and not client coordinates).
... if both x and y have the
value -1 the call will realign the popup with its anchor node.
scrollByIndex - Archive of obsolete content
« xul reference home scrollbyindex( lines ) return type: no return
value scrolls the contents of the arrowscrollbox by a certain number of lines.
...use a positive
value as the lines argument to scroll forward that many lines, or a negative
value to scroll backward that many lines.
scrollByPixels - Archive of obsolete content
« xul reference home scrollbypixels( pixels ) return type: no return
value scrolls the contents of the arrowscrollbox by a certain number of pixels.
... use a positive
value as the pixels argument to scroll forward that many pixels, or a negative
value to scroll backward that many pixels.
setSelectionRange - Archive of obsolete content
« xul reference home setselectionrange( start, end ) return type: no return
value sets the selected portion of the textbox, where the start argument is the index of the first character to select and the end argument is the index of the character after the selection.
... set both arguments to the same
value to move the cursor to the corresponding position without selecting text.
Namespaces - Archive of obsolete content
the xul and foobar namespaces must be defined at the top of the xml document in which they are used, like so: <foobar:some-element xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:foobar="the-foobar-namespace"> <xul:textbox id="foo"
value="bar"/> <foobar:textbox favorite-food="pancakes"/> </foobar:some-element> notice i've mixed two <textboxes/> in the same document.
... <foo bar="
value"> <element xmlns="namespace!" baz="
value"> <element quux="
value"/> </element> </foo> bar is obviously not in a namespace.
Floating Panels - Archive of obsolete content
a floating panel can be created using the panel element with at least two additional attributes as in the following example: <panel id="tools-panel" noautohide="true" titlebar="normal"> <label control="name"
value="name:"/> <textbox id="name"/> </panel> the noautohide attribute is used to indicate that the panel is not temporary.
...currently, only the
value normal is supported, which creates a default titlebar.
accessibleType - Archive of obsolete content
« xul reference accessibletype type: integer a
value indicating the type of accessibility object for the element.
... possible
values are: constant
value xulalert 1001 xulbutton 1002 xulcheckbox 1003 xulcolorpicker 1004 xulcolorpickertile 1005 xulcombobox 1006 xuldropmarker 1007 xulgroupbox 1008 xulimage 1009 xullink 100a xullistbox 100b xullistcell 1026 xullisthead 1024 xullistheader 1025 xullistitem 100c xulme...
amIndicator - Archive of obsolete content
« xul reference amindicator type: string the string
value displayed for hours between midnight and noon, defaulting to am.
... this
value is determined from the user's locale.
buttons - Archive of obsolete content
« xul reference buttons type: comma-separated list of the
values below a comma-separated list of buttons to appear on the dialog box.
...the following
values can be used in the list: accept: the ok button, which will accept the changes when pressed.
contextMenu - Archive of obsolete content
« xul reference contextmenu type: popup element id gets and sets the
value of the contextmenu attribute.
... note that the
value of this property does not reflect the
value of the context attribute, which is otherwise identical to the contextmenu attribute.
editortype - Archive of obsolete content
« xul reference editortype type: one of the
values below the type of editor to use.
... this
value will be overridden depending on the content type of the document in the editor.
is24HourClock - Archive of obsolete content
« xul reference is24hourclock type: boolean a read only
value indicating whether a 12-hour or 24-hour clock is used to display times.
...this
value is determined from the user's locale.
pmIndicator - Archive of obsolete content
« xul reference pmindicator type: string the string
value displayed for hours between noon and midnight, defaulting to pm.
... this
value is determined from the user's locale.
selectionEnd - Archive of obsolete content
the
value specifies the index of the character after the selection.
... if this
value is equal to the
value of the selectionstart property, no text is selected, but the
value indicates the position of the caret (cursor) within the textbox.
textbox.label - Archive of obsolete content
otherwise it returns the
value of the associated label element, if applicable.
... note: prior to firefox 3, and always in thunderbird and seamonkey, the label property of an autocomplete textbox returns its
value, for compatibility with the menulist element.
Introduction - Archive of obsolete content
the template syntax allows for different rules to generate different content based on particular criteria as well as set attribute
values from returned results.
...typically, the
value will be a uri that identifies the location of the data.
Things I've tried to do with XUL - Archive of obsolete content
multi-column listboxes when adding items to multi-column listboxes, you can't use the appenditem api: // auto-create and attach 1st cell var row = mylistbox.appenditem( label,
value ); // create and attach 2nd cell var cell = document.createelement('listcell'); cell.setattribute('label', label2 ); cell.setattribute('
value',
value2 ); row.appendchild( cell ); // etc // ...
...instead, you must build up your own listitem full of listcells, and then add that listitem to the listbox, using generic dom calls: var row = document.createelement('listitem'); // create and attach 1st cell var cell = document.createelement('listcell'); cell.setattribute('label', label ); cell.setattribute('
value',
value ); row.appendchild( cell ); // create and attach 2nd cell cell = document.createelement('listcell'); cell.setattribute('label', label2 ); cell.setattribute('
value',
value2 ); row.appendchild( cell ); // etc // ...
Anonymous Content - Archive of obsolete content
its
value should be set to a single tag name, or to a list of tags separated by vertical bars (the | symbol).
...for example, the following xbl will cause text labels and buttons to appear in a different location than other elements: source <binding id="navbox"> <content> <xul:vbox> <xul:label
value="labels and buttons"/> <children includes="label|button"/> </xul:vbox> <xul:vbox> <xul:label
value="other elements"/> <children/> </xul:vbox> </content> </binding> the first children element only grabs the label and button elements, as indicated by its includes attribute.
Content Panels - Archive of obsolete content
this is because it uses the second type of browser, specified by setting the type attribute to the
value content.
...this acts just like the content
value except that the content inside is accessible using the xul window's 'content' property.
Creating a Wizard - Archive of obsolete content
an example wizard source <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <wizard id="example-window" title="select a dog wizard" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <wizardpage> <description> this wizard will help you select the type of dog that is best for you." </description> <label
value="why do you want a dog?"/> <menulist> <menupopup> <menuitem label="to scare people away"/> <menuitem label="to get rid of a cat"/> <menuitem label="i need a best friend"/> </menupopup> </menulist> </wizardpage> <wizardpage description="dog details"> <label
value="provide additional details about the dog you would like:"/> <radiogroup> ...
... <caption label="size"/> <radio
value="small" label="small"/> <radio
value="large" label="large"/> </radiogroup> <radiogroup> <caption label="gender"/> <radio
value="male" label="male"/> <radio
value="female" label="female"/> </radiogroup> </wizardpage> </wizard> this wizard has two pages, one that has a drop-down menu and the other with a set of radio buttons.
Cross Package Overlays - Archive of obsolete content
our foverlay.xul example source <?xml version="1.0"?> <overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <toolbox id="browser-toolbox"> <toolbar id="findfile_toolbar"> <label control="findfile_filename"
value="search for files named:"/> <textbox id="findfile_filename"/> <label control="findfile_dir"
value="directory:"/> <textbox id="findfile_dir"/> <button label="browse..."/> </toolbar> </toolbox> </overlay> you can view this by changing the overlay to a window.
...this
value (browser-toolbox) is the same as the identifier of the toolbox in the browser window (navigator.xul).
Introduction to RDF - Archive of obsolete content
in the next section, we'll look at how we can use these to fill in the field
values automatically.
...instead of the seq element, you can also use bag to indicate unordered data, and alt to indicate data where each record specifies alternative
values (such as mirror urls).
More Wizards - Archive of obsolete content
because all of the pages are part of the same file, all of the
values of the fields on all pages will be remembered.
... wizard example source <?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/there.is.only.xul"> <script> function checkcode(){ document.getelementbyid('thewizard').canadvance = (document.getelementbyid('secretcode').
value == "cabbage"); } </script> <wizardpage onpageshow="checkcode(); return true;"> <label
value="enter the secret code:"/> <textbox id="secretcode" onkeyup="checkcode();"/> </wizardpage> <wizardpage> <label
value="that is the correct secret code."/> </wizardpage> </wizard> there is also a corresponding canrewind property that you can use to enable or disable the back ...
Open and Save Dialogs - Archive of obsolete content
returnreplace - in the save mode, this return
value identifies that the user selected a file to be replaced.
... (returnok will be returned when the user entered the name of a new file.) you should check the return
value and then get the file object from the file picker using the file property.
Persistent Data - Archive of obsolete content
persist attribute to allow the saving of state, you simply add a persist attribute to the element which holds a
value you want to save.
...you might use unusual
values if you adjust attributes using a script.
XPCOM Interfaces - Archive of obsolete content
the syntax of a contract id is: @<internetdomain>/module[/submodule[...]];<version>[?<name>=<
value>[&<name>=<
value>[...]]] other components can be referred to in a similar way.
... you should check the return
value of createinstance() to ensure that it is not null, which would indicate that the component does not exist.
XUL Changes for Firefox 1.5 - Archive of obsolete content
<radiogroup> setting the
value property on the <radiogroup> element selects the <radio> element in the group with the corresponding
value.
...this is used typically on gnome systems where possible
values are: 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.
XUL Coding Style Guidelines - Archive of obsolete content
they are placed above the actual entity string in the format: <!-- localization note (entity.name): content --> where the <var>entity.name</var> is the entity name (id) for the string (entity
value) to be localized, and the content provides helpful hints to the localizers.
... for example: <!-- localization note homebtn.label : do not translate the entity
value "home".
action - Archive of obsolete content
this element and its descendants may use variables in place of attribute
values.
...if the same variable appears multiple times, it will have the same
value in each place.
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.
... var type: string for the xul assign attribute, this is the variable to assign the
value to; otherwise it's a reference to a template variable such as "?name".
commandset - Archive of obsolete content
if this attribute is not specified, or you set it to the
value '*', all events are valid.
...if this attribute is not specified, or you set it to the
value '*', all elements are valid.
conditions - Archive of obsolete content
these may have attributes whose
value is a variable name beginning with a question mark (?).
... when evaluating the rule for a particular rdf resource, the variables are replaced with
values from the resource.
deck - Archive of obsolete content
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.
...assigning a
value to this property will modify the selected panel.
listhead - Archive of obsolete content
sertafter, 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.
... disabled type: boolean gets and sets the
value of the disabled attribute.
listheader - Archive of obsolete content
for an editable menuitem element the
value of this attribute is copied to the menulist.
value property upon user selection of the menuitem.
...sertafter, 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.
menubar - Archive of obsolete content
properties accessibletype type: integer a
value indicating the type of accessibility object for the element.
... statusbar type: id of statusbar element gets and sets the
value of the statusbar attribute.
resizer - Archive of obsolete content
n" right="0" top="0" width="16" height="16"/> <resizer dir="bottomleft" style="background: black; -moz-appearance: none;" element="button" left="0" bottom="0" width="16" height="16"/> <resizer dir="bottomright" style="background: black; -moz-appearance: none;" element="button" right="0" bottom="0" width="16" height="16"/> </stack> attributes dir type: one of the
values below the direction that the window is resized.
... typetype: stringset this to the
value "window" for a resizing grip that appears in the bottom corner of the window, used for resizing the window.
scrollbox - Archive of obsolete content
<vbox> <label
value="01 four score and seven years ago "/> <label
value="02 our fathers brought forth on "/> <label
value="03 this continent, a new nation, "/> <label
value="04 conceived in liberty, and "/> <label
value="05 dedicated to the proposition "/> <label
value="06 that all men are created equal."/> </vbox> the next bunch of labels is similar, but if the container doesn't give enough room for it,...
... <vbox flex="1" style="overflow:auto"> <label
value="01 four score and seven years ago "/> <label
value="02 our fathers brought forth on "/> <label
value="03 this continent, a new nation, "/> <label
value="04 conceived in liberty, and "/> <label
value="05 dedicated to the proposition "/> <label
value="06 that all men are created equal."/> </vbox> the flex="1" above may or may not be needed, or even desired.
separator - Archive of obsolete content
attributes orient style classes groove, groove-thin, thin examples <separator class="groove-thin"/> attributes orient type: one of the
values below used to specify whether the separator is a horizontal or vertical separator.
... note that the
values are the reverse of what seems more likely.
statusbar - Archive of obsolete content
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, 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.
How to enable locale switching in a XULRunner application - Archive of obsolete content
the query result from getlocalesforpackage() const xul_ns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; var localelistbox = document.getelementbyid("locale-listbox"); var selecteditem = null; while(availablelocales.hasmore()) { var locale = availablelocales.getnext(); var listitem = document.createelementns(xul_ns, "listitem"); listitem.setattribute("
value", locale); listitem.setattribute("label", locale); if (locale == selectedlocale) { // is this the current locale?
... var localelistbox = document.getelementbyid("locale-listbox"); var newlocale = localelistbox.selecteditem.
value; // write preferred locale to local user config var prefs = components.classes["@mozilla.org/preferences-service;1"].
Gecko Compatibility Handbook - Archive of obsolete content
to understand why, consider the following: html without optional ending tags equivalent html with optional ending tags <select> <option>option
value </select> <select> <option>option
value</option> </select> now consider if we used the xml empty tag notation: the <option />.
... html with xml empty tag notation equivalent html with ending tags <select> <option />option
value </select> <select> <option></option>option
value </select> this is simply not correct.
NPN_Evaluate - Archive of obsolete content
result on return, contains the
value returned by the script.
... note: the caller must call npn_releasevariant
value() to release the returned
value when it's no longer needed.
NPN_IntFromIdentifier - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary returns the integer
value corresponding to the given integer identifier.
... syntax #include <npruntime.h> int32_t npn_intfromidentifier(npidentifier identifier); parameters the function has the following parameter: <tt>identifier</tt> the integer identifier whose corresponding integer
value should be returned.
NPN_Invoke - Archive of obsolete content
if the method was invoked successfully, any return
value is stored in the npvariant specified by result.
... when the caller no longer needs the result, it must call npn_releasevariant
value() to release it.
NPN_InvokeDefault - Archive of obsolete content
if the default method was invoked successfully, any return
value is stored in the npvariant specified by result.
... when the caller no longer needs the result, it must call npn_releasevariant
value() to release it.
NPN_Version - Archive of obsolete content
description the
values of the major and minor version numbers of the plug-in api are determined when the plug-in and the browser are compiled.
...this function gets the
values from the plug-in rather than from the browser.
NPP - Archive of obsolete content
syntax typedef struct _npp { void* pdata; /* plug-in private data */ void* ndata; /* mozilla private data */ } npp_t; typedef npp_t* npp; fields the data structure has the following fields: pdata a
value, whose definition is up to the plug-in, that the plug-in can use to store a pointer to an internal data structure associated with the instance; this field isn't modified by the browser.
... ndata a private
value, owned by the browser, which is used to store data associated with the instance; this
value should not be modified by the plug-in.
SAX - Archive of obsolete content
er.contenthandler = { // nsisaxcontenthandler startdocument: function() { print("startdocument"); }, enddocument: function() { print("enddocument"); }, startelement: function(uri, localname, qname, /*nsisaxattributes*/ attributes) { var attrs = []; for(var i=0; i<attributes.length; i++) { attrs.push(attributes.getqname(i) + "='" + attributes.get
value(i) + "'"); } print("startelement: namespace='" + uri + "', localname='" + localname + "', qname='" + qname + "', attributes={" + attrs.join(",") + "}"); }, endelement: function(uri, localname, qname) { print("endelement: namespace='" + uri + "', localname='" + localname + "', qname='" + qname + "'"); }, characters: function(
value) { print("...
...characters: " +
value); }, processinginstruction: function(target, data) { print("processinginstruction: target='" + target + "', data='" + data + "'"); }, ignorablewhitespace: function(whitespace) { // don't care }, startprefixmapping: function(prefix, uri) { // don't care }, endprefixmapping: function(prefix) { // don't care }, // nsisupports queryinterface: function(iid) { if(!iid.equals(components.interfaces.nsisupports) && !iid.equals(components.interfaces.nsisaxcontenthandler)) throw components.results.ns_error_no_interface; return this; } }; start parsing the xml reader component can parse xml from a string, an nsiinputstream, or asynchronously via the nsistreamlistener interface.
Digital Signatures - Archive of obsolete content
a one-way hash is a number of fixed length with the following characteristics: the
value of the hash is unique for the hashed data.
... any change in the data, even deleting or altering a single character, results in a different
value.
Encryption and Decryption - Archive of obsolete content
the rsa cipher used for public-key encryption, for example, can use only a subset of all possible
values for a key of a given length, due to the nature of the mathematical problem on which it is based.
... other ciphers, such as those used for symmetric key encryption, can use all possible
values for a key of a given length, rather than a subset of those
values.
TCP/IP Security - Archive of obsolete content
this is accomplished by encrypting data using a cryptographic algorithm and a secret key—a
value known only to the two parties exchanging data.
... the integrity of data can be assured by generating a message authentication code (mac)
value, which is a keyed cryptographic checksum of the data.
Building a Theme - Archive of obsolete content
this is a
value you come up with to identify your extension in email address format (note that it should not be your email).
...the third column needs to match your theme's internalname
value from the install manifest above.
Theme changes in Firefox 3 - Archive of obsolete content
instead a '-moz-margin-start' property must be added to .tab-drop-indicator-bar, with a
value that is half of the width of the indicator image.
... mac os x mac os x themes for firefox 3 should add these two rules to the end of chrome://global/skin/wizard.css: .wizard-buttons-btm { padding:xpx; } .wizard-label-box { display: none; } the numeric
value ofx, the number of pixels of padding in .wizard-buttons-btm, should be the same as the
value of the margin for .wizard-buttons-box-2.
Using workers in extensions - Archive of obsolete content
then it sets the worker's onmessage event handler to a function which looks at the event passed into it, and does one of two things: if there is a data field on the event, the stock symbol being tracked is set to the upper case version of that
value.
... lines 17-20 change the definition of the worker's onmessage handler so that when the worker calls back to the main thread, the main thread's
value of this is correctly the main thread's object instead of the worker's.
-moz-binding - Archive of obsolete content
syntax /* <url>
value */ -moz-binding: url(http://www.example.org/xbl/htmlbindings.xml#checkbox); /* global
values */ -moz-binding: inherited; -moz-binding: initial; -moz-binding: unset;
values <url> the url for the xbl binding (including the fragment identifier).
... formal definition initial
valuenoneapplies toall elements except generated content or pseudo-elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <url> | none examples .exampleone { -moz-binding: url(http://www.example.org/xbl/htmlbindings.xml#radiobutton); } specifications not part of any standard.
-moz-stack-sizing - Archive of obsolete content
/* keyword
values */ -moz-stack-sizing: auto; -moz-stack-sizing: ignore; /* global
values */ -moz-stack-sizing: inherit; -moz-stack-sizing: initial; -moz-stack-sizing: unset; if you wish to prevent the stack from resizing automatically to accommodate its children, you can set -moz-stack-sizing to ignore on the child element.
...(the problem does not affect children moved above or to the left of the stack.) initial
valuestretch-to-fitapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values stretch-to-fit the child will influence the stack's size.
-ms-block-progression - Archive of obsolete content
initial
valuetbapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values tb default.
... only one block progression is active at a time; these
values cannot be combined.
-ms-content-zooming - Archive of obsolete content
initial
valuezoom for the top level element, none for all other elementsapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values none the initial
value of all elements except the top-level element.
... zoom the initial
value of the top-level element.
-ms-flow-from - Archive of obsolete content
the -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.
... initial
valuenoneapplies tonon-replaced elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values none default.
-ms-flow-into - Archive of obsolete content
the -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.
... initial
valuenoneapplies toiframe elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values none default.
-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.
-ms-hyphenate-limit-lines - Archive of obsolete content
initial
valueno-limitapplies toblock container elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values no-limit indicates that hyphenation is not limited based on the number of consecutive hyphenated lines.
...(hyphenation is effectively disabled.) negative
values are not allowed.
-ms-scroll-chaining - Archive of obsolete content
initial
valuechainedapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values chained initial
value.
...for keyboard input the scroll does not chain regardless of the –ms-scroll-chaining
value, and for mouse input the scroll will always chain up to the nearest scrollable ancestor element.
-ms-text-autospace - Archive of obsolete content
initial
valuenoneapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values none no effect takes place; that is, no extra space is added.
... this is the default
value.
-ms-touch-select - Archive of obsolete content
initial
valuegrippersapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values grippers the grippers are always on.
...this is the initial
value.
-ms-wrap-margin - Archive of obsolete content
initial
value0applies toexclusion elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values <length> the margin size, a non-negative
value.
...this property can be set to any supported length
value.
::-ms-clear - Archive of obsolete content
the ::-ms-clear css pseudo-element creates a clear button at the edge of an <input type="text"> text control that clears the current
value.
...round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-clear example html <form> <label for="firstname">first name:</label> <input t...
::-ms-fill-lower - Archive of obsolete content
the ::-ms-fill-lower css pseudo-element represents the lower portion of the track of a slider control; that is, the portion corresponding to
values less than the
value currently selected by the thumb.
...round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width specifications not...
::-ms-fill-upper - Archive of obsolete content
the ::-ms-fill-upper css pseudo-element is a microsoft extension that represents the upper portion of the track of a slider control; that is, the portion corresponding to
values greater than the
value currently selected by the thumb.
...round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-fil...
::-ms-reveal - Archive of obsolete content
the user presses the button to reveal the actual field
value rather than asterisks.
...round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-revea...
::-ms-thumb - Archive of obsolete content
the ::-ms-thumb css pseudo-element is a microsoft extension that represents the thumb that the user moves within the track of a slider control to alter its numerical
value.
...round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-thu...
-moz-windows-theme - Archive of obsolete content
syntax the -moz-windows-theme feature is specified as a keyword
value that indicates which windows theme is currently being used.
...
values aero luna-blue luna-olive luna-silver royale generic zune media: media/visual accepts min/max prefixes: no ...
ArrayBuffer.transfer() - Archive of obsolete content
return
value a new arraybuffer object.
... examples var buf1 = new arraybuffer(40); new int32array(buf1)[0] = 42; var buf2 = arraybuffer.transfer(buf1, 80); buf1.bytelength; // 0 but if you use the polyfill then the
value is still 40 buf2.bytelength; // 80 new int32array(buf2)[0]; // 42 var buf3 = arraybuffer.transfer(buf2, 0); buf2.bytelength; // 0 but if you use the polyfill then the
value is still 80 buf3.bytelength; // 0 polyfill you can partially work around this by inserting the following code at the beginning of your scripts, allowing use of much of the functionality of transfer() in browsers that do no...
Debug.msUpdateAsyncCallbackRelation - Archive of obsolete content
relationtype optional the
value that specifies the relationship status.
... the possible
values for relationtype include: debug.ms_async_callback_status_assign_delegate debug.ms_async_callback_status_join debug.ms_async_callback_status_chooseany debug.ms_async_callback_status_cancel debug.ms_async_callback_status_error for more information, see debug constants.
Debug.write - Archive of obsolete content
example this example uses the debug.write function to display the
value of the variable in the immediate window of the script debugger.
... var counter = 42; debug.write("the
value of counter is " + counter); requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, internet explorer 10 standards, internet explorer 11 standards.
Debug.writeln - Archive of obsolete content
example this example uses the debug.writeln function to display the
value of the variable in the immediate window of the microsoft script debugger.
... var counter = 42; debug.writeln("the
value of counter is " + counter); requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, internet explorer 10 standards, internet explorer 11 standards.
@set - Archive of obsolete content
~ * / % + - << >> >>> < <= > >= == != === !== & ^ | && | | if a variable is used before it has been defined, its
value is nan.
... this works because nan is the only
value not equal to itself.
New in JavaScript 1.1 - Archive of obsolete content
--> new features in javascript 1.1 new objects array boolean function number new properties number.max_
value number.min_
value nan number.negative_infinity number.positive_infinity new methods array.prototype.join() array.prototype.reverse() array.prototype.sort() array.prototype.split() new operators typeof void other new features <noscript> liveconnect.
... tostring(): added radix parameter, which specifies the base to use for representing numeric
values.
Object.unobserve() - Archive of obsolete content
return
value the specified object.
...nges); } object.observe(obj, observer); obj.newproperty = 2; // [{name: 'newproperty', object: <obj>, type: 'add'}] object.unobserve(obj, observer); obj.foo = 1; // the callback wasn't called using an anonymous function var person = { name: 'ahmed', age: 25 }; object.observe(person, function(changes) { console.log(changes); }); person.age = 40; // [{name: 'age', object: <obj>, old
value: 25, type: 'update'}] object.unobserve(person, function(changes) { console.log(changes); }); person.age = 63; // [{name: 'age', object: <obj>, old
value: 40, type: 'update'}] // the callback will always be called specifications not part of any standard.
for each...in - Archive of obsolete content
the for each...in statement iterates a specified variable over all
values of object's properties.
... syntax for each (variable in object) { statement } variable variable to iterate over property
values, optionally declared with the var keyword.
Mozilla XForms Specials - Archive of obsolete content
(limitation tracked in bug 313111)pseudo element support there is no support for the pseudo elements (::
value, ::repeat-item, and ::repeat-index ).
... instead you will have to use the following normal classes instead: xf-
value xf-repeat-item xf-repeat-index for example, to target the
value element of an input control use: @namespace xf url("http://www.w3.org/2002/xforms"); xf|input .xf-
value { ...
XForms Textarea Element - Archive of obsolete content
the default
value is false.
...characteristics analogous widgets are <xhtml:textarea/> and <xul:textbox multiline="true"/> if the incremental attribute has the
value true, then the bound instance node is updated on every user input.
Anatomy of a video game - Game development
this
value is returned as a decimal number accurate to a thousandth of a millisecond.
... this
value is not too useful alone, since it is relative to a fairly uninteresting event, but it can be subtracted from another timestamp to accurately and precisely determine how much time elapsed between those two points.
Game monetization - Game development
if you want to implement iaps try to add
value to the game with something players will enjoy instead of taking it out and then charging for it.
... add-ons and dlcs add-ons and downloadable content are a good way to provide extra
value to an already released game, but remember that you'll have to offer decent, entertaining content to attract people to buy it.
Game promotion - Game development
share your gamedev news and answer questions, so people will
value what you're doing and will know that you're ok.
...
value the fact that they spent their time seeing you.
GLSL Shaders - Game development
we can ignore the fourth parameter and leave it with the default 1.0
value; this is used to manipulate the clipping of the vertex position in the 3d space, but we don't need in our case.
... the texture shader code now we'll add the texture shader to the code — add the code below to the body's second <script> tag: void main() { gl_fragcolor = vec4(0.0, 0.58, 0.86, 1.0); } this will set an rgba color to recreate the current light blue one — the first three float
values (ranging from 0.0 to 1.0) represent the red, green, and blue channels while the fourth one is the alpha transparency (ranging from 0.0 — fully transparent — to 1.0 — fully opaque).
Square tilemaps implementation: Scrolling maps - Game development
var offsetx = -this.camera.x + startcol * map.tsize; var offsety = -this.camera.y + startrow * map.tsize; with these
values in place, the loop that renders the map is quite similar to the one used for rendering static tilemaps.
... the main difference is that we are adding the offsetx and offsety
values to the target x and y coordinates, and these
values are rounded, to avoid artifacts that would result from the camera pointing at positions with floating point numbers.
Bounce off the walls - Game development
remembering that the coordinate system starts from the top left, we can come up with something like this: if(y + dy < 0) { dy = -dy; } if the y
value of the ball position is lower than zero, change the direction of the movement on the y axis by setting it equal to itself, reversed.
... the code above would deal with the ball bouncing off the top edge, so now let's think about the bottom edge: if(y + dy > canvas.height) { dy = -dy; } if the ball's y position is greater than the height of the canvas (remember that we count the y
values from the top left, so the top edge starts at 0 and the bottom edge is at 320 pixels, the canvas' height), then bounce it off the bottom edge by reversing the y axis movement as before.
Build the brick field - Game development
culations that will work out the x and y position of each brick for each loop iteration: var brickx = (c*(brickwidth+brickpadding))+brickoffsetleft; var bricky = (r*(brickheight+brickpadding))+brickoffsettop; each brickx position is worked out as brickwidth + brickpadding, multiplied by the column number, c, plus the brickoffsetleft; the logic for the bricky is identical except that it uses the
values for row number, r, brickheight, and brickoffsettop.
... the final version of the drawbricks() function, after assigning the brickx and bricky
values as the coordinates instead of (0,0) each time, will look like this — add this into your code below the drawpaddle() function: function drawbricks() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { var brickx = (c*(brickwidth+brickpadding))+brickoffsetleft; var bricky = (r*(brickheight+brickpadding))+brickoffsettop; bricks[c][r].x = brickx; bricks[c][r].y = bricky; ctx.beginpath(); ctx.rect(brickx, bricky, brickwidth, brickheigh...
Create the Canvas and draw on it - Game development
we are defining a rectangle using rect(): the first two
values specify the coordinates of the top left corner of the rectangle on the canvas, while the second two specify the width and height of the rectangle.
...this is because, just as with css, color can be specified as a hexadecimal
value, a color keyword, the rgba() function, or any of the other available color methods.
Mouse controls - Game development
add the following function to your code, below the previous line you added: function mousemovehandler(e) { var relativex = e.clientx - canvas.offsetleft; if(relativex > 0 && relativex < canvas.width) { paddlex = relativex - paddlewidth/2; } } in this function we first work out a relativex
value, which is equal to the horizontal mouse position in the viewport (e.clientx) minus the distance between the left edge of the canvas and left edge of the viewport (canvas.offsetleft) — effectively this is equal to the distance between the canvas left edge and the mouse pointer.
... if the relative x pointer position is greater than zero and lower than the canvas width, the pointer is within the canvas boundaries, and the paddlex position (anchored on the left edge of the paddle) is set to the relativex
value minus half the width of the paddle, so that the movement will actually be relative to the middle of the paddle.
Player paddle and controls - Game development
rendering the paddle, with physics next up, we will init our paddle by adding the following add.sprite() call inside the create() function — add it right at the bottom: paddle = game.add.sprite(game.world.width*0.5, game.world.height-5, 'paddle'); we can use the world.width and world.height
values to position the paddle exactly where we want it: game.world.width*0.5 will be right in the middle of the screen.
...) line, and replace it with the following two lines: ball = game.add.sprite(game.world.width*0.5, game.world.height-25, 'ball'); ball.anchor.set(0.5); the velocity stays almost the same — we're just changing the second parameter's
value from 150 to -150, so the ball will start the game by moving up instead of down.
Randomizing gameplay - Game development
also, the direction (left or right) is determined by that
value — if the ball hits the left side of the paddle it will bounce left, whereas hitting the right side will bounce it to the right.
... it ended up that way because of a little bit of experimentation with the given
values, you can do your own experimentation and see what happens.
Boolean - MDN Web Docs Glossary: Definitions of Web-related terms
in computer science, a boolean is a logical data type that can have only the
values true or false.
...olean conditional) { console.log("boolean conditional resolved to true"); } else { console.log("boolean conditional resolved to false"); } /* javascript for loop */ for (control variable; boolean conditional; counter) { // code to execute repeatedly if the conditional is true } for (var i=0; i < 4; i++) { console.log("i print only when the boolean conditional is true"); } the boolean
value is named after english mathematician george boole, who pioneered the field of mathematical logic.
Delta - MDN Web Docs Glossary: Definitions of Web-related terms
the term delta refers to the difference between two
values or states.
... likewise, given the new
value of x and its old
value, you might compute the delta like this: let deltax = newx - oldx; more commonly, you receive the delta and use it to update a saved previous condition: let newx = oldx + deltax; learn more technical reference mouse wheel events (wheelevent offer the amount the wheel moved since the last event in its deltax, deltay, and deltaz properties, for example.
Hoisting - MDN Web Docs Glossary: Definitions of Web-related terms
if a variable is declared and initialized after using it, the
value will be undefined.
...console.log(x + " " + y); // '1 undefined' // this prints
value of y as undefined as javascript only hoists declarations var y = 2; // declare and initialize y // example 2 // no hoisting, but since initialization also causes declaration (if not already declared), variables are available.
JSON - MDN Web Docs Glossary: Definitions of Web-related terms
json can represent numbers, booleans, strings, null, arrays (ordered sequences of
values), and objects (string-
value mappings) made up of these
values (or of other arrays and objects).
... (date objects by default serialize to a string containing the date in iso format, so the information isn't completely lost.) if you need json to represent additional data types, transform
values as they are serialized or before they are deserialized.
NaN - MDN Web Docs Glossary: Definitions of Web-related terms
nan (not a number) is a numeric data type that means an undefined
value or
value that cannot be represented, especially results of floating-point calculations.
... for example, nans can represent infinity, result of division by zero, missing
value, or the square root of a negative (which is imaginary, whereas a floating-point number is real).
SQL Injection - MDN Web Docs Glossary: Definitions of Web-related terms
password=' anything 'or'1'='1 ' the password is not 'anything', hence password=anything results in false, but '1'='1' is a true statement and hence returns a true
value.
... finally, due to the or operator, the
value ( false or true ) is true, so authentication bypasses successfully.
Property (CSS) - MDN Web Docs Glossary: Definitions of Web-related terms
a css property is a characteristic (like color) whose associated
value defines one aspect of how the browser should display the element.
... here's an example of a css rule: /* "div" is a selector indicating that all the div elements */ /* in the document will be styled by that rule */ div { /* the property "color" with the
value "black" indicates */ /* that the text will have the color black */ color: black; /* the property "background-color" with the
value "white" indicates */ /* that the background color of the elements will be white */ background-color: white; } learn more general knowledge learn css technical reference the css reference on mdn the css working group current work ...
undefined - MDN Web Docs Glossary: Definitions of Web-related terms
undefined is a primitive
value automatically assigned to variables that have just been declared, or to formal arguments for which there are no actual arguments.
... example var x; //create a variable but assign it no
value console.log("x's
value is", x) //logs "x's
value is undefined" learn more general knowledge undefined
value on wikipedia technical reference javascript data types and data structures ...
Accessible multimedia - Learn web development
last of all, add the following to the end of the code, to control the time elapsed display: player.ontimeupdate = function() { let minutes = math.floor(player.currenttime / 60); let seconds = math.floor(player.currenttime - minutes * 60); let minute
value; let second
value; if (minutes<10) { minute
value = "0" + minutes; } else { minute
value = minutes; } if (seconds<10) { second
value = "0" + seconds; } else { second
value = seconds; } mediatime = minute
value + ":" + second
value; timelabel.textcontent = mediatime; }; each time the time updates (once per second), we fire this function.
... it works out the number of minutes and seconds from the given currenttime
value (which is in seconds), adds a leading 0 if either the minute or second
value is less than 10, and then creates the display readout and adds it to the time label.
Test your skills: The Cascade - Learn web development
the aim of this task is to help you check your understanding of some of the
values and units that we looked at in the lesson on the cascade and inheritance.
... task one in this task, you need to use one of the special
values we looked at in the controlling inheritance section to write a declaration in a new rule that will reset the background color back to white, without using an actual color
value.
Test your skills: Selectors - Learn web development
target the <a> element with an href attribute that contains the word contact somewhere in its
value and make the border orange (border-color: orange).
... target the <a> element with an href
value starting with https and give it a green border (border-color: green).
Type, class, and ID selectors - Learn web development
an id however can be used only once per document, and elements can only have a single id
value applied to them.
... previous overview: building blocks next in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content
values and units sizing items in css images, media, and form elements styling tables debugging css organizing your css ...
Test your skills: sizing - Learn web development
the aim of this task is to help you check your understanding of some of the
values and units that we looked at in the lesson on sizing items in css.
...the
value of the box-sizing property is set to border-box, which means that the total width includes any padding and border.
CSS building blocks - Learn web development
css
values and units every property used in css has a
value or set of
values that are allowed for that property.
... in this lesson, we will take a look at some of the most common
values and units in use.
CSS layout - Learn web development
introduction to css layout this article will recap some of the css layout features we've already touched upon in previous modules — such as different display
values — and introduce some of the concepts we'll be covering throughout this module.
...this article explains the different position
values, and how to use them.
Using CSS generated content - Learn web development
in the declaration, specify the content property with the text content as its
value.
... image content to add an image before or after an element, you can specify the url of an image file in the
value of the content property.
Example 3 - Learn web development
change states html content <form class="no-widget"> <select name="myfruit" tabindex="-1"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select" tabindex="0"> <span class="
value">cherry</span> <ul class="optlist hidden"> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> </form> css content .widget select, .no-widget .select { position : absolute; left : -5000em; height : 0; overflow : hidden; } /* -----...
....5em 0.2em 0.5em; /* 1px 25px 2px 5px */ width : 10em; /* 100px */ border : 0.2em solid #000; /* 2px */ border-radius : 0.4em; /* 4px */ box-shadow : 0 0.1em 0.2em rgba(0,0,0,.45); /* 0 1px 2px */ background : #f0f0f0; background : -webkit-linear-gradient(90deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); background : linear-gradient(0deg, #e3e3e3, #fcfcfc 50%, #f0f0f0); } .select .
value { display : inline-block; width : 100%; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; vertical-align: top; } .select:after { content : "▼"; position: absolute; z-index : 1; height : 100%; width : 2em; /* 20px */ top : 0; right : 0; padding-top : .1em; -moz-box-sizing : border-box; box-sizing : border-box; text-align : ce...
Example - Learn web development
a payment form html content <form method="post"> <h1>payment form</h1> <p>required fields are followed by <strong><abbr title="required">*</abbr></strong>.</p> <section> <h2>contact information</h2> <fieldset> <legend>title</legend> <ul> <li> <label for="title_1"> <input type="radio" id="title_1" name="title"
value="a"> ace </label> </li> <li> <label for="title_2"> <input type="radio" id="title_2" name="title"
value="k" > king </label> </li> <li> <label for="title_3"> <input type="radio" id="title_3" name="title"
value="q"> queen </label> </li> </ul> ...
...</p> <p> <label for="pwd"> <span>password: </span> <strong><abbr title="required">*</abbr></strong> </label> <input type="password" id="pwd" name="password"> </p> </section> <section> <h2>payment information</h2> <p> <label for="card"> <span>card type:</span> </label> <select id="card" name="usercard"> <option
value="visa">visa</option> <option
value="mc">mastercard</option> <option
value="amex">american express</option> </select> </p> <p> <label for="number"> <span>card number:</span> <strong><abbr title="required">*</abbr></strong> </label> <input type="tel" id="number" name="cardnumber"> </p> <p> <label for="date"> <span...
CSS property compatibility table for form controls - Learn web development
how to read the tables
values for each property, there are four possible
values: yes there's reasonably consistent support for the property across browsers.
...there is no standard way to change the style of spinners used to change the
value of the field, with the spinners on safari being outside the field.
Document and website structure - Learn web development
--> <form> <input type="search" name="q" placeholder="search query"> <input type="submit"
value="go!"> </form> </nav> <!-- here is our page's main content --> <main> <!-- it contains an article --> <article> <h2>article heading</h2> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit.
...as they carry no semantic
value, they just clutter your html code.
Responsive images - Learn web development
thub (see also the source code): <img srcset="elva-fairy-480w.jpg 480w, elva-fairy-800w.jpg 800w" sizes="(max-width: 600px) 480px, 800px" src="elva-fairy-800w.jpg" alt="elva dressed as a fairy"> the srcset and sizes attributes look complicated, but they're not too hard to understand if you format them as shown above, with a different part of the attribute
value on each line.
... each
value contains a comma-separated list, and each part of those lists is made up of three sub-parts.
Choosing the right approach - Learn web development
7 full support 6.1prefixed prefixed implemented with the vendor prefix: webkitsamsung internet android full support 1.5 full support 1.5 full support 1.0prefixed prefixed implemented with the vendor prefix: webkitreturn
valuechrome full support 23edge full support 12firefox full support 11ie full support 10opera full support 15safari full support 6.1web...
...}); } // call the fetchanddecode() method to fetch the images and the text, and store their promises in variables let coffee = fetchanddecode('coffee.jpg', 'blob'); let tea = fetchanddecode('tea.jpg', 'blob'); let description = fetchanddecode('description.txt', 'text'); // use promise.all() to run code only when all three function calls have resolved promise.all([coffee, tea, description]).then(
values => { console.log(
values); // store each
value returned from the promises in separate variables; create object urls from the blobs let objecturl1 = url.createobjecturl(
values[0]); let objecturl2 = url.createobjecturl(
values[1]); let desctext =
values[2]; // display the images in <img> elements let image1 = document.createelement('img'); let image2 = document.createelement('img');...
Test your skills: Functions - Learn web development
this aim of this skill test is to assess whether you've understood our functions — reusable blocks of code, build your own function, and function return
values articles.
... dom manipulation: considered useful some of the questions below require you to write some dom manipulation code to complete them — such as creating new html elements, setting their text contents to equal specific string
values, and nesting them inside existing elements on the page — all via javascript.
Object-oriented JavaScript for beginners - Learn web development
notice also the this keyword being used here as well — it is basically saying that whenever one of these object instances is created, the object's name property will be equal to the name
value passed to the constructor call, and the greeting() method will use the name
value passed to the constructor call too.
...note that they are using their own name
value that was assigned to them when they were created; this is one reason why it is very important to use this, so each one uses its own
value, and not some other
value.
Test your skills: Object basics - Learn web development
object basics 1 in this task you are provided with an object literal, and your tasks are to store the
value of the name property inside the catname variable, using bracket notation.
... update the color property
value to black.
Properly configuring server MIME types - Learn web development
examples of mime types are: text/html for normal web pages text/plain for plain text text/css for cascading style sheets text/javascript for scripts application/octet-stream meaning "download this file" application/x-java-applet for java applets application/pdf for pdf documents technical background registered
values for mime types are available in iana | mime media types.
... how to determine the correct mime type for your content there are several steps which you can take to determine the correct mime type
value to be used for your content.
Introduction to the server side - Learn web development
the request includes a url identifying the affected resource, a method that defines the required action (for example to get, delete, or post the resource), and may include additional information encoded in url parameters (the field-
value pairs sent via a query string), as post data (data sent by the http post method), or in associated cookies.
... for a common search term ("fish", say) you can see literally millions of returned
values.
Starting our Svelte Todo list app - Learn web development
setting a
value of true means that the button is pressed by default.
... further down, you can find the following <ul> element: <ul role="list" classname="todo-list stack-large" aria-labelledby="list-heading"> the role attribute helps assistive technology explain what kind of semantic
value an element has — or what its purpose is.
A bird's-eye view of the Mozilla framework
link = link.queryinterface(components.interfaces.nsirdfliteral); if nsirdfliteral is supported, getlink() uses it to return the
value of the link.
... if (link) return link.
value; else return null; the document page for the link is displayed in thehelp viewer window.
Command line options
each message option follows the syntax field=
value, for example: to=foo@nowhere.net subject=cool page attachment=www.mozilla.org attachment='file:///c:/test.txt' body=check this page or also in thunderbird 52 and newer: body=c:\path\to\file.txt separate multiple message options by comma (,), for example: "to=foo@nowhere.net,subject=cool page" .
... to assign multiple
values to a field, enclose the
values in single quotes ('), for example: "to='foo@nowhere.net,foo@foo.de',subject=cool page" .
Creating MozSearch plugins
>data:image/x-icon;base64,r0lgodlheaaqajecap8aaaaaap///waaach5baeaaaialaaaaaaqabaaaaipli+py+0nogquybdened2khkffwuamezmpzsfmaihphrrguum/ft+uwaaow==</image> <url type="application/x-suggestions+json" method="get" template="http://ff.search.yahoo.com/gossip?output=fxjson&command={searchterms}" /> <url type="text/html" method="get" template="http://search.yahoo.com/search"> <param name="p"
value="{searchterms}"/> <param name="ei"
value="utf-8"/> <mozparam name="fr" condition="pref" pref="yahoo-fr" /> </url> <searchform>http://search.yahoo.com/</searchform> </searchplugin> let's say the user chooses to use the yahoo!
...firefox will use the above search engine description to construct the following search url: http://search.yahoo.com/search?p=mozilla&ei=utf-8&fr=moz2 if the user clicks the magnifying glass icon in the search bar, or chooses the web search option in the tools menu when the search bar isn't visible, the browser will take them to http://search.yahoo.com/, the
value of the <searchform> element.
Debugging Frame Reflow
other reflow debug options gecko_display_reflow_flag_pixel_errors setting this option via set gecko_display_reflow_flag_pixel_errors = 1 enables a verification for each coordinate
value that the coordinates are aligned at pixel boundaries.
... row 0268a594 r=0 a=uc,uc c=uc,20 cnt=870
value 20 is not a whole pixel cell 0268a6c0 r=0 a=uc,uc c=uc,15 cnt=871 block 0268a764 r=0 a=uc,uc c=uc,uc cnt=872 block 0268a764 d=0,0 me=0 cell 0268a6c0 d=0,0 me=0 row 0268a594 d=uc,20
value 20 is not a whole pixel rowg 0268a02c d=uc,695
value 695 is not a whole pixel while unaligned
values at the entrance of a frame reflow can be ignored, when they appear at the exit of a routine this can cause display errors like stray lines.
Debugging on Mac OS X
also in the "arguments" panel, you may want to add an environment variable moz_debug_child_process set to the
value 1 to help with debugging e10s.
... (xcode always runs lldb from "/", # regardless of what directory xcode was started from, and regardless of the #
value of the "custom working directory" field in the scheme's run options.
Makefile - variables
moz_toolkit_search moz_url_classifier moz_widget_toolkit android, beos, cocoa, gtk2, os2, qt, windows moz_xpctools moz_xul moz_x11 test variable description enable_tests boolean
value that should wrapper all unit tests to allow disabling on demand[1].
... no_ variable description no_profile_guided_optimize inhibit pgo builds no_dist_install note:
values will be appended to the export variable when present.
How Mozilla's build system works
variables are defined by the syntax variable =
value, and the
value of a variable is referenced by writing $(variable).
... makefile examples standard makefile header installing headers using exports compiling interfaces using xpidlsrcs installing a javascript component building a component dll building a static library building a dynamic library makefiles - best practices and suggestions makefile - targets makefile - variables,
values makefile - *.mk files & user config building libraries there are three main types of libraries that are built in mozilla: components are shared libraries (except in static builds), which are installed to dist/bin/components.
Commenting IDL for better documentation
if an interface is used as a parameter or as the type of the
value returned by a method, please use the full name of the interface in the description of the method.
... */ attribute integer favoritecookie; /** * a
value from 0-100 indicating how hungry the cookie monster is.
mach
so, you should define default
values for all of your method's arguments.
... the return
value from the @command method should be the integer exit code from the process.
Cross Process Object Wrappers
you might expect the
value of uri to come back as "hello.com".
...it’s possible that the request for the documenturi property will be processed before the "changedocumenturi" message, in which case uri will have its previous
value.
Communicating with frame scripts
synchronous messaging to send a synchronous message, the frame script uses the global sendsyncmessage() function: // frame script sendsyncmessage("my-addon@me.org:my-e10s-extension-message"); when a chrome script receives a synchronous message, it should return a
value from its message listener: // chrome script messagemanager.addmessagelistener("my-addon@me.org:my-e10s-extension-message", listener); function listener(message) { return "
value from chrome"; } this
value is then presented to the frame script in the return
value of sendsyncmessage().
... because a single message can be received by more than one listener, the return
value of sendsyncmessage() is an array of all the
values returned from every listener, even if it only contains a single
value: // frame script addeventlistener("click", function (event) { var results = sendsyncmessage("my-addon@me.org:my-e10s-extension-message", { details : "they clicked", tag : event.target.tagname }); content.console.log(results[0]); // "
value from chrome" }, false); like arguments, return
values from sendsyncmessage() must be json-serializable, so chrome can't return functions.
HTMLIFrameElement.findNext()
syntax instanceofhtmliframeelement.findnext(direction); return
value void.
...available
values are forward and backward.
HTMLIFrameElement.getMuted()
the muted
value is available in the request.result property, and is a boolean
value — true means muted, and false means unmuted.
... promise version: a promise that resolves with the muted
value — a boolean where true means muted, and false means unmuted.
HTMLIFrameElement.getVolume()
the volume
value is available in the request.result property, and is a floating point number between 0 and 1.
... promise version: a promise that resolves with the volume
value — a floating point number between 0 and 1.
mozbrowseractivitydone
if the activity has a return
value set to true, then the activity is consumed when postresult or posterror is invoked on the activity by the receiving app.
... note: for activities where the receiving app's activity definition in its manifest does not include return
value or return
value is false, no mozbrowseractivitydone event will be generated as of the landing of bug 1194525 in firefox os 2.5.
mozbrowsercaretstatechanged
possible
values are visibilitychange, updateposition, longpressonemptycontent, taponcaret, presscaret, and releasecaret.
...possible
values are cut, copy, paste and selectall.
mozbrowsercontextmenu
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.
... clienty the y
value of the coordinate that was clicked inside the browser <iframe>'s viewport.
mozbrowserloadend
detail the detail property returns an anonymous javascript object with the following properties: backgroundcolor a domstring representing the main background color of the browser <iframe> content, expressed as an rgb
value.
...when the front page of https://developer.mozilla.org is loaded, for example, the e.detail.backgroundcolor
value reported is rgb(0, 83, 159).
CSS <display-xul> component
firefox supports the following -moz- prefixed xul display
values: syntax -moz-box obsolete since gecko 64 xul box, mostly equivalent to flex -moz-inline-box obsolete since gecko 64 xul inline box, mostly equivalent to inline-flex -moz-grid obsolete since gecko 62 xul grid -moz-inline-grid obsolete since gecko 62 xul inline grid -moz-grid-group obsolete since gecko 62 xul grid group -moz-grid-line obsolete since gecko 62 xul grid line -moz-stack obsolete since gecko 62 xul stack -moz-inline-stack obsolete since gecko 62 xul inline stack -moz-deck obsolete since gecko 62 xul deck -moz-popup obsolete since gecko 62 xul popup all xul display
values, with the exception of -moz-box and -moz-inline-box, have been removed in bug 1288572.
... the -moz-box and -moz-inline-box
values will be removed later in bug 879275.
MozBeforePaint
you can determine this
value by looking at window.mozanimationstarttime.
... with that
value in hand, you can then schedule all your subsequent animation frames.
Gecko Keypress Event
when the keypress event includes modifier keys, sometimes the charcode
value is replaced with an ascii character according to the following rules.
... the charcode
value depends on the state of capslock and numlock (except they are currently ignored if alt (option) is down on mac - see bug 432953).
HTML parser threading
attribute
values, public identifiers (in doctype) and system identifiers (in doctype) are heap-allocated nsstring objects (i.e.
...attribute
values nsstrings are deleted by the attribute holder when it gets deleted.
Extending a Protocol
our goal is now to get that to settle with the
value we sent in.
... async echo(nscstring data) returns (nscstring aresult); - the "returns" here translates to a mozpromise, with a resolver that will settle a promise with the expected
value.
Add-on Repository
return
value an url indicating the repository's page of recommended add-ons.
... return
value the url of the search results page for the specified search terms.
AsyncShutdown.jsm
if condition is not a function but another
value v, it behaves as if it were a function returning v.
... return
value returns true if a blocker has been removed, or false otherwise.
DeferredTask.jsm
bool ispending(); return
value returns true if pending, false otherwise.
... this method stops any currently running timer, thus the delay will restart from its original
value in case the "arm" method is called again.
DownloadLastDir.jsm
when the user exits private browsing mode, the last download directory
value is reverted to the preference's
value.
... when history is cleared when the user's browsing history is cleared, the
value of the last download directory path is restored to the platform's default download directory path.
FxAccountsOAuthClient.jsm
state - oauth state
value that will be returned to the client as-is upon redirection.
...default: /authorization return
value a newly created fxaccountsoauthclient object implementing the methods described in this article.
FxAccountsProfileClient.jsm
return
value a newly created fxaccountsprofileclient object implementing the methods described in this article.
...parameters none return
value promise resolves: object - successful response from the '/profile' endpoint.
ISO8601DateUtils.jsm
return
value an iso 8601 format date string.
... return
value a javascript date object corresponding to the specified date string.
JavaScript OS.Constants
error
values eacces permission denied eagain resource temporarily unavailable ebadf bad file descriptor eexist file exists efault bad address efbig file too large einval invalid argument eio input/output error eisdir is a directory eloop (not always available under windows) too many l...
... eoverflow (not always available under windows)
value too large to be stored in datatype.
Localizing XLIFF files for iOS
in the <file> tag, add the target-language attribute with your locale code as the
value (e.g., target-language="xx-xx").
...each <file> tag requires the target-language attribute with your locale code as the
value (e.g., target-language="xx-xx").
Writing localizable code
about localizers a few notes about localizers for developers who rarely deal with them: localizers like tools, and they don't like editors, localization tools are often based on key-
value pairs, at least some localizers have their talents focused on language skills and are not savvy in programming, or even building applications.
...in most cases, you can just as well put the processing into the content code and reference different key-
value pairs in l10n.
gettext
consider the following code snippet: <?php $num = 1; printf(ngettext("%d user likes this.", "%d users like this.", $num), $num); ?> depending on the
value of the $num variable, this code will either use the singular ("user likes) or the plural ("users like") form of the string.
...the %d in the first argument (which is the string returned by gettext) will be replaced with the
value of $num.
Basics
</div> <math class="inputmath" display="block"> <mrow> <mi>a</mi> <mo>=</mo> <mo>[</mo> <mtable> <mtr> <mtd><mn>1</mn></mtd> <mtd> <mtext><input id="input12"
value="?" size="1"/></mtext> </mtd> </mtr> <mtr> <mtd> <mtext><input id="input21"
value="?" size="1"/></mtext> </mtd> <mtd><mn>4</mn></mtd> </mtr> </mtable> <mo>]</mo> </mrow> </math> <div style="text-align:center"> left size: <a class="control" href="javascript:incrementinput('input21', 1);" title="increase input">+</a> <a class="control" href="javascript:incrementinput('input21',-1);" title="decrease...
...nvisibletimes;</mo> <msup> <mi>y</mi> <mn>4</mn> </msup> </mrow> <mo>+</mo> <msup> <mi>y</mi> <mn>5</mn> </msup> </mrow> </maction> </mtd> </mtr> </mtable> </mtd> </mtr> </mtable> </math> </div> css content .control { text-decoration: none; font-weight: bold; font-size: 200%; } input { color: red; } [class="inputmath"] { border: 1px dotted; } javascript content function setselection(id,
value) { document.getelementbyid(id).setattribute("selection",
value); } function expand() { setselection("a11","2"); setselection("a12","2"); setselection("a13","2"); setselection("a21","2"); setselection("a22","2"); setselection("a23","2"); setselection("a31","2"); setselection("a32","2"); setselection("a33","2"); setselection("a41","2"); setselection("a42","2"); setselection("a43","2"...
Extras
mfrac> </mrow> </math> </p> css content math.cue *[title] { color: blue; } mixing with other markups html content <math display="block"> <mrow> <mi>a</mi> <mo>=</mo> <mo>[</mo> <mtable> <mtr> <mtd><mn>1</mn></mtd> <mtd> <mtext> <img width="16" height="16" src="https://udn.realityripple.com/samples/3f/9341cbddc0.png" alt="mozilla-16" /> </mtext> </mtd> </mtr> <mtr> <mtd> <mtext><input
value="type" size="4"/></mtext> </mtd> <mtd><mn>4</mn></mtd> </mtr> </mtable> <mo>]</mo> </mrow> </math> <math display="block"> <msqrt> <mpadded width="30px" height="15px" depth="15px" voffset="-15px"> <mtext> <svg width="30px" height="30px"> <defs> <radialgradient id="radgrad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-c...
...o>)</mo> </mrow> </math> </foreignobject> <text>rotation matrix</text> </switch> </g></g></g> <g> <animatemotion path="m 32,69 c 64,121 100,27 152,42 203,56 239,257 275,161 295,109 144,221 88,214 -2,202 11,35 32,69 z" begin="0s" dur="20s" repeatcount="indefinite"/> <animatetransform attributename="transform" attributetype="xml" type="scale"
values="1;2;.5;1" keytimes="0;.25;.75;1" dur="20s" repeatcount="indefinite"/> <circle fill="url(#grad3)" r="30"/> <g transform="translate(-30,-30)"> <switch> <foreignobject width="60" height="60" requiredextensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>0</mn> </mrow> <mrow> <mo>+</mo> <mi>∞</mi> </mro...
Fonts for Mozilla 2.0's MathML engine
reset old preferences if users have previously changed the "font.mathfont-family" preference for a previous version of mozilla, then it is best to reset this to the default
value.
... to do this, enter the url "about:config", "filter" for "mathfont", and "reset" to the default
value through the context menu on the preference.
Mozilla Quirks Mode Behavior
obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) in quirks mode absmiddle (handled incorrectly?) and middle (perhaps incorrectly as well?) are accepted as
values of align on table cells, and absmiddle, abscenter, and middle are supported on tables (treated the same as center).
... in quirks mode, percentage
values are supported on the cellspacing attribute, but treated as pixels (bug 106336).
Build Metrics
so the
value may fluctuate from build to build even if the number of compiler warnings didn't actually change.
... since perfherder alerts are calculated based on the mean
value of a range, a regression may be reported as a fractional
value.
GC and CC logs
see the statistics api page for details on
values.
...the default
value is all, which will log all ccs.
Memory reporting
each reporter implements a collectreports function which takes a nsimemoryreportercallback argument; for each measurement the reporter must pass in several
values, including: a path (which identifies the report); an amount (the most important thing); a unit (most commonly bytes, but sometimes a unitless count or percentage); a description of what is measured.
...obviously, if you increment you have to zero the
values at some point.
Profiling with the Firefox Profiler
if you want 90mb use 10000000, and 20000000 for 180mb, which are good
values to debug long startups.
... if you want to profile firefox for android, you have to set this environment
values by --es option of am command to launch firefox.
TimerFirings logging
the first two
values identify the thread.
... the next
value is the process id (pid).
powermetrics
the sum of the process
values typically exceeds the coalition
value slightly, for unknown reasons.
... by default, the coalitions/processes are sorted by a composite
value computed from several factors, though this can be changed via command-line options.
javascript.options.showInConsole
type:boolean default
value: false (true in debug builds) exists by default: yes application support:firefox 1.0 status: active introduction:2002-02-26 bugs: bug 125181 bug 337875
values false only errors and warnings from content code are shown.
... note: since the web console was introduced in firefox 4 specifically for debugging content, the default
value for this preference has changed to true as of gecko 2.0.
nglayout.debug.disable xul fastload
type:boolean default
value: false (true in debug builds) exists by default: yes application support:?
... bugs:
values false (default) xul fastload is used.
Localization Use Cases
size: sizeinfo.size, unit: _('byteunit-' + sizeinfo.unit) }); } the function is used like so: // application storage updateappfreespace: function storage_updateappfreespace() { var self = this; this.getfreespace(this.appstorage, function(freespace) { devicestoragehelper.showformatedsize(self.appstoragedesc, 'availablesize', freespace); }); }, problem definition for all
values of freespace, the following string is enough to construct a grammatically-correct sentence in english: availablesize = {{$size}} {{$unit}} available however, other languages might need to pluralize this string with different forms of the available adjective.
... in the javascript code, the developer needs to pass sizeinfo.unit instead of a localized
value: function showformatedsize(element, l10nid, size) { // … element.textcontent = document.l10n.get(l10nid, { size: sizeinfo.size, unit: sizeinfo.unit }); } and then use the $unit variable verbatim in the english message: <availablesize "{{ $size }} {{ $unit }} available"> in french, the localizer can then use the
value of $unit to match it against a translated abbreviation, li...
Date and Time
nspr provides types and constants for both representations, and functions to convert time
values between the two.
...two often-used callback functions of this type are provided by nspr: prtimeparamfn pr_localtimeparameters and pr_gmtparameters functions the functions that create and manipulate time and date
values are: pr_now pr_explodetime pr_implodetime pr_normalizetime ...
Introduction to NSPR
suppose an object has three
values, v1, v2, and sum.
... the invariant is that the third
value is the sum of the other two.
Logging
a level is a numeric
value that indicates the seriousness of the event to be logged.
...the compile time #define
values debug or force_pr_log enable nspr logging for application programs.
NSPR LOG FILE
for ms windows systems, you can set nspr_log_file to the special (case-sensitive)
value windebug.
... this
value causes logging output to be written using the windows function outputdebugstring(), which writes to the debugger window.
NSPR LOG MODULES
level is a numeric
value between 0 and 5, with the
values having the following meanings: 0 = pr_log_none: nothing should be logged 1 = pr_log_always: important; intended to always be logged 2 = pr_log_error: errors 3 = pr_log_warning: warnings 4 = pr_log_debug: debug messages, notices 5: everything!
... description specify a modulename that is associated with the name argument in a call to pr_newlogmodule and a non-zero level
value to enable logging for the named modulename.
PLHashAllocOps
syntax #include <plhash.h> typedef struct plhashallocops { void *(pr_callback *alloctable)(void *pool, prsize size); void (pr_callback *freetable)(void *pool, void *item); plhashentry *(pr_callback *allocentry)(void *pool, const void *key); void (pr_callback *freeentry)(void *pool, plhashentry *he, pruintn flag); } plhashallocops; #define ht_free_
value 0 /* just free the entry's
value */ #define ht_free_entry 1 /* free
value and entire entry */ description users of the hash table functions can provide their own memory allocation functions.
... the freeentry function does not need to free the
value of the entry.
PLHashNumber
plhashnumber is the data type of the return
value of a hash function.
... the macro pl_hash_bits is the size (in bits) of the plhashnumber data type and has the
value of 32.
PL_strdup
returns the function returns one of these
values: if successful, a pointer to a copy of the specified string.
...a null argument, like a zero-length argument, results in a pointer to a one-byte block of memory containing the null
value.
PRBool
boolean
value.
...x : y, and so on to test boolean
values, just as you would c int-
valued conditions.
PRIntervalTime
the increasing interval
value represented by printervaltime wraps.
...since the sampling of the counter used to define an arbitrary epoch may have any 32-bit
value, some care must be taken in the use of interval times.
PR_Accept
timeout a
value of type printervaltime specifying the time limit for completion of the accept operation.
... returns the function returns one of the following
values: upon successful acceptance of a connection, a pointer to a new prfiledesc structure representing the newly accepted connection.
PR_Access
use one of the following
values: pr_access_read_ok.
... returns one of the following
values: if the requested access is permitted, pr_success.
PR_Available
returns the function returns one of the following
values: if the function completes successfully, it returns the number of bytes that are available for reading.
... if the function fails, it returns the
value -1.
PR_Available64
returns the function returns one of the following
values: if the function completes successfully, it returns the number of bytes that are available for reading.
... if the function fails, it returns the
value -1.
PR_CExitMonitor
returns the function returns one of the following
values: if successful, pr_success.
... description using the
value specified in the address parameter to find a monitor in the monitor cache, pr_cexitmonitor decrements the entry count associated with the monitor.
PR_CNotify
the calling thread must be in the monitor defined by the
value of the address.
... description using the
value specified in the address parameter to find a monitor in the monitor cache, pr_cnotify notifies single a thread waiting for the monitor's state to change.
PR_CWait
returns the function returns one of the following
values: pr_success indicates either that the monitored object has been notified or that the interval specified in the timeout parameter has been exceeded.
... description using the
value specified in the address parameter to find a monitor in the monitor cache, pr_cwait waits for a notification that the monitor's state has changed.
PR_Connect
timeout a
value of type printervaltime specifying the time limit for completion of the connect operation.
... returns the function returns one of the following
values: upon successful completion of connection setup, pr_success.
PR_CreateThread
nspr does not assess the type or the validity of the
value passed in this parameter.
... returns the function returns one of the following
values: if successful, a pointer to the new thread.
PR GetAddrInfoByName
include pr_ai_nocanonname to suppress the determination of the canonical name corresponding to hostname returns the function returns one of the following
values: if successful, a pointer to the opaque praddrinfo structure containing the results of the host lookup.
... use pr_enumerateaddrinfo to inspect the prnetaddr
values stored in this structure.
PR_GetError
syntax #include <prerror.h> prerrorcode pr_geterror(void) returns the
value returned is a 32-bit number.
... nspr provides no direct interpretation of the number's
value.
PR_GetOSError
syntax #include <prerror.h> print32 pr_getoserror(void) returns the
value returned is a 32-bit signed number.
...for portability, clients should not create dependencies on the
values of os-specific error codes.
PR_GetUniqueIdentity
returns the function returns one of the following
values: if successful, the prdescidentity for the layer associated with the string specified in the layer named layer_name.
... if the function cannot allocate enough dynamic memory, it fails and returns the
value pr_invalid_io_layer with the error code pr_out_of_memory_error.
PR_ImplodeTime
returns an absolute time
value.
... description this function converts the specified clock/calendar time to an absolute time and returns the converted time
value.
PR_IntervalNow
returns the
value of nspr's free-running interval timer.
... description you can use the
value returned by pr_intervalnow() to establish epochs and to determine intervals (that is, compute the difference between two times).
PR_LOG
_level a level
value.
... possible
values are: pr_log_none = 0 pr_log_always = 1 pr_log_error = 2 pr_log_warning = 3 pr_log_debug = 4 pr_log_notice = pr_log_debug pr_log_warn = pr_log_warning pr_log_min = pr_log_debug pr_log_max = pr_log_debug _args a variable length argument list, as if to printf.
PR_LOG_TEST
_level a level
value.
... possible
values are: pr_log_none = 0 pr_log_always = 1 pr_log_error = 2 pr_log_warning = 3 pr_log_debug = 4 pr_log_notice = pr_log_debug pr_log_warn = pr_log_warning pr_log_min = pr_log_debug pr_log_max = pr_log_debug returns pr_true when logging is enabled for the given module and level, otherwise pr_false.
PR_NormalizeTime
call this function in these situations: to normalize a time after performing arithmetic operations directly on the field
values of the calendar time object.
... to calculate the optional field
values tm_wday and tm_yday.
PR_Now
returns the current time as a prtime
value.
... you cannot assume that the
values returned by pr_now() are monotonically increasing because the system clock of the computer may be reset.
PR_PushIOLayer
returns the function returns one of the following
values: if the layer is successfully pushed onto the stack, pr_success.
... even if the id parameter indicates the topmost layer of the stack, the
value of the file descriptor describing the original stack will not change.
PR_SetError
description nspr does not validate the
value of the error number or os error number being specified.
... the runtime merely stores the
value and returns it when requested.
PR_SetErrorText
if there is error text already present in the thread, the previous
value is first deleted.
... the new
value is copied into storage allocated and owned by nspr and remains there until the next call to pr_seterror or another call to pr_seterrortext.
PR_Shutdown
possible
values include the following: pr_shutdown_rcv.
... returns the function returns one of the following
values: upon successful completion of shutdown request, pr_success.
PR_Sleep
calling pr_sleep with the
value of ticks set to pr_interval_no_wait simply surrenders the processor to ready threads of the same priority.
... all other
values of ticks cause pr_sleep to block the calling thread for the specified interval.
PR_Unmap
returns the function returns one of the following
values: if the memory region is successfully unmapped, pr_success.
...the parameter addr is the return
value of an earlier call to pr_memmap.
PR_strtod
returns the result of the conversion is a prfloat64
value equivalent to the input string.
...if the
value of se is not (char **) null, pr_strtod stores a pointer to the character terminating the scan in *se.
Building NSS
below are some of the variables, along with possible
values they may be set to.
...the scripts will attempt to infer
values for host and domsuf, but can fail.
Certificate functions
3.2.1 and later cert_createsubjectcertlist mxr 3.4 and later cert_createvalidity mxr 3.5 and later cert_crlcacherefreshissuer mxr 3.7 and later cert_decodealtnameextension mxr 3.10 and later cert_decodeauthinfoaccessextension mxr 3.10 and later cert_decodeauthkeyid mxr 3.10 and later cert_decodeava
value mxr 3.4 and later cert_decodebasicconstraint
value mxr 3.2 and later cert_decodecertfrompackage mxr 3.4 and later cert_decodecertificatepoliciesextension mxr 3.2 and later cert_decodecertpackage mxr 3.2 and later cert_decodecrldistributionpoints mxr 3.10 and later cert_decodedercrl mxr 3.2 and later ...
... mxr 3.5 and later cert_dupcertificate mxr 3.2 and later cert_dupcertlist mxr 3.2 and later cert_enableocspchecking mxr 3.2 and later cert_encodealtnameextension mxr 3.7 and later cert_encodeandaddbitstrextension mxr 3.5 and later cert_encodeauthkeyid mxr 3.5 and later cert_encodebasicconstraint
value mxr 3.5 and later cert_encodecertpoliciesextension mxr 3.12 and later cert_encodecrldistributionpoints mxr 3.5 and later cert_encodegeneralname mxr 3.4 and later cert_encodeinfoaccessextension mxr 3.12 and later cert_encodeinhibitanyextension mxr 3.12 and later cert_encodenoticereference mxr 3.12 and l...
NSS 3.12.5 release_notes
this default setting can also be changed within the application by using the following existing api functions: secstatus ssl_optionset(prfiledesc *fd, print32 option, prbool on) secstatus ssl_optionsetdefault(print32 option, prbool on) there is now a new
value for "option", which is: ssl_enable_renegotiation the corresponding new
values for ssl_enable_renegotiation are: ssl_renegotiate_never: never renegotiate at all (default).
... pk11_readrawattribute allocates the buffer for returning the attribute
value.
NSS_3.12_release_notes.html
tls session ticket extension (off by default) see ssl_enable_session_tickets in ssl.h new ssl error codes (see sslerr.h) ssl_error_unsupported_extension_alert ssl_error_certificate_unobtainable_alert ssl_error_unrecognized_name_alert ssl_error_bad_cert_status_response_alert ssl_error_bad_cert_hash_
value_alert ssl_error_rx_unexpected_new_session_ticket ssl_error_rx_malformed_new_session_ticket new tls cipher suites (see sslproto.h): tls_rsa_with_camellia_128_cbc_sha tls_dhe_dss_with_camellia_128_cbc_sha tls_dhe_rsa_with_camellia_128_cbc_sha tls_rsa_with_camellia_256_cbc_sha tls_dhe_dss_with_camellia_256_cbc_sha tls_dhe_rsa_with_camellia_256_cbc_sha note: the following tls cipher suites are d...
...mf_encode_popoprivkey bug 395080: double backslash in sysdir filenames causes problems on os/2 bug 341371: certutil lacks a way to request a certificate with an existing key bug 382292: add support for camellia to cmd/symkeyutil bug 385642: add additional cert usage(s) for certutil's -v -u option bug 175741: strict aliasing bugs in mozilla/dbm bug 210584: cert_asciitoname doesn't accept all valid
values bug 298540: vfychain usage option should be improved and documented bug 323570: make dbck debug mode work with softoken bug 371470: vfychain needs option to verify for specific date bug 387621: certutil's random noise generator isn't very efficient bug 390185: signtool error message wrongly uses the term database bug 391651: need config.mk file for windows vista bug 396322: fix secutil's code an...
NSS 3.16.1 release notes
new types in sslt.h ssl_padding_xtn - the
value of this enum constant changed from the experimental
value 35655 to the iana-assigned
value 21.
...this macro has the same numeric
value as public_mech_ecc_flag.
NSS 3.16.2.3 release notes
new functionality tls_fallback_scsv is a signaling cipher suite
value that indicates a handshake is the result of tls version fallback.
... in sslproto.h tls_fallback_scsv - a a signaling cipher suite
value that indicates a handshake is the result of tls version fallback.
NSS 3.17.1 release notes
new functionality tls_fallback_scsv is a signaling cipher suite
value that indicates a handshake is the result of tls version fallback.
... in sslproto.h tls_fallback_scsv - a a signaling cipher suite
value that indicates a handshake is the result of tls version fallback.
NSS 3.19.1 release notes
thus, the seckey_publickeystrength and seckey_publickeystrengthinbits functions could report smaller
values for
values that have leading zero
values.
... this affects the key strength
values that are reported by ssl_getchannelinfo.
NSS 3.52 release notes
if an application is recompiled with nss 3.52+, this field must be initialized to a
value corresponding to ulivlen.
... bug 1612281 - maintain pkcs11 c_getattribute
value semantics on attributes that lack nss database columns.
NSS Developer Tutorial
enums the numeric
values of public enumerators cannot be changed.
... to stress this fact, we often explicitly assign numeric
values to enumerators, rather than relying on the
values assigned by the compiler.
NSS Sample Code Sample_1_Hashing
e (default is stdin)\n", "< input"); fprintf(stderr, "%-20s define an output file to use (default is stdout)\n", "> output"); exit(-1); } /* * check for the missing arguments */ static void printmsgandexit(const char *progname, char opt) { fprintf(stderr, "%s: option -%c requires an argument\n", progname, opt); usage(progname); } #define require_arg(opt,
value) if (!(
value)) printmsgandexit(progname, opt) /* * digests a file according to the specified algorithm.
... secsuccess) { fprintf(stderr, "%s: nss_init failed in directory %s\n", progname, "/tmp"); return -1; } /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "t:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 't': require_arg(optstate->option, optstate->
value); hashname = strdup(optstate->
value); break; } } if (!hashname) usage(progname); /* convert and validate */ hashoidtag = hashnametooidtag(hashname); if (hashoidtag == sec_oid_unknown) { fprintf(stderr, "%s: invalid digest type - %s\n", progname, hashname); usage(progname); } /* digest it and print the result */...
Hashing - sample 1
e (default is stdin)\n", "< input"); fprintf(stderr, "%-20s define an output file to use (default is stdout)\n", "> output"); exit(-1); } /* * check for the missing arguments */ static void printmsgandexit(const char *progname, char opt) { fprintf(stderr, "%s: option -%c requires an argument\n", progname, opt); usage(progname); } #define require_arg(opt,
value) if (!(
value)) printmsgandexit(progname, opt) /* * digests a file according to the specified algorithm.
... secsuccess) { fprintf(stderr, "%s: nss_init failed in directory %s\n", progname, "/tmp"); return -1; } /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "t:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 't': require_arg(optstate->option, optstate->
value); hashname = strdup(optstate->
value); break; } } if (!hashname) usage(progname); /* convert and validate */ hashoidtag = hashnametooidtag(hashname); if (hashoidtag == sec_oid_unknown) { fprintf(stderr, "%s: invalid digest type - %s\n", progname, hashname); usage(progname); } /* digest it and print the result */...
sample1
stdin)\n", "< input"); fprintf(stderr, "%-20s define an output file to use (default is stdout)\n", "> output"); exit(-1); } /* check for the missing arguments */ static void printmsgandexit(const char *progname, char opt) { fprintf(stderr, "%s: option -%c requires an argument\n", progname, opt); usage(progname); } #define require_arg(opt,
value) if (!(
value)) printmsgandexit(progname, opt) /* digests a file according to the specified algorithm.
...(rv != secsuccess) { fprintf(stderr, "%s: nss_init failed in directory %s\n", progname, "/tmp"); return -1; } /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "t:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 't': require_arg(optstate->option, optstate->
value); hashname = strdup(optstate->
value); break; } } if (!hashname) usage(progname); /* convert and validate */ hashoidtag = hashnametooidtag(hashname); if (hashoidtag == sec_oid_unknown) { fprintf(stderr, "%s: invalid digest type - %s\n", progname, hashname); usage(progname); } /* digest it and pri...
sample2
'g': /* generate a csr */ case 'a': /* add cert to database */ case 'h': /* save cert to the header file */ case 'e': /* encrypt with public key from cert in header file */ case 's': /* sign with private key */ case 'd': /* decrypt with the matching private key */ case 'v': /* verify with the matching public key */ cmd = option2command(optstate->option); break; case 'd': dbdir = strdup(optstate->
value); break; case 'f': pwdata.source = pw_fromfile; pwdata.data = strdup(optstate->
value); break; case 'p': pwdata.source = pw_plaintext; pwdata.data = strdup(optstate->
value); break; case 'i': infilename = strdup(optstate->
value); break; case 'b': headerfilename = strdup(optstate->
value); break; case 'e': encryptedfilename = strdup(optstate->
value); break; case 'o': outfilename = strdup(optstate->va...
...lue); break; case 'z': noisefilename = strdup(optstate->
value); break; case 's': subjectstr = strdup(optstate->
value); subject = cert_asciitoname(subjectstr); break; case 'r': certreqfilename = strdup(optstate->
value); break; case 'c': certfilename = strdup(optstate->
value); break; case 'u': issuernamestr = strdup(optstate->
value); break; case 'n': nicknamestr = strdup(optstate->
value); break; case 'x': selfsign = pr_true; break; case 'm': serialnumberstr = strdup(optstate->
value); serialnumber = atoi(serialnumberstr); break; case 't': truststr = strdup(optstate->
value); break; case 'v': sigverify = pr_true; break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (cmd == unknown || !dbdir) usage(progname); /* open db for read/write and authenticate to it */ pr_init(pr_user_...
Build instructions
make variables may be set on the gmake command line, e.g., gmake variable=
value variable=
value target1 target2 or defined in the environment, e.g.
... (for posix shells), variable=
value; export variable gmake target1 target2 here are some (not all) of the make variables that affect nss builds: build_opt: if set to 1, means do optimized non-debug build.
FC_DigestKey
description fc_digestkey continues a multi-part digest operation by digesting the
value of a secret key.
... return
value examples see also fc_digestinit, fc_digestfinal, nsc_digestkey ...
FC_EncryptInit
return
value ckr_ok slot information was successfully copied.
... ckr_slot_id_invalid the specified slot number is out of the defined range of
values.
FC_GetSlotInfo
return
value ckr_ok slot information was successfully copied.
... ckr_slot_id_invalid the specified slot number is out of the defined range of
values.
FC_GetTokenInfo
return
value ckr_ok token information was successfully copied.
... ckr_slot_id_invalid the specified slot number is out of the defined range of
values.
FC_Initialize
the pinitargs argument must point to a ck_c_initialize_args structure whose members should have the following
values: createmutex should be null.
...return
value fc_initialize returns the following return codes.
NSS tools : ssltab
instead of outputting raw data, the command interprets each record as a numbered line of hex
values, followed by the same data as ascii characters.
...because the -x option is not used in this example, undecoded
values are output as raw data.
NSS tools : ssltap
instead of outputting raw data, the command interprets each record as a numbered line of hex
values, followed by the same data as ascii characters.
...because the -x option is not used in this example, undecoded
values are output as raw data.
NSS tools : vfychain
possible
values are "leaf" or "chain" -g test type sets status checking test type.
... possible
values are "leaf" or "chain".
sslintro.html
changes default
values for all subsequently opened sockets as long as the application is running (compare with ssl_seturl which only configures the socket that is currently open).
... this function must be called once for each default
value that needs to be changed.
NSS tools : ssltap
instead of outputting raw data, the command interprets each record as a numbered line of hex
values, followed by the same data as ascii characters.
...because the -x option is not used in this example, undecoded
values are output as raw data.
NSS tools : vfychain
possible
values are "leaf" or "chain" -g test type sets status checking test type.
... possible
values are "leaf" or "chain".
Rhino Debugger
when you select a stack frame the variables and watch windows are updated to reflect the names and
values of the variables visible at that scope.
...the expressions you enter are re-evaluated in the current scope and their current
values displayed each time control returns to the debugger or when you change the stack location in the context: window.
Rhino scopes and contexts
it uses thesharedscope passed in to initialize the prototype with the standard object.prototype
value.
...then after a custom initialization is done, one can seal the shared scope by callingscriptableobject.sealobject(): sealedsharedscope.sealobject(); note that currently one needs to explicitly seal any additional properties he adds to the sealed shared scope since although after calling sealedsharedscope.sealobject(); it would no be possible to set the additional properties to different
values, one still would be able to alter the objects themselves.
Rhino shell
if it is not instance of java.io.outputstream, the process output is read, converted to a string, appended to the output property
value converted to string and put as the new
value of the output property.
...if it is not instance of java.io.outputstream, the process error output is read, converted to a string, appended to the err property
value converted to string and put as the new
value of the err property.
Creating JavaScript jstest reftests
asserteq asserteq(v1, v2[, message]) checks that v1 and v2 are the same
value.
... expected = 3; actual = 1 + 2; reportcompare(expected, actual, '3==1+2'); comparesource comparesource(expected, actual, description) is used to test if the decompilation of a javascript object (conversion to source code) matches an expected
value.
Creating JavaScript tests
asserteq(v1, v2[, message]) check that v1 and v2 are the same
value.
...these tests will also show up as infrequent oranges on our heavily loaded test machines, lowering the
value of our test suite for everyone.
GCIntegration - SpiderMonkey Redirect 1
before the pointer is modified (except initializing writes, which don't need a barrier), you should call incrementalreferencebarrier() or incremental
valuebarrier(), passing it the
value the pointer held before the write.
...note that what matters is the
value being written—if the object being written to has a finalizer, a write barrier may still be required.
JIT Optimization Outcomes
notobject optimization failed because the stored in the property could potentially be a non-object
value.
...it lacks observed type information for its arguments, its return
value, or both.
JS::AutoVectorRooter
there are derived classes for the main types: class parent class js::auto
valuevector autovectorrooter<
value> js::autoidvector autovectorrooter<jsid> js::autoobjectvector added in spidermonkey 24 autovectorrooter<jsobject *> js::autofunctionvector added in spidermonkey 31 autovectorrooter<jsfunction *> js::autoscriptvector autovectorrooter<jsscript *> see also mxr id search for js::autovectorrooter mxr id search f...
...or js::auto
valuevector mxr id search for js::autoidvector mxr id search for js::autoobjectvector mxr id search for js::autofunctionvector mxr id search for js::autoscriptvector js::auto
valuearray<n> - fixed-size array of js::
value bug 677079 bug 868580 - expose js::autoobjectvector bug 848592 - added js::autofunctionvector bug 676281 - added js::autoscriptvector ...
JS::PropertySpecNameEqualsId
this article covers features introduced in spidermonkey 38 determine if the given jspropertyspec::name or jsfunctionspec::name
value equals the given jsid.
... description js::propertyspecnameequalsid determines if the given jspropertyspec::name or jsfunctionspec::name
value equals the given jsid, and returns true if so.
JS::PropertySpecNameIsSymbol
this article covers features introduced in spidermonkey 38 determine if the given jspropertyspec::name or jsfunctionspec::name
value is actually a symbol code and not a string.
... description js::propertyspecnameissymbol determines if the given jspropertyspec::name or jsfunctionspec::name
value is actually a symbol code and not a string, and returns true if so.
JSCheckAccessOp
on success, the callback must set *vp to the stored
value of the property.
... description check whether obj[id] may be accessed per mode, returning js_false on error/exception, js_true on success with obj[id]'s stored
value in *vp.
JSHasInstanceOp
syntax typedef bool (* jshasinstanceop)(jscontext *cx, js::handleobject obj, js::mutablehandle
value vp, bool *bp); name type description cx jscontext * the js context in which the type check is occurring.
... v js::mutablehandle
value the
value whose type is being checked.
JSID_VOID
a void jsid is not a valid id and only arises as an exceptional api return
value, such as in js_nextproperty.
... jsid_voidhandle is the handle to the jsid which
value is jsid_void.
JSObjectOps.dropProperty
that is, the
value that the jsobjectops.lookupproperty hook stored in the *objp out parameter.
...that is, the
value that jsobjectops.lookupproperty hook stored in the *propp out parameter.
JSVAL_IS_BOOLEAN
syntax jsval_is_boolean(v) description jsval_is_boolean(v) is true if the given javascript
value, v, is a boolean
value (that is, it is either jsval_true or jsval_false).
... to convert between javascript boolean
values (jsval) and c boolean
values, use jsval_to_boolean and boolean_to_jsval.
JSVAL_IS_GCTHING
indicates whether a js
value has a type that is subject to garbage collection.
... syntax jsval_is_gcthing(v) description jsval_is_gcthing(v) is true if the jsval v is either jsval_null or a reference to a
value that is subject to garbage collection.
JSVAL_IS_NULL
syntax jsval_is_null(v) description jsval_is_null(v) is true if v is jsval_null, which is the javascript null
value.
... (note: jsval_is_object(jsval_null) is also true.) example the following code snippet illustrates how a javascript variable, myitem, is conditionally tested in an if statement to see if it contains a null
value.
JSVAL_IS_NUMBER
to convert a numeric jsval to a c floating-point number, use js_
valuetonumber.
... example the following code snippet illustrates how a javascript variable, myitem, is conditionally tested in an if statement to see if it is a js integer or double
value.
JSVAL_IS_VOID
determines if a given jsval is the javascript
value undefined.
... syntax jsval_is_void(v) description jsval_is_void(v) is true if v is jsval_void, which represents the javascript
value undefined.
JSVAL_NULL
the jsval that represents the javascript
value null.
... syntax jsval_null description jsval_null is a jsval constant that represents the javascript
value null.
JSVAL_TO_DOUBLE
syntax jsdouble jsval_to_double(jsval v); description jsval_to_double casts a specified js
value, v, to a c floating-point number of type jsdouble.
...to convert any
value to a number, use js_
valuetonumber instead.
JSVAL_TO_INT
syntax jsval_to_int(v) description jsval_to_int converts a specified integer jsval, v, to the corresponding c integer
value.
... if v is any other type of
value, the result is unspecified.
JSVAL_TO_STRING
to coerce any
value to a string, use the js_
valuetostring function instead.
... (the difference is that the latter will convert an object, array, number, or other
value to a string in a type-safe way, creating a new string if needed.) to convert the return type of this macro (jsstring *) to a char pointer, use js_getstringbytes.
JSVAL_VOID
the jsval that represents the javascript
value undefined.
... syntax jsval_void description jsval_void is a jsval constant that represents the javascript
value undefined.
JS_AlreadyHasOwnProperty
namelen size_t (in js_alreadyhasownucproperty only) the length of name, in characters; or the special
value (size_t) -1 to indicate that name is null-terminated.
...if an error occurs, the
value left in *foundp is undefined.
JS_CompileFunction
(a new property is defined on obj with the given name and the new function object as its
value.) on success, js_compilefunction and js_compileucfunction return a pointer to the newly compiled function.
... see also mxr id search for js_compilefunction mxr id search for js_compileucfunction jsfun_bound_method jsfun_global_parent js_callfunction js_callfunctionname js_callfunction
value js_decompilefunction js_decompilefunctionbody js_definefunction js_definefunctions js_getfunctionobject js_newfunction js_setbranchcallback js_
valuetofunction bug 1089026 ...
JS_ContextIterator
on success, the
value of *iterp is modified so that repeated calls cycle through all the contexts in rt.
... js_contextiterator returns the new
value of *iterp.
JS_ConvertArgumentsVA
converts a series of js
values, passed in a va_list, to their corresponding jsapi types.
...there should be one pointer for each converted
value.
JS_DefineProperties
the last array element must contain 0-
valued members.
...the initial stored
value of each property created is undefined.
JS_DeleteElement2
otherwise it returns false and the
value of *succeeded is undefined.
...in both these cases, *succeeded will receive the stored
value of the property that was not deleted.
JS_EnterLocalRootScope
there is no need to tell the js engine about each variable that may point to such a
value.
... even if js_gc is // called, these new
values will not be collected.
JS_GetErrorPrototype
this article covers features introduced in spidermonkey 38 return the original
value of error.prototype.
... description js_geterrorprototype returns the original
value of error.prototype from the global object of the current compartment of cx.
JS_GetParent
the initial parent of an object created via the jsapi depends on the particular jsapi function (of which there are many that create objects, including but not limited to js_newobject, js_constructobject, js_defineobject, js_
valuetoobject, js_newarrayobject, js_newscriptobject, js_newfunction, js_compilefunction, js_definefunction, js_definefunctions, and js_initclass).
...if the jsapi function creating the object has a parent parameter, and the application passes a non-null
value to it, then that object becomes the new object's parent.
JS_GetSecurityCallbacks
if callbacks is null, it sets callbacks to default
value.
...if the callbacks are default
value, it returns null see also mxr id search for js_getsecuritycallbacks mxr id search for js_setsecuritycallbacks jsprincipals jscspevalchecker jssubsumesop bug 957688 - removed checkobjectaccess bug 924905 - added subsumes bug 728250 - added -js_getsecuritycallbacks and js_setsecuritycallbacks, removed js_setcontextsecuritycallbacks, js_getruntimesecuritycallbacks, and js_setruntimesecuritycallbacks ...
JS_GetStringBytes
on success, the return
value is a pointer to the char array, which is null-terminated.
...see also js_encodestring js_encodestringtoutf8 js_getstringencodinglength js_encodestringtobuffer js_comparestrings js_getstringlength js_
valuetostring bug 607292 ...
JS_InitClass
these include native c functions for instance finalization, adding and deleting properties, getting and setting property
values, and enumerating, converting, and resolving properties.
...its
value is the constructor function if constructor is non-null, and the prototype object otherwise.
JS_IsIdentifier
on successful, js_isidentifier stores the test result to *isidentifier and returns true, otherwise returns false and the
value of *isidentifier is undefined.
... see also mxr id search for js_isidentifier js_
valuetoid bug 692627 bug 990484 ...
JS_NewContext
8192 is a good default
value.
...the usual
value of 8192 is recommended.
JS_ObjectIsFunction
if js_objectisfunction returns true, js_
valuetofunction will always return non-null.
...note that the result may be false even for some callable objects, such as regular expression objects or proxy objects see also mxr id search for js_objectisfunction js_
valuetofunction js_objectisfunction ...
JS_PreventExtensions
for example, a proxy might refuse to be made non-extensible; this refusal would show up in the post-call
value of *succeeded.
... thus you should always check the return
value of js_preventextensions, and only if that is true check the
value of *succeeded.
JS_PushArguments
description js_pusharguments provides a convenient way to translate a series of native c/c++
values to jsvals with a single function call.
...instances of the following characters, as appropriate: character argument type b jsbool c uint16 (16-bit, unsigned integer) i int32 (32-bit, ecma-compliant signed integer) u uint32 (32-bit, ecma-compliant, unsigned integer) j int32 (32-bit, signed integer) d jsdouble i jsdouble (converted to an integer
value) s char * (c string) s jsstring * (unicode string) w jschar * (unicode null-terminated string) o jsobject * f jsfunction * * none.
JS_ScheduleGC
frequency uint32_t the
value of nextscheduled parameter of gc.
... at this point, if zeal is one of the types that trigger periodic collection, then nextscheduled is reset to the
value of frequency.
JS_SetOptions
this function returns a uint32
value containing the previous
values of the flags.
... to turn individual options on or off, use js_setoptions with js_getoptions: // turn on warnings for dubious practices js_setoptions(cx, js_getoptions(cx) | jsoption_extra_warnings); // turn off those extra warnings js_setoptions(cx, js_getoptions(cx) & ~jsoption_extra_warnings); the options parameter and the return
value are the logical or of zero or more constants from the following table: option description jsoption_extra_warnings warn on dubious practice.
JS_THREADSAFE
for each thread that is in a request: almost any call into the jsapi may trigger garbage collection; but garbage collection does not happen at any other time (such as, for example, at the moment before the return
value of js_newobject is assigned to a rooted variable).
... sharing native functions and private data among threads in a js_threadsafe build, spidermonkey's internal data structures that represent javascript
values are single-thread-only.
PRIVATE_TO_JSVAL
please use js::private
value instead in spidermonkey 45 or later.
... see also mxr id search for private_to_jsval js::private
value bug 952650 bug 1177892 -- removed ...
SpiderMonkey 1.8
use js_newdouble
value.
... the new function js_setextragcroots provides another way to protect
values from garbage collection.
SpiderMonkey 24
these types, with the appropriate parametrizations, can roughly be substituted for plain types of gc things (
values, string/object pointers, etc.).
... new c apis js_getarrayprototype provides access to the original
value of array.prototype.
SpiderMonkey 45
y (bug 1211607) js::newfunctionfromspec (bug 1054756) js::compilefornonsyntacticscope (bug 1165486) js_checkforinterrupt (bug 1058695) js::mapdelete (bug 1159469) js::mapforeach (bug 1159469) js::newsetobject (bug 1159469) js::setsize (bug 1159469) js::sethas (bug 1159469) js::setdelete (bug 1159469) js::setadd (bug 1159469) js::setclear (bug 1159469) js::setkeys (bug 1159469) js::set
values (bug 1159469) js::setentries (bug 1159469) js::setforeach (bug 1159469) js::exceptionstackornull (bug 814497) js::copyasyncstack (bug 1160307) js::getsavedframesource (bug 1216819) js::getsavedframeline (bug 1216819) js::getsavedframecolumn (bug 1216819) js::getsavedframefunctiondisplayname (bug 1216819) js::getsavedframeasynccause (bug 1216819) js::getsavedframeasyncparent (bug 121681...
...pinstringn (bug 1178581) js_internstring renamed to js_atomizeandpinstring (bug 1178581) js_internucstringn renamed to js_atomizeandpinucstringn (bug 1178581) js_internucstring renamed to js_atomizeandpinucstring (bug 1178581) deleted apis js_getcompartmentstats js_seticumemoryfunctions js_isgcmarkingtracer js_ismarkinggray js_idarraylength js_idarrayget js_destroyidarray js_default
value js_getparent js_setparent js::parsepropertydescriptorobject js_deleteproperty2 js_deletepropertybyid2 js_deleteucproperty2 js_deleteelement2 js_newfunctionbyid js_bindcallable js_decompilefunctionbody js_getlatin1internedstringchars js_gettwobyteinternedstringchars js_newdateobjectmsec js_cleardatecaches changed apis js_init has moved from jsapi.h to js/initialization.h js_shu...
TPS Bookmark Lists
a bookmark asset list is an object with one or more key-
value pairs.
... each key is the full path for the array of contents specified in the key's
value.
TPS Formdata Lists
value: required.
... for example: var formdata1 = [ { fieldname: "testing",
value: "success", date: -1 }, { fieldname: "testing",
value: "failure", date: -2 }, { fieldname: "username",
value: "joe" } ]; formdata lists and phase actions you can use the following functions in phase actions for formdata lists: formdata.add formdata.delete formdata.verify formdata.verifynot for an example, see the tps formdata unittest: http://hg.mozilla.org/services/tps/f...st_formdata.js notes note 1, tps supports the delete action for formdata, but sync currently does not correctly sync deleted form data, see bug 564296.
TPS History Lists
an integer
value from one of the transition types listed at https://developer.mozilla.org/en/nsinavhistoryservice#constants.
...there are three different types: to delete all references to a specific page from history, use an object with a uri property to delete all references to all pages from a specific host, use an object with a host property to delete all history in a certain time period, use an object with begin and end properties, which should have integer
values that express time since the present in hours (see date above) for example: var history_to_delete = [ { uri: "http://www.cnn.com/" }, { begin: -24, end: -1 }, { host: "www.google.com" } ]; history lists and phase actions history lists cannot be modified, they can only be added, deleted, and verified, using the following functions: history.add history.delete history.verify history.ver...
TPS Pref Lists
a prefs asset list is an array of objects with name and
value keys, representing browser preferences.
... for example: var prefs1 = [ { name: "browser.startup.homepage",
value: "http://www.getfirefox.com" }, { name: "browser.urlbar.maxrichresults",
value: 20 }, { name: "browser.tabs.autohide",
value: true } ]; pref lists and phase actions the only actions supported for preference asset lists are modify and verify: prefs.modify prefs.verify sync only syncs certain preferences.
TPS Tests
you can sign up for an fxa account on stage or dev by creating an fxa account after adding the identity.fxaccounts.autoconfig.uri preference (with the appropriate
value) to about:config.
...this will cause tps to set the firstsync pref to the relevant
value before syncing, so that the described actionwill take place logger.loginfo(msg) logs the given message to the tps log.
WebReplayRoadmap
aggregate call graph and data flow (not yet implemented) when developing a complex web app it is often hard to find where a function is called, the callees at a call site, where some data in an object came from or where it is used, or what type a
value has.
... while different jits optimize code in different ways, for peak performance they all require code to operate on
values of consistent types: primitive types, including int32 vs.
Setting up an update server
ands, substituting <obj dir>, <mar output path>, <version> and <channel> appropriately: ./mach package touch "<obj dir>/dist/firefox/precomplete" mar="<obj dir>/dist/host/bin/mar.exe" moz_product_version=<version> mar_channel_id=<channel> ./tools/update-packaging/make_full_update.sh <mar output path> "<obj dir>/dist/firefox" for a local build, <channel> can be default, and <version> can be the
value from browser/config/version.txt (or something arbitrarily large like 2000.0a1).
... <?xml version="1.0" encoding="utf-8"?> <updates> <update type="minor" displayversion="2000.0a1" appversion="2000.0a1" platformversion="2000.0a1" buildid="21181002100236"> <patch type="complete" url="http://127.0.0.1:8000/<mar name>" hashfunction="sha512" hash
value="<hash>" size="<size>"/> </update> </updates> if you've downloaded the mar you're using, you'll find the sha512
value in a file called sha512sums in the root of the release directory on archive.mozilla.org for a release or beta build (you'll have to search it for the file name of your mar, since it includes the sha512 for every file that's part of that release), and for a nightly build you'l...
History Service Design
relevance calculation: maintain and expire frecency
values for pages.
... queries can act on a variety of datas, coming from all dependant services, so it is possible to query history, bookmarks or both, also with
values coming from other services like tags, annotations.
Places Developer Guide
}, onendupdatebatch: function() { this._inbatch = false; }, onitemadded: function(id, folder, index) { }, onitemremoved: function(id, folder, index) { }, onitemchanged: function(id, property, isannotationproperty,
value) { // isannotationproperty is a boolean
value that is true of the changed property is an annotation.
... getservice(ci.nsinavhistoryservice); let observer = { onbeginupdatebatch: function() { }, onendupdatebatch: function() { }, onvisit: function(auri, avisitid, atime, asessionid, areferringid, atransitiontype) { }, ontitlechanged: function(auri, apagetitle) { }, ondeleteuri: function(auri) { }, onclearhistory: function() { }, onpagechanged: function(auri, awhat, a
value) { }, onpageexpired: function(auri, avisittime, awholeentry) { }, queryinterface: function(iid) { if (iid.equals(components.interfaces.nsinavhistoryobserver) || iid.equals(components.interfaces.nsisupports)) { return this; } throw cr.ns_error_no_interface; } }; history.addobserver(observer, false); new tagging service the tagging of uris is provided by nsitag...
Creating a Python XPCOM component
defining the interface make a file named "nsipysimple.idl" to define the interface: #include "nsisupports.idl" [scriptable, uuid(2b324e9d-a322-44a7-bd6e-0d8c83d94883)] interface nsipysimple : nsisupports { attribute string yourname; void write( ); void change(in string a
value); }; this is the same as the nsisimple interface used here.
... # _reg_clsid_ = "{a new clsid generated for this object}" # _reg_contractid_ = "the.object.name" def get_
value( self ): # result: string pass def set_
value( self, param0 ): # result: void - none # in: param0: string pass as you can see, the output is valid python code, with basic signatures and useful comments for each of the methods.
How to build an XPCOM component in JavaScript
category: "some-category", // optional, defaults to the object's classdescription entry: "entry name", // optional, defaults to the object's contractid (unless 'service' is specified)
value: "...", // optional, defaults to false.
... when set to true, and only if '
value' is not // specified, the concatenation of the string "service," and the object's contractid // is passed as a
value parameter of addcategoryentry.
Building the WebLock UI
in this tutorial, focusing as it is on the weblock functionality (rather than the ui), we'll assume the strings we get from the ui itself are urls we actually want to write to the white list: function addthissite() { var tf = document.getelementbyid("dialog.input"); // weblock is global and declared above weblock.addsite(tf.
value); } this javascript function can be called directly from the xul widget, where the input string is retrieved as the
value property of the textbox element.
... the xul that defines the radiogroup in the web lock manager dialog is this: <radiogroup> <radio label="lock"/> <radio label="unlock" selected="true"/> </radiogroup> since the weblock component always starts up in the unlocked position, you can add the selected="true" attribute and
value on the unlock radio button and reset it dynamically as the user takes action.
Components.Exception
these exception objects may be thrown when implementing xpcom interfaces in javascript, and they can provide better diagnostics in the error console if not caught than simply throwing an nsresult's
value will.
... syntax var exception = [ new ] components.exception([ message [, result [, stack [, data ] ] ] ]); parameters message a string which can be displayed in the error console when your exception is thrown or in other developer-facing locations, defaulting to 'exception' result the nsresult
value of the exception, which defaults to components.results.ns_error_failure stack an xpcom stack to be set on the exception (defaulting to the current stack chain) data any additional data you might want to store, defaulting to null example throw components.exception("i am throwing an exception from a javascript xpcom component."); ...
Components.returnCode
components.returncode is a property which can hold an xpcom return code additionally to the
value returned by the return statement.
...however, there are a very few xpcom interfaces that specify success code return
values.
Components.utils.createObjectIn
return
value a new object in the specified scope.
... example to create a new object in the scope of a specified dom window, you can simply do: function genpropdesc(
value) { return { enumerable: true, configurable: true, writable: true,
value:
value }; } var myobject = components.utils.createobjectin(mywindow); var proplist = { name: genpropdesc("name"), date: genpropdesc("date"), id: genpropdesc("id"), func: genpropdesc(function() { alert("called func!"); }) }; object.defineproperties(myobject, proplist); components.utils.makeobjectpropsnormal(myobject); this sets up the new object in the scope of the object mywindow, then adds properties by calling object.defineproperties(), then normalizes them by calling components.utils.makeobjectpropsnormal().
Components.utils.exportFunction
if this is omitted, you need to assign the return
value of exportfunction() to an object in the target scope.
...suppose the content window defines a local variable bar: // page-script.js var bar = {}; now the add-on script can attach the function to bar: // addon-script.js components.utils.exportfunction(greetme, contentwindow.bar, {defineas: "greetme"}); // page-script.js var
value = bar.greetme("bob"); console.log(
value); // "hello bob" ...
Components.utils.import
return
value the module's global object.
... use of the return
value is discouraged since it grants access to the module's internal properties which are not part of its public api.
XPCShell Reference
-v version this allows you to specify a specific version of js to use, and should be set to an integral
value specified by the jsversion enumerated type.
...for example, if you created anobject with a property named
value and then called clear(anobject), the property
value would no longer exist.
XPCshell Test Manifest Expressions
operators in order of decreasing precedence: () == != && || literal
values booleans: the literal strings true and false.
...there are a fixed set of variables provided by the test harness via mozinfo.py, with many of the
values initialized at configure time by writemozinfo.py which writes mozinfo.json into the root of the build directory.
NS_InitXPCOM2
you may pass null if you are not interested in this return
value.
... return
values the ns_initxpcom2 function returns ns_ok if successful.
NS_InitXPCOM3
you may pass null if you are not interested in this return
value.
... return
values the ns_initxpcom3 function returns ns_ok if successful.
Core XPCOM functions
.ns_newnativelocalfilethe ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.ns_reallocreallocates a block of memory using the xpcom memory manager.ns_shutdownxpcomthe ns_shutdownxpcom function terminates use of xpcom in the calling process.nsresultthe nsresult data type is a strongly-typed enum used to represent a
value returned by an xpcom function; these are typically error or status codes.
... for a list of defined result
values, see error codes returned by mozilla apis.
NS_ConvertASCIItoUTF16
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
NS_ConvertUTF16toUTF8
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
NS_ConvertUTF8toUTF16
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
NS_LossyConvertUTF16toASCII
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsAutoString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsCAutoString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source paramete...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsCString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsFixedCString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsFixedString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
GetGlobalMemoryService
static nsimemory* getglobalmemoryservice(); return
values this function returns nsnull if the global memory manager does not exist or could not be initialized.
... remarks this function returns the same
value as the ns_getmemorymanager function.
nsPromiseFlatCString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsPromiseFlatString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsXPIDLCString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nscstring&, pruint32, pruint32) const - source parameters nscstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nscstring&, pruint32) const - source parameters nscstring& aresult pruint32 aco...
... replacechar void replacechar(char, char) - source swaps occurence of 1 string for another parameters char aoldchar char anewchar void replacechar(const char*, char) - source parameters char* aset char anewchar replacesubstring void replacesubstring(const nscstring&, const nscstring&) - source parameters nscstring& atarget nscstring& anew
value void replacesubstring(const char*, const char*) - source parameters char* atarget char* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
nsXPIDLString
@param aerrorcode will contain error if one occurs @return float rep of string
value parameters print32* aerrorcode tointeger print32 tointeger(print32*, pruint32) const - source parameters print32* aerrorcode pruint32 aradix mid pruint32 mid(nsstring&, pruint32, pruint32) const - source parameters nsstring& aresult pruint32 astartpos pruint32 acount left pruint32 left(nsstring&, pruint32) const - source parameters nsstring& aresult pruint32 acount ...
... replacechar void replacechar(prunichar, prunichar) - source swaps occurence of 1 string for another parameters prunichar aoldchar prunichar anewchar void replacechar(const char*, prunichar) - source parameters char* aset prunichar anewchar replacesubstring void replacesubstring(const nsstring&, const nsstring&) - source parameters nsstring& atarget nsstring& anew
value void replacesubstring(const prunichar*, const prunichar*) - source parameters prunichar* atarget prunichar* anew
value trim void trim(const char*, prbool, prbool, prbool) - source this method trims characters found in atrimset from either end of the underlying string.
amIWebInstallListener
return
value true if the caller should start the installs.
... return
value true if the caller should start the installs.
amIWebInstaller
return
value true if the installation was successfully started.
... return
value true if installation is enabled.
mozIStorageError
result long one of the error code
values listed under constants on this page.
... constants constant
value description error 1 general sql error, or missing database ioerr 10 a disk i/o error occurred.
mozIStoragePendingStatement
return
value in versions of gecko prior to gecko 1.9.2, this returned a boolean
value that was true if the query was canceled successfully or false if not.
... starting with gecko 1.9.2, this information is no longer provided and the method doesn't return a
value.
mozIStorageProgressHandler
return
value return true to abort the request or false to allow it to continue.
...mozistorage
valuearray wraps an array of sql
values, such as a result row.
mozIStorageStatementCallback
last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) inherits from: nsisupports method overview void handlecompletion(in unsigned short areason); void handleerror(in mozistorageerror aerror); void handleresult(in mozistorageresultset aresultset); constants constant
value description reason_finished 0 the statement has finished executing normally.
... void handlecompletion( in unsigned short areason ); parameters areason the reason the statement stopped executing; see the list of possible
values in the constants section.
mozIStorageStatementWrapper
the
value of this is only valid while the statement is still executing, and is still on the appropriate row.
...return
value returns true if the stepping the wrapped statement was successful, otherwise returns false.
nsIAccessibleEvent
eventtype unsigned long the type of event, based on the enumerated event
values defined in this interface.
... event_
value_change 0x800e 0x000d 0x000a an object's
value property has changed.
nsIAccessibleStates
constant
value description state_unavailable 0x00000001 the object is unavailable, that is disabled.
... state_checkable state_marqueed extended state constants extended state flags (for now non-msaa, for java and gnome/atk support) constant
value description ext_state_supports_autocompletion 0x00000001 for editable areas that have any kind of auto completion.
nsIApplicationUpdateService
return
value a string indicating the status of the update upon return: "downloading" the update is being downloaded.
... return
value an nsiupdate object indicating the most appropriate update to install.
nsIAsyncStreamCopier
a null
value is permitted and causes the copy to occur on an unspecified background thread.
...this
value should match the segment size of any buffered streams involved in the operation.
nsIAutoCompleteItem
comment wstring an extra comment that will be displayed next to the
value but that will not be part of the
value itself.
...
value astring the result
value using astring to avoid excess allocations.
nsIBidiKeyboard
(supported on: win32, mac, gtk2) note: prior to gecko 1.9 this method used a parameter 'out prbool aisrtl' to return the
value.
...return
value true if the current keyboard is right-to-left, false if it is not.
nsICacheVisitor
return
value returns true to start visiting all entries for this device, otherwise returns false to advance to the next device.
... return
value returns true to visit the next entry on the current device, or if the end of the device has been reached, advance to the next device, otherwise returns false to advance to the next device.
nsICommandLineHandler
the entries in this category are read in alphabetical order, and each category
value is treated as a service contract id implementing this interface.
...example: category entry
value command-line-handler b-jsdebug @mozilla.org/venkman/clh;1 command-line-handler c-extensions @mozilla.org/extension-manager/clh;1 command-line-handler m-edit @mozilla.org/composer/clh;1 command-line-handler m-irc @mozilla.org/chatzilla/clh;1 command-line-handler y-final @mozilla.org/browser/clh-final;1 method overview void handle(in nsicommandline acommandline); attributes attribute type description helpinfo autf8string when the application is la...
nsIContentPrefCallback2
by nsicontentprefservice2 methods 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) method overview void handlecompletion(in unsigned short reason); void handleerror(in nsresult error); void handleresult(in nsicontentpref pref); constants constant
value description complete_ok 0 complete_error 1 methods handlecompletion() called when the method finishes.
...void handlecompletion( in unsigned short reason ); parameters reason one of the complete_*
values indicating the manner in which the method completed.
nsIContentSniffer
return
value the content type.
... let charset = "iso-8859-1"; try { // this pref has been removed, see bug 910192 charset = services.prefs.getcomplex
value("intl.charset.default", ci.nsipreflocalizedstring).data; } catch (e) { } let conv = cc["@mozilla.org/intl/scriptableunicodeconverter"] .createinstance(ci.nsiscriptableunicodeconverter); conv.charset = charset; try { let str = conv.convertfrombytearray(adata, alength); if (str.substring(0, 5) == "%pdf-") return "application/pdf"; // we detected a pdf file } catch (e) { // try to get information from arequest } ...
nsIController
return
value return true if the specified command is currently available to be used; otherwise, it should return false.
... return
value true if the specified command is supported; otherwise false.
nsIConverterOutputStream
a
value of 0 means that no bytes will be buffered.
...a
value of 0x0000 will cause an exception to be thrown upon attempts to write unsupported characters.
nsIDBChangeListener
the calling function stores the
value of astatus, changes the header ahdrtochange, then calls onhdrpropertychanged again with aprechange false.
... on this second call, the stored
value of astatus is provided, so that any changes may be noted.
nsIDOMHTMLTimeRanges
return
value the time at which the specified range ends, in seconds measured from the beginning of the timeline represented by the object.
... return
value the time at which the specified range starts, in seconds measured from the beginning of the timeline represented by the object.
nsIDOMOrientationEvent
the
values of x, y, and z can range from -1 to 1, where 0 means the device is balanced on that axis.
... see accelerometer
values explained for details.
nsIDOMParser
these
values are automatically determined as defined below, but if you work with domparser from privileged code, you can override the defaults by providing arguments to the domparser constructor or calling parser.init().
... cases where these
values matter: if you don't specify the document uri by calling init() after creating the parser via createinstance() the created documents will use a moz-nullprincipal:{<guid>} uri, which will show in the error console in parsing errors, in particular.
nsIDOMProgressEvent
if the total size is unknown, this
value is zero.
...must be a non-negative
value.
nsIDOMStorageEventObsolete
if the
value of the domain attribute is "#session", then the session storage has changed.
... method overview void initstorageevent(in domstring typearg, in boolean canbubblearg, in boolean cancelablearg, in domstring keyarg, in domstring old
valuearg, in domstring new
valuearg, in domstring urlarg, in nsidomstorage storageareaarg); attributes attribute type description domain domstring the domain of the storage area which changed, or "#session" if the event represents a change to session storage.
nsIDOMStorageManager
return
value the local storage object for the specified principal.
... return
value the space usage of the domain, in bytes.see also offline apps dom storage structured client-side storage (html 5 specification) ...
nsIDOMWindow
nsidomcssstyledeclaration getcomputedstyle( in nsidomelement elt, in domstring pseudoelt optional ); parameters elt pseudoelt optional return
value getselection() returns the nsiselection object indicating what if any content is currently selected in the window.
... return
value the nsiselection object for the window.
nsIDOMXULSelectControlElement
inherits from: nsidomxulcontrolelement last changed in gecko 1.9 (firefox 3) method overview nsidomxulselectcontrolitemelement appenditem(in domstring label, in domstring
value); long getindexofitem(in nsidomxulselectcontrolitemelement item); nsidomxulselectcontrolitemelement getitematindex(in long index); nsidomxulselectcontrolitemelement insertitemat(in long index, in domstring label, in domstring
value); nsidomxulselectcontrolitemelement removeitemat(in long index); attributes attribute type description itemcount unsigned long read only.
... selectedindex long selecteditem nsidomxulselectcontrolitemelement
value domstring methods appenditem() nsidomxulselectcontrolitemelement appenditem( in domstring label, in domstring
value ); parameters label
value return
value getindexofitem() long getindexofitem( in nsidomxulselectcontrolitemelement item ); parameters item return
value getitematindex() nsidomxulselectcontrolitemelement getitematindex( in long index ); parameters index return
value insertitemat() nsidomxulselectcontrolitemelement insertitemat( in long index, in domstring label, in domstring
value ); parameters index label
value return
value removeitemat() nsidomxulselectcontrolitemelement removeitemat( in long index ); parameters index return
value ...
nsIDialogParamBlock
return
value the previously set integer, or 0 if no integer has been previously set at that index.
... return
value the string at the given index, or the empty string if no string has previously been set at that index.
nsIDirectoryServiceProvider
return
value the nsifile represented by the property.
... example this code creates a global, read-only string called currdir with the
value of the current working directory.
nsIDocumentLoader
return
value isbusy() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) boolean isbusy(); parameters none.
... return
value stop() void stop(); parameters none.
nsIDownloadManagerUI
constants constant
value description reason_user_interacted 0 when opening the download manager user interface, this
value indicates that it's being done at the user's request.
... reason_new_download 1 when opening the download manager user interface, this
value indicates that the user interface is being displayed because a new download is being started.
nsIDragService
vent adragevent, in nsidomdatatransfer adatatransfer); void invokedragsessionwithselection(in nsiselection aselection, in nsisupportsarray atransferablearray, in unsigned long aactiontype, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer); void startdragsession( ) ; void suppress(); void unsuppress(); constants constant
value description dragdrop_action_none 0 no action.
... return
value the current drag session, or null if no drag is in progress.
nsIErrorService
return
value the url of the string bundle registered for that module.
... return
value the key to use to retrieve the error string from the nsresult's module's string bundle.
nsIEventListenerInfo
return
value if jsdidebuggerservice is active and the listener is implemented in js, this returns the listener as a jsdi
value.
...return
value returns a string describing the event listener, or null if serialization isn't possible (for example, if the listener was written in c++).
nsIEventTarget
obsolete since gecko 1.9 constants dispatch flags constant
value description dispatch_normal 0 this flag specifies the default mode of event dispatch, whereby the event is simply queued for later processing.
...return
value returns true if events dispatched to this event target will run on the current thread (that is, the thread calling this method).
nsIExternalHelperAppService
return
value true if data from urls with the specified extension and encoding should be decoded prior to saving the file or delivering it to a helper application; otherwise false.
... return
value a nsistreamlistener which the caller should pump the data into.
nsIFileInputStream
inherits from: nsiinputstream last changed in gecko 1.7 method overview void init(in nsifile file, in long ioflags, in long perm, in long behaviorflags); constants constant
value description delete_on_close 1<<1 if this is set, the file will be deleted by the time the stream is closed.
...if set to -1 the default
value 0 will be used.
nsIFileStreams
last changed in gecko 1.9 (firefox 3) inherits from: nsisupports method overview void init(in nsifile file, in long ioflags, in long perm, in long behaviorflags); constants constants
value description delete_on_close 1<<1 if this is set, the file will be deleted by the time the stream is closed.
... perm file mode bits listed in prio.h or -1 to use the default
value (0).
nsIFrameMessageListener
sync a boolean
value indicating whether or not the message should be handled synchronously.
... when the listener is called, the this
value is the target of the message.
nsIGSettingsCollection
1.0 66 introduced gecko 6.0 inherits from: nsisupports last changed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview boolean getboolean(in autf8string key); long getint(in autf8string key); autf8string getstring(in autf8string key); void setboolean(in autf8string key, in boolean
value); void setint(in autf8string key, in long
value); void setstring(in autf8string key, in autf8string
value); methods getboolean() boolean getboolean( in autf8string key ); parameters key return
value getint() long getint( in autf8string key ); parameters key return
value getstring() autf8string getstring( in autf8string key ); parameters key return
value setboolean() vo...
...id setboolean( in autf8string key, in boolean
value ); parameters key
value setint() void setint( in autf8string key, in long
value ); parameters key
value setstring() void setstring( in autf8string key, in autf8string
value ); parameters key
value ...
nsIHapticFeedback
nsihapticfeedback); once you have the service, you can initiate haptic feedback (that is, cause the device to vibrate, if it's supported) by calling performsimpleaction(): hapticfeedback.performsimpleaction(components.interfaces.nsihapticfeedback.longpress); method overview void performsimpleaction(in long islongpress); constants press length constants constant
value description shortpress 0 specify as the action type to perform a short vibration.
...see press length constants for permitted
values.
nsIJSCID
return
value getservice() nsisupports getservice(); parameters none.
... return
value see also see components.classes for usage patterns of the createinstance() and getservice() methods.
nsIJumpListItem
constants constant
value description jumplist_item_empty 0 empty list item.
... return
value true if items are the same, otherwise false ...
nsILoginMetaInfo
this data can usually be ignored by most users of the login manager, which will create and maintain appropriate default
values.
... 1.0 66 introduced gecko 1.9.1 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) you can specifically modify these
values by passing changes into nsiloginmanager.modifylogin() using an nsipropertybag2 object as the input.
nsIMemoryReporterManager
return
value an enumerator of nsimemorymultireporters that are currently registered.
...return
value an nsisimpleenumerator for enumerating installed memory reporters.
nsIMsgRuleAction
throws an exception if the action is not priority attribute nsmsgpriority
value priority; // target folder..
...throws an exception if the action is not label attribute nsmsglabel
value label; // junkscore throws an exception if the action type is not junkscore attribute long junkscore; attribute autf8string str
value; // action id if type is custom attribute acstring customid; // custom action associated with customid // (which must be set prior to reading this attribute) readonly attribute nsimsgfiltercustomaction customaction; }; ...
nsINavHistoryResultViewObserver
void oncycleheader(in nsitreecolumn column); void oncyclecell(in long row, in nsitreecolumn column); void onselectionchanged(); void onperformaction(in wstring action); void onperformactiononrow(in wstring action, in long row); void onperformactiononcell(in wstring action, in long row, in nsitreecolumn column); constants constant
value description drop_before -1 the drag operation wishes to insert the dragged item before the indicated row.
... return
value return true if the drop is permitted or false if it isn't.
nsIPipe
segmentsize specifies the segment size in bytes (pass 0 to use default
value) segmentcount specifies the max number of segments (pass 0 to use default
value).
...the default
value for this parameter is a finite
value.
nsIPrefBranch2
asubject.get*pref(adata) will get the new
value of the modified preference.
...these cycles generally occur because an object both registers itself as an observer (causing the branch to hold a reference to the observer) and holds a reference to the branch object for the purpose of getting/setting preference
values.
nsIPrompt
method overview void alert(in wstring dialogtitle, in wstring text); void alertcheck(in wstring dialogtitle, in wstring text, in wstring checkmsg, inout boolean check
value); boolean confirm(in wstring dialogtitle, in wstring text); boolean confirmcheck(in wstring dialogtitle, in wstring text, in wstring checkmsg, inout boolean check
value); print32 confirmex(in wstring dialogtitle, in wstring text, in unsigned long buttonflags, in wstring button0title, in wstring button1title, in wstring button2title, in wstring checkm...
...sg, inout boolean check
value); boolean prompt(in wstring dialogtitle, in wstring text, inout wstring
value, in wstring checkmsg, inout boolean check
value); boolean promptpassword(in wstring dialogtitle, in wstring text, inout wstring password, in wstring checkmsg, inout boolean check
value); boolean promptusernameandpassword(in wstring dialogtitle, in wstring text, inout wstring username, inout wstring password, in wstring checkmsg, inout boolean check
value); boolean select(in wstring dialogtitle, in wstring text, in pruint32 count, [array, size_is(count)] in wstring selectlist, out long outselection); constants the button flags defined in nsiprompt are the same as those defined in nsipromptservice.constants.
nsIPropertyBag
methods getproperty() get a property
value for the given name.
... return
value the property matching the given name.
nsIRadioInterfaceLayer
speakerenabled bool constants call state constants constant
value description call_state_unknown 0 call_state_dialing 1 call_state_alerting 2 call_state_busy 3 call_state_connecting 4 call_state_connected 5 call_state_holding 6 call_state_held 7 call_state_resuming 8 call_state_disconnecting 9 call_state_disconnected 10 call_state_incoming 11 datacall_state_unknown 0 datacall_state_connecting 1 datacall_s...
... return
value unsigned short.
nsISHistory
when the document finishes loading the
value -1 is returned.
...nsishentry getentryatindex( in long index, in boolean modifyindex ); parameters index the index
value whose entry is requested.
nsIScreenManager
return
value the nsiscreen instance for the native widget pointer.
... return
value the nsiscreen containing the majority of the rectangle's area.
nsIScriptError
flag constants constant
value description errorflag 0x0 error messages.
... return
value a string representing the error message described by the nsiscripterror object.
nsIScriptableUnescapeHTML
return
value an nsidomdocumentfragment of the element with the new text appended.
... return
value the result of the plain text conversion.
nsISelection
return
value whether or not the range contains the requested noe.
...nsidomrange getrangeat( in long index ); parameters index return
value the nsidomrange requested modify() modifies the selection.
nsISelectionImageService
inherits from: nsisupports last changed in gecko 1.7 method overview void getimage(in short selection
value, out imgicontainer container); void reset(); methods getimage() retrieve the image for alpha blending.
... void getimage( in short selection
value, out imgicontainer container ); parameters selection
value container reset() the current image is marked as invalid.
nsIServiceManager
return
value true if the service has already been created.
... return
value true if the service has already been created.
nsISessionStartup
constants session type constants constant
value description no_session 0 there's no data available from the previous session.
...return
value true if the session should be restored, otherwise false.
nsISimpleEnumerator
return
value ns_ok if the call succeeded in returning a non-null
value through the out parameter.
...return
value pr_true if there are remaining elements in the enumerator.
nsIStringEnumerator
return
value the next string in the enumerator.
...return
value true if there are remaining strings in the enumerator.
nsIStyleSheetService
"] .getservice(components.interfaces.nsistylesheetservice); method overview void loadandregistersheet(in nsiuri sheeturi, in unsigned long type); boolean sheetregistered(in nsiuri sheeturi, in unsigned long type); void unregistersheet(in nsiuri sheeturi, in unsigned long type); constants constant
value description agent_sheet 0 user_sheet 1 author_sheet 2 methods loadandregistersheet() synchronously loads a style sheet from sheeturi and adds it to the list of user or agent style sheets.
... return
value returns true if a style sheet at sheeturi has previously been added to the list of style sheets specified by type.
nsISupports
return
value an integer
value that is generally ignored.
...return
value an integer
value that is generally ignored.
nsISupportsCString
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsInterfacePointer
methods tostring() returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRInt16
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRInt32
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRInt64
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRUint16
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRUint32
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRUint64
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsPRUint8
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsISupportsString
methods tostring() this methods returns a string
valued representation of the object.
...return
value a string
valued representation of the object.
nsITXTToHTMLConv
method overview void preformathtml(in boolean
value); void settitle(in wstring text); prior versions of the interface named the methods using the initialcaps style instead of the intercaps style.
...void preformathtml( in boolean
value ); parameters
value true to wrap the resulting html in a <pre> block.
nsITaggingService
return
value returns array of uris tagged with atag.
... return
value returns array of tags (sorted by name).
nsITaskbarPreview
note: changing this
value is computationally expensive for tab previews, because doing so causes the proxy window to be destroyed and rebuilt, then re-registered with the taskbar.
...for window previews, changing this
value is computationally trivial.
nsITaskbarTabPreview
return
value the hwnd for the preview's proxy window.
...a
value of null indicates that this preview should be the rightmost one.
nsITextInputProcessorNotification
see type
values below.
... this is typically notified when user clicks somewhere, focus is moved, or web contents modify the
value of the editor during composition.
nsIThreadManager
return
value the nsithread matching the specified prthread, or null if there is no matching nsithread.
... return
value the newly created nsithread.
nsITransportEventSink
aprogress the amount of data either read or written depending on the
value of the status code.
... this
value is relative to aprogressmax.
nsITreeContentView
return
value a non-negative integer row index if the row was found within the tree.
...nsidomelement getitematindex( in long index ); parameters index the row index for which to get the item return
value the nsidomelement item.
nsIURL
bar/ ftp://foo.com/bar/b.html ftp://foo.com/bar/ http://foo.com/a.htm#i http://foo.com/b.htm http://foo.com/ ftp://foo.com/c.htm#i ftp://foo.com/c.htm ftp://foo.com/c.htm file:///a/b/c.html file:///d/e/c.html file:/// autf8string getcommonbasespec( in nsiuri auritocompare ); parameters auritocompare a uri to compare with return
value the common uri portion getrelativespec() this method takes a uri and returns a substring of this if it can be made relative to the uri passed in.
...autf8string getrelativespec( in nsiuri auritocompare ); parameters auritocompare a uri to compare with return
value the common uri portion see also code snippets:uri parsing nsistandardurl ...
nsIURLParser
out parameters of the methods are all optional (that is the caller may pass-in a null
value if the corresponding results are not needed).
... signed out parameters may hold a
value of -1 if the corresponding result is not part of the string being parsed.
nsIUTF8StringEnumerator
return
value the next string in the enumerator.
...return
value true if there are remaining strings in the enumerator, otherwise false.
nsIUpdateChecker
1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void checkforupdates(in nsiupdatechecklistener listener, in boolean force); void stopchecking(in unsigned short duration); constants constant
value description current_check 1 constant for the stopchecking() method indicating that only the current update check should be stopped.
...force if true, the update checker checks for updates, regardless of the current
value of the user's update settings.
nsIUpdatePatch
hash
value astring the
value of the hash function named in hashfunction that should be computed if the file is not corrupt.
... return
value the patch object serialized into an nsidomelement.
nsIUpdateTimerManager
in order to avoid having to instantiate a component to call the registertimer() method, the component can instead register an update-timer category with comma-separated
values as a single string representing the timer, like this: _xpcom_categories: [{ category: "update-timer",
value: "contractid," + "method," + "id," + "preference," + "interval" }], this allows you to schedule the timer without actually having to instantiate t...
...the
values are: contractid the component's contract id.
nsIUploadChannel
in the case of http, if this parameter is non-empty, then its
value will replace any existing content-type header on the http request.
...acontentlength a
value of -1 indicates that the length of the stream should be determined by calling the stream's available method.
nsIWebBrowserChrome2
null is an acceptable
value meaning no status.
...this
value can be null if there is no context.
nsIWebPageDescriptor
constants display type constants constant
value description display_as_source 0x0001 generates an optionally syntax-highlighted (for xml/html documents) source of the original page.
...adisplaytype the display type to use when displaying the loaded page; see display type constants for possible
values.
nsIWebProgress
constant
value description notify_state_request 0x00000001 only receive the nsiwebprogresslistener.onstatechange() event if the astateflags parameter includes nsiwebprogresslistener::state_is_request.
... constant
value description notify_progress 0x00000010 receive nsiwebprogresslistener.onprogresschange() events.
nsIXFormsModelElement
extensions/xforms/nsixformsmodelelement.idlscriptable defines scriptable methods for manipulating instance data and updating computed and displayed
values.
... return
value an nsidomdocument.
nsIXULRuntime
this
value should almost always be used in combination with os.
... constants process type constants constant
value description process_type_default 0 the default (chrome) process.
nsIZipReaderCache
return
value the nsizipreader for the given zip file.
... return
value the nsizipreader for the given zip file.
nsMsgSearchScope
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl [scriptable, uuid(6e893e59-af98-4f62-a326-0f00f32147cd)] interface nsmsgsearchscope { const nsmsgsearchscope
value offlinemail = 0; const nsmsgsearchscope
value offlinemailfilter = 1; const nsmsgsearchscope
value onlinemail = 2; const nsmsgsearchscope
value onlinemailfilter = 3; /// offline news, base table, no body or junk const nsmsgsearchscope
value localnews = 4; const nsmsgsearchscope
value news = 5; const nsmsgsearchscope
value newsex = 6; const nsmsgsearchscope
value ldap = 7; const nsmsgsearchscope
value localab = 8; const nsmsgsearchscope
value allsearchablegroups = 9; const nsmsgsearchscope
value newsfilter = 10; const nsmsgsearchscope
value localaband = 11; const nsmsgsearchscopeval...
...ue ldapand = 12; // imap and news, searched using local headers const nsmsgsearchscope
value onlinemanual = 13; /// local news + junk const nsmsgsearchscope
value localnewsjunk = 14; /// local news + body const nsmsgsearchscope
value localnewsbody = 15; /// local news + junk + body const nsmsgsearchscope
value localnewsjunkbody = 16; }; ...
NS ENSURE SUCCESS
summary macro returns return-
value if ns_failed(nsresult) evaluates to true, and shows a warning on stderr in that case.
... syntax ns_ensure_success(nsresult, return-
value); usage nsresult mozmyclass::mozstringmucking() { nsresult rv = ns_cstringcopy(mdeststring, msrcstring); ns_ensure_success(rv, rv); // this is the same as doing: nsresult rv = ns_cstringcopy(mdeststring, msrcstring); if (ns_failed(rv)) return rv; return ns_ok; } ...
NS ENSURE TRUE
summary macro returns return-
value if expr evaluates to false.
... syntax ns_ensure_true( expr, return-
value ); usage nsresult mozmyclass::mozstringmucking() { char *foo = new char[123]; ns_ensure_true(foo, ns_error_out_of_memory); // this is equivalent to doing: if (!foo) return ns_error_out_of_memory; // thou shalt not return ns_error_failure..
XPCOM primitive
an xpcom primitive is an xpcom object that "boxes" a
value of a primitive type.
...the main use case is to store primitive
values in a data structure that can only store xpcom objects, such as nsiarray.
NS_CStringAppendData
« xpcom api reference summary the ns_cstringappenddata function appends data to the existing
value of a nsacstring instance.
... return
values the ns_cstringappenddata function returns ns_ok if successful.
NS_CStringGetMutableData
return
values this function returns the number of characters contained in the string's internal buffer (excluding any null-terminator).
... this
value will be zero if the function failed to resize its internal buffer to the size requested.
NS_CStringInsertData
« xpcom api reference summary the ns_cstringinsertdata function appends data to the existing
value of a nsacstring instance.
... return
values the ns_cstringinsertdata function returns ns_ok if successful.
NS_StringAppendData
« xpcom api reference summary the ns_stringappenddata function appends data to the existing
value of a nsastring instance.
... return
values the ns_stringappenddata function returns ns_ok if successful.
NS_StringInsertData
« xpcom api reference summary the ns_stringinsertdata function appends data to the existing
value of a nsacstring instance.
... return
values the ns_stringinsertdata function returns ns_ok if successful.
nsMsgViewSortOrder
for example to sort by date you would pass a function the
value: components.interfaces.nsmsgviewsortorder.ascending mailnews/base/public/nsimsgdbview.idlscriptable please add a summary to this article.
... last changed in gecko 1.9 (firefox 3) constants name
value description none 0 ascending 1 descending 2 ...
nsMsgViewSortType
for example to sort by date you would pass a function the
value: components.interfaces.nsmsgviewsorttype.bydate mailnews/base/public/nsimsgdbview.idlscriptable please add a summary to this article.
... last changed in gecko 1.9 (firefox 3) constants name
value description bynone 0x11 not sorted bydate 0x12 bysubject 0x13 byauthor 0x14 byid 0x15 bythread 0x16 bypriority 0x17 bystatus 0x18 bysize 0x19 byflagged 0x1a byunread 0x1b byrecipient 0x1c bylocation 0x1d bytags 0x1e byjunkstatus 0x1f byattachments 0x20 byaccount 0x21 bycustom 0x22 byreceived 0x23 ...
Using nsISimpleEnumerator
using nsisimpleenumerator <stringbundle>.strings var enumerator = document.getelementbyid('astringbundleid').strings; var s = ""; while (enumerator.hasmoreelements()) { var property = enumerator.getnext().queryinterface(components.interfaces.nsipropertyelement); s += property.key + ' = ' + property.
value + ';\n'; } alert(s); example using javascript 1.7 features // creates a generator iterating over enum's
values function generatorfromsimpleenumerator(enum, interface) { while (enum.hasmoreelements()) { yield enum.getnext().queryinterface(interface); } } var b = document.getelementbyid("stringbundleset").firstchild var props = generatorfromenumerator(b.strings, components.interfaces.nsipropertyelement); var s = ""; for (let property in props) { s += property.key + '...
... = ' + property.
value + ';\n'; } alert(s); links code based on using_nsipasswordmanager nsisimpleenumerator xul:property:strings ...
Account Provisioner
to have logs dumped to the terminal, create a string preference called mail.provider.logging.dump and set its
value to all.
... to have logs dumped to the error console, create a string preference called mail.provider.logging.console and set its
value to all.
Buddy icons in mail
for the message pane, the icon we will show is on disk at: <profile home>/nim/<
value of pref aim.session.screenname>/picture/<screenname for sender email address>.gif when trying to determine the screenname for the sender, we search the addressbook that we are using for collection.
... (see this document for info about that.) for the addressbook card pane, the icon will show is on disk at: <profile home>/nim/<
value of pref aim.session.screenname>/picture/<screenname for card>.gif if aim.session.screenname is not set, the icon will not appear.
Gloda examples
onitemsremoved: function _onitemsremoved(aitems, acollection) { }, /* called when our database query completes */ onquerycompleted: function _onquerycompleted(acollection) { var items = acollection.items; for (msg of items) { alert(msg.subject); }; } }; collection = id_q.getcollection(mylistener); show all messages where the from, to and cc
values include a specified email address at present there doesn't appear to be any way of going directly from an email address to email addresses that it involves.
... this requires two chained asynchronous calls: //first take an email address and turn it into an identity object id_q = gloda.newquery(gloda.noun_identity); id_q.kind("email"); id_q.
value("test@example.com"); id_coll = id_q.getcollection({ onitemsadded: function _onitemsadded(aitems, acollection) { }, onitemsmodified: function _onitemsmodified(aitems, acollection) { }, onitemsremoved: function _onitemsremoved(aitems, acollection) { }, onquerycompleted: function _onquerycompleted(id_coll) { //woops no identity if (id_coll.it...
Index
for the message pane, the icon we will show is on disk at: <profile home>/nim/<
value of pref aim.session.screenname>/picture/<screenname for sender email address>.gif when trying to determine the screenname for the sender, we search the addressbook that we are using for collection.
... (see this document for info about that.) for the addressbook card pane, the icon will show is on disk at: <profile home>/nim/<
value of pref aim.session.screenname>/picture/<screenname for card>.gif if aim.session.screenname is not set, the icon will not appear.
MailNews fakeserver
setmultiline the new
value of multiline nothing the
value is a boolean, with true invoking multiline mode.
... getarticle message id newsarticle object pretty self-explanatory newsarticle api name arguments returns notes [constructor] text (as a string) n/a initializes all fields headers (property) map of header (lower-case) ->
value body (property) text of body messageid (property) message id fulltext (property) full text as message without modification except added headers.
Mail event system
otifydeleteormovemessages ondeleteormovemessages sample code in this example, a listener will be set up to be notified when the message count changes in a folder: // our variable to know if the listener fired var listenerhasfired = false; var totalmessageslistenerhasfired = false; // the listening function that will react to changes function myonintpropertychanged(item, property, old
value, new
value) { listenerhasfired=true; var propertystring = property.getunicode(); dump("onintpropertychanged has fired with property + " + propertystring + "!\n"); if (propertystring == "totalmessages") { totalmessageslistenerhasfired=true; //now show us visually var folder = item.queryinterface(components.interfaces.nsimsgfolder); dump("the folder " + folder.pret...
...tyname + " now has " + new
value + " messages."); } else if (propertystring == "testproperty") { dump("recieved integer test property fired on folder " + folder.prettyname + " with
values " + old
value + " and " + new
value + "\n"); } // set up the folder listener to point to the above function var folderlistener = { onitemadded: function(parent, item, viewstring) {}, onitemremoved: function(parent, item, viewstring) {}, onitempropertychanged: function(parent, item, viewstring) {}, onitemintpropertychanged: myonintpropertychanged, onitemboolpropertychanged: function(item, property, old
value, new
value) {}, onitemunicharpropertychanged: function(item, property, old
value, new
value) {}, onitempropertyflagchanged: function(item, property, oldflag, newflag) {},...
Creating a Custom Column
from nsitreeview: getcellproperties(row, col, props): optionally modify the props array getrowproperties(row, props): optionally modify the props array getimagesrc(row, col): return a string (or null) getcelltext(row, col): return a string representing the actual text to display in the column from nsimsgcustomcolumnhandler: getsortstringforrow(hdr): return the string
value that the column will be sorted by getsortlongforrow(hdr): return the long
value that the column will be sorted by isstring(): return true / false warning!
...though they sound similar you may not want to return the same
value from both.
Using tab-modal prompts
with a checkbox: var window = gbrowser.contentwindow; var promptfact = components.classes['@mozilla.org/prompter;1'].getservice(components.interfaces.nsipromptfactory); var prompt = promptfact.getprompt(window, components.interfaces.nsiprompt); var promptbag = prompt.queryinterface(components.interfaces.nsiwritablepropertybag2); promptbag.setpropertyasbool('allowtabmodal', true); var check = {
value: false}; //initial state of checkbox, however if no text is supplied the checkbox is not shown var input = {
value: 'pre filled
value'}; var ok = prompt.prompt.apply(null, ['title - but not shown in tab modal', 'text goes here', input, 'check text, if no text, checkbox is not shown', check]); //this here is just an alert, showing the
values of the prompt prompt.alert.apply(null, ['title not shown...
... in modal', 'user clicked ok: ' + ok + '\n' + 'checked: ' + check.
value + '\ninput
value: ' + input.
value]); note: because the prompts are shown in a tab, if the tab is closed while the prompt is open it will throw an exception.
Using the Mozilla symbol server
using the symbol server in microsoft visual c++ using the symbol server in windbg the windbg symbol path is configured with a string
value delimited with asterisk characters.
...the rest of
values are based on the contents of the application.ini file under the [app] heading: for example, the thunderbird 3.1b2 release with name=thunderbird, version=3.1b2, buildid=20100430125415 would have a filename of "thunderbird-3.1b2-linux-20100430125415-symbols.txt" under the thunderbird directory at symbols.mozilla.org.
Debugging Tips
running the following code shows only partial
value information.
... let { ctypes } = components.utils.import("resource://gre/modules/ctypes.jsm", {}); let i = ctypes.int32_t(10); console.log(i); let point = ctypes.structtype("point", [{ x: ctypes.int32_t }, { y: ctypes.int32_t }]) let p = point(10, 20); console.log(p); let pp = p.address(); console.log(pp); the result will be as following: cdata {
value: 10 } cdata { x: 10, y: 20 } cdata { contents: cdata } to see more descriptive information, you can use .tosource().
ABI
return
value a javascript expression that evaluates to the abi.
... return
value a string identifying the abi.
js-ctypes reference
you declare the arguments and return
value of a native function with ctype objects.
... 64-bit integer handling because javascript number objects can't directly represent every possible 64-bit integer
value, js-ctypes provides new types for these.
Flash Activation: Browser Comparison - Plugins
= document.getelementbyid('myplugin'); plugin.height = 0; plugin.width = 0; plugin.callpluginmethod(); } the html, by default, specifies the flash object to be a size that makes it visible, like this: <!-- give the plugin an initial size so it is visible --> <object type="application/x-shockwave-flash" data="myapp.swf" id="myplugin" width="300" height="300"> <param name="callback"
value="plugincreated()"> </object> the callback parameter defined in the html can be called in flash using its flash.external.externalinterface api.
... first, set your up your html with a callback that calls the javascript function plugincreated(), like this: <object type="application/x-my-plugin" data="somedata.mytype" id="myplugin"> <param name="callback"
value="plugincreated()"> </object> the plugincreated() function is then responsible for the setup of your script and any calls back into the plugin that you need to make: function plugincreated() { document.getelementbyid('myplugin').callpluginmethod(); } ...
Version, UI, and Status Information - Plugins
it gets the
values from the plug-in rather than from the browser.
... bool has_windowless() { npbool supportswindowless = false; nperror ret = npn_get
value(instance, npnvsupportswindowless, &supportswindowless); return ret == nperr_no_error && supportswindowless; } reloading a plug-in when the browser starts up, it loads all the plug-ins it finds in the plugins directory for the platform.
DOM Inspector FAQ - Firefox Developer Tools
those nodes whose white-space css property
value prevents the user-agent from collapsing sequences of whitespace will not be hidden.
...you can do a search via the node's name, id, or an attribute/
value pair.
Introduction to DOM Inspector - Firefox Developer Tools
note that when the dom inspector displays information about a particular node or subtree, it presents individual nodes and their
values (in the dom, attributes are subnodes of elements, typically) in an active list.
... you can perform actions on the individual items in this list from the context menu and the edit menu, both of which contain menutimes that allow you edit the
values of those attributes.
Set a logpoint - Firefox Developer Tools
sometimes you want to view a
value in your code but you don't want to pause execution.
... logpoints are useful to log the
value of a variable at a specific point in the code.
Tips - Firefox Developer Tools
right-click on a name,
value, or rule to copy anything from the name, the
value, the declaration or the whole rule to your clipboard.
... select an entry to see the parsed
value of it in the sidebar.
Console messages - Firefox Developer Tools
store as global variable creates a global variable (with a name like temp0, temp1, etc.) whose
value is the selected object.
... the name of the variable appears as an input to the interpreter, and its
value appears as a response.
Web Console Helpers - Firefox Developer Tools
pprint() obsolete since gecko 74 formats the specified
value in a readable way; this is useful for dumping the contents of objects and arrays.
...
values() given an object, returns a list of the
values on that object; serves as a companion to keys().
The JavaScript input interpreter - Firefox Developer Tools
values() given an object, returns a list of the
values on that object; serves as a companion to keys().
... pprint() obsolete since gecko 74 formats the specified
value in a readable way; this is useful for dumping the contents of objects and arrays.
AbstractWorker - Web APIs
var myworker = new worker('worker.js'); first.onchange = function() { myworker.postmessage([first.
value, second.
value]); console.log('message posted to worker'); } the worker's code is loaded from the file "worker.js".
... this code assumes that there's an <input> element represented by first; an event handler for the change event is established so that when the user changes the
value of first, a message is posted to the worker to let it know.
AddressErrors.dependentLocality - Web APIs
syntax var localityerror = addresserrors.dependentlocality;
value if the
value specified in the paymentaddress object's dependentlocality property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the dependentlocality
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.organization - Web APIs
syntax var organizationerror = addresserrors.organization;
value if the
value specified in the paymentaddress object's organization property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... for example, if validation simply ensures that only permitted characters are included in the organization's name, this might return a string such as "the organization name may only contain the letters a-z, digits, spaces, and commas." if the organization
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.phone - Web APIs
syntax var phoneerror = addresserrors.phone;
value if the
value specified in the paymentaddress object's phone property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the phone
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.postalCode - Web APIs
syntax var postcodeerror = addresserrors.postcode;
value if the
value specified in the paymentaddress object's postalcode property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the postalcode
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.recipient - Web APIs
syntax var recipienterror = addresserrors.recipient;
value if the
value specified in the paymentaddress object's recipient property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the recipient
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.region - Web APIs
syntax var regionerror = addresserrors.region;
value if the
value specified in the paymentaddress object's region property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the region
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.regionCode - Web APIs
syntax var regioncodeerror = addresserrors.regioncode;
value if the
value specified in the paymentaddress object's regioncode property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the regioncode
value was validated successfully, this property is not included in the addresserrors object.
AddressErrors.sortingCode - Web APIs
syntax var sortingcodeerror = addresserrors.sortingcode;
value if the
value specified in the paymentaddress object's sortingcode property could not be validated, this property contains a domstring offering a human-readable explanation of the validation error and offers suggestions for correcting it.
... if the sortingcode
value was validated successfully, this property is not included in the addresserrors object.
AesGcmParams - Web APIs
for details of how to supply appropriate
values for this parameter, see the specification for aes-gcm: nist sp800-38d, in particular section 5.2.1.1 on input data.
... according to the web crypto specification this must have one of the following
values: 32, 64, 96, 104, 112, 120, or 128.
Ambient Light Events - Web APIs
once captured, the event object gives access to the light intensity expressed in lux through the devicelightevent.
value property.
... example if ('ondevicelight' in window) { window.addeventlistener('devicelight', function(event) { var body = document.queryselector('body'); if (event.
value < 50) { body.classlist.add('darklight'); body.classlist.remove('brightlight'); } else { body.classlist.add('brightlight'); body.classlist.remove('darklight'); } }); } else { console.log('devicelight event not supported'); } specifications specification status comment ambient light sensorthe definition of 'ambient light events' in that specification.
Animation.replaceState - Web APIs
syntax let myreplacestate = animation.replacestate;
value a string that represents the replace state of the anmation.
... the
value can be one of: active: the initial
value of the animation's replace state; when the animation has been removed by the browser's automatically removing filling animations behavior.
Animation.timeline - Web APIs
a timeline is a source of time
values for synchronization purposes, and is an animationtimeline-based object.
... syntax var animationstimeline = animation.timeline; animation.timeline = newtimeline;
value a timeline object to use as the timing source for the animation, or null to use the default, which is the document's timeline.
Animation.updatePlaybackRate() - Web APIs
return
value none.
... examples a speed selector component would benefit from smooth updating of updateplaybackrate(), as demonstrated below: speedselector.addeventlistener('input', evt => { cartoon.updateplaybackrate(parsefloat(evt.target.
value)); cartoon.ready.then(() => { console.log(`playback rate set to ${cartoon.playbackrate}`); }); }); specifications specification status comment web animationsthe definition of 'updateplaybackrate()' in that specification.
AnimationEvent - Web APIs
animationevent.animationname read only is a domstring containing the
value of the animation-name that generated the animation.
...for an animationstart event, elapsedtime is 0.0 unless there was a negative
value for animation-delay, in which case the event will be fired with elapsedtime containing (-1 * delay).
AnimationPlaybackEvent.currentTime - Web APIs
value a number representing the current time in milliseconds, or null.
... in firefox, you can also enabled privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
AnimationPlaybackEvent.timelineTime - Web APIs
the timelinetime read-only property of the animationplaybackevent interface represents the time
value of the animation's timeline at the moment the event is queued.
...
value a number representing the current time in milliseconds, or null.
AnimationTimeline.currentTime - Web APIs
syntax var currenttime = animationtimeline.currenttime;
value a number representing the timeline's current time in milliseconds, or null if the timeline is inactive.
... in firefox, you can also enable privacy.resistfingerprinting; the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
AudioBuffer() - Web APIs
return
value a new audiobuffer object instance.
... exceptions notsupportederror one or more of the options are negative or otherwise has an invalid
value (such as numberofchannels being higher than supported, or a samplerate outside the nominal range).
AudioBuffer.duration - Web APIs
syntax var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); myarraybuffer.duration;
value a double.
... example // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just random
values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.duration); } specification specifi...
AudioBuffer.length - Web APIs
syntax var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); myarraybuffer.length;
value an integer.
... example // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just random
values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.length); } specification specificat...
AudioBuffer.numberOfChannels - Web APIs
syntax var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); myarraybuffer.numberofchannels;
value an integer.
... example // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just random
values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.numberofchannels); } specification ...
AudioBuffer.sampleRate - Web APIs
syntax var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); myarraybuffer.samplerate;
value a floating-point
value indicating the current sample rate of the buffers data, in samples per second.
... example // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just random
values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.samplerate); } specification specif...
AudioContext.createMediaElementSource() - Web APIs
// create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node var gainnode = audioctx.creategain(); // create variables to store mouse pointer y coordinate // and height of screen var cury; var height = window.innerheight; // get new mouse pointer coordinates when mouse is moved // then set new gain
value document.onmousemove = updatepage; function updatepage(e) { cury = (window.event) ?
...document.documentelement.scrolltop : document.body.scrolltop); gainnode.gain.
value = cury/height; } // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.connect(gainnode); gainnode.connect(audioctx.destination); note: as a consequence of calling createmediaelementsource(), audio playback from the htmlmediaelement will be re-routed into the processing graph of the audiocontext.
AudioContext.createMediaStreamTrackSource() - Web APIs
return
value a mediastreamtrackaudiosourcenode object which acts as a source for audio data found in the specified audio track.
...adevices.getusermedia ({audio: true, video: false}) .then(function(stream) { audio.srcobject = stream; audio.onloadedmetadata = function(e) { audio.play(); audio.muted = true; }; let audioctx = new audiocontext(); let source = audioctx.createmediastreamsource(stream); let biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.
value = 3000; biquadfilter.gain.
value = 20; source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); }) .catch(function(err) { // handle getusermedia() error }); specifications specification status comment web audio apithe definition of 'createmediastreamtracksource()' in that specification.
AudioDestinationNode.maxChannelCount - Web APIs
the audionode.channelcount property can be set between 0 and this
value (both included).
... syntax var audioctx = new audiocontext(); var mydestination = audioctx.destination; mydestination.maxchannelcount = 2;
value an unsigned long.
AudioNode.channelInterpretation - Web APIs
the channelinterpretation property of the audionode interface represents an enumerated
value describing the meaning of the channels.
... syntax var oscillator = audioctx.createoscillator(); oscillator.channelinterpretation = 'discrete';
value an enumerated
value representing a channelinterpretation.
AudioNode.numberOfInputs - Web APIs
source nodes are defined as nodes having a numberofinputs property with a
value of 0.
... syntax var numinputs = audionode.numberofinputs;
value an integer ≥ 0.
AudioNode.numberOfOutputs - Web APIs
destination nodes — like audiodestinationnode — have a
value of 0 for this attribute.
... syntax var numoutputs = audionode.numberofoutputs;
value an integer ≥ 0.
AudioTrack - Web APIs
properties enabled a boolean
value which controls whether or not the audio track's sound is enabled.
... setting this
value to false mutes the track's audio.
AudioTrackList: change event - Web APIs
bubbles no cancelable no interface event event handler property onchange examples using addeventlistener(): const videoelement = document.queryselector('video'); videoelement.audiotracks.addeventlistener('change', (event) => { console.log(`'${event.type}' event fired`); }); // changing the
value of `enabled` will trigger the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.audiotracks[0]; track.enabled = !track.enabled; }); using the onchange event handler property: const videoelement = document.queryselector('video'); videoelement.audiotracks.onchange = (event) => { ...
... console.log(`'${event.type}' event fired`); }; // changing the
value of `enabled` will trigger the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.audiotracks[0]; track.enabled = !track.enabled; }); specifications specification status html living standardthe definition of 'change' in that specification.
AudioTrackList.length - Web APIs
a
value of 0 indicates that there are no audio tracks in the media.
... syntax var trackcount = audiotracklist.length;
value a number indicating how many audio tracks are included in the audiotracklist.
AudioWorkletGlobalScope.registerProcessor - Web APIs
note: a key-
value pair { name: constructor } is saved internally in the audioworkletglobalscope once the processor is registered.
... return
value undefined exceptions notsupportederror the name is an empty string, or a constructor under the given name is already registered.
AuthenticatorAssertionResponse.authenticatorData - Web APIs
syntax var authnrdata = authenticatorassertionresponse.authenticatordata;
value an arraybuffer that has a arraybuffer.bytelength of at least 37 bytes, containing the following fields: rpidhash (32 bytes) - a sha256 hash of the relying party id that was seen by the browser.
... examples var options = { challenge: new uint8array(26), // will be another
value, provided by the relying party server timeout: 60000 }; navigator.credentials.get({ publickey: options }) .then(function (assertionpkcred) { var authenticatordata = assertionpkcred.response.authenticatordata; // maybe try to convert the authenticatordata to see what's inside // send response and client extensions to the server so that it can // go on with the authentication...
AuthenticatorAssertionResponse.signature - Web APIs
syntax signature = authenticatorassertionresponse.signature
value an arraybuffer object which the signature of the authenticator (using its private key) for both authenticatorassertionresponse.authenticatordata and a sha-256 hash given by the client for its data (the challenge, the origin, etc.
... examples var options = { challenge: new uint8array(26), // will be another
value, provided by the relying party server timeout: 60000 }; navigator.credentials.get({ publickey: options }) .then(function (assertionpkcred) { var signature = assertionpkcred.response.signature; // send response and client extensions to the server so that it can // go on with the authentication }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'signature' in that specification.
AuthenticatorAttestationResponse.getTransports() - Web APIs
return
value an array containing the different transports supported by the authenticator or nothing if this information is not available.of the processing of the different extensions by the client.
...their
values may be : "usb": the authenticator can be contacted via a removable usb link "nfc": the authenticator may be used over nfc (near field communication) "ble": the authenticator may be used over ble (bluetooth low energy) "internal": the authenticator is specifically bound to the client device (cannot be removed).
BaseAudioContext.state - Web APIs
syntax baseaudiocontext.state;
value a domstring.
... possible
values are: suspended: the audio context has been suspended (with the audiocontext.suspend() method.) running: the audio context is running normally.
BasicCardRequest.supportedTypes - Web APIs
syntax basiccardrequest.supportedtypes = [cardtype1...cardtypen];
value an array containing one or more domstrings, which describe the card types the retailer supports.
... legal
values are defined in basiccardtype enum, and are currently: credit debit prepaid example the following example shows a sample definition of the first parameter of the paymentrequest() constructor, the data property of which contains supportednetworks and supportedtypes properties.
BatteryManager - Web APIs
properties batterymanager.charging read only a boolean
value indicating whether or not the battery is currently being charged.
... batterymanager.level read only a number representing the system's battery charge level scaled to a
value between 0.0 and 1.0.
Bluetooth - Web APIs
some user-agents let the user configure an option that affects what is returned by this
value.
... if this option is set, that is the
value returned by this method.
BluetoothCharacteristicProperties.authenticatedSignedWrites - Web APIs
the authenticatedsignedwrites read-only property of the bluetoothcharacteristicproperties interface returns a boolean that is true if signed writing to the characteristic
value is permitted.
... syntax var aboolean = bluetoothcharacteristicproperties.authenticatedsignedwrites;
value a boolean.
BluetoothCharacteristicProperties.broadcast - Web APIs
the broadcast read-only property of the bluetoothcharacteristicproperties interface returns a boolean that is true if the broadcast of the characteristic
value is permitted using the server characteristic configuration descriptor.
... syntax var aboolean = bluetoothcharacteristicproperties.broadcast;
value a boolean.
BluetoothCharacteristicProperties.indicate - Web APIs
the indicate read-only property of the bluetoothcharacteristicproperties interface returns a boolean that is true if indications of the characteristic
value with acknowledgement is permitted.
... syntax var aboolean = bluetoothcharacteristicproperties.indicate;
value a boolean.
BluetoothCharacteristicProperties.notify - Web APIs
the notify read-only property of the bluetoothcharacteristicproperties interface returns a boolean that is true if notifications of the characteristic
value without acknowledgement is permitted.
... syntax var aboolean = bluetoothcharacteristicproperties.notify;
value a boolean.
BluetoothCharacteristicProperties.read - Web APIs
the read read-only property of the bluetoothcharacteristicproperties interface returns a boolean that is true if the reading of the characteristic
value is permitted.
... syntax var aboolean = bluetoothcharacteristicproperties.read;
value a boolean.
Body.body - Web APIs
syntax var stream = response.body;
value a readablestream.
... const image = document.getelementbyid('target'); // fetch the original image fetch('./tortoise.png') // retrieve its body as readablestream .then(response => response.body) .then(body => { const reader = body.getreader(); return new readablestream({ start(controller) { return pump(); function pump() { return reader.read().then(({ done,
value }) => { // when no more data needs to be consumed, close the stream if (done) { controller.close(); return; } // enqueue the next data chunk into our target stream controller.enqueue(
value); return pump(); }); } } }) }) .then(stream => new response(stream)) .then(response => response.blob()) .
Body.formData() - Web APIs
if a user submits a form and a service worker intercepts the request, you could for example call formdata() on it to obtain a key-
value map, modify some fields, then send the form onwards to the server (or use it locally).
... return
value a promise that resolves with a formdata object.
Body.json() - Web APIs
return
value a promise that resolves to a javascript object.
...when the fetch is successful, we read and parse the data using json(), then read
values out of the resulting objects as you'd expect and insert them into list items to display our product data.
BudgetState.time - Web APIs
the time read-only property of the budgetstate interface returns a timestamp at which the budgetat
value is valid.
... syntax var time = budgetstate.time
value a timestamp.
CSSMathProduct - Web APIs
the cssmathproduct interface of the css typed object model api represents the result obtained by calling add(), sub(), or tosum() on cssnumeric
value.
... properties cssmathproduct.
values returns a cssnumericarray object which contains one or more cssnumeric
value objects.
CSSMathSum.CSSMathSum() - Web APIs
the cssmathsum() constructor creates a new cssmathsum object which creates a new csskeyword
value object which represents the result obtained by calling add(), sub(), or tosum() on cssnumeric
value.
... syntax var cssmathsum = new cssmathsum() parameters
values one or more double integers or cssnumeric
value objects.
CSSStyleRule.styleMap - Web APIs
the stylemap read-only property of the cssstylerule interface returns a stylepropertymap object which provides access to the rule's property-
value pairs.
... syntax var stylepropertymap = cssstylerule.stylemap;
value a stylepropertymap object.
CSSStyleRule - Web APIs
it implements the cssrule interface with a type
value of 1 (cssrule.style_rule).
... cssstylerule.stylemap read only returns a stylepropertymap object which provides access to the rule's property-
value pairs.
CSSStyleSheet.addRule() - Web APIs
if index is not specified, the next index after the last item currently in the list is used (that is, the
value of cssstylesheet.cssrules.length).
... return
value always returns -1.
Using dynamic styling information - Web APIs
using the setattribute method note that you can also change style of an element by getting a reference to it and then use its setattribute method to specify the css property and its
value.
...if the some-element element above had an in–line style attribute of say style="font-size: 18px", that
value would be removed by the use of setattribute.
Cache.add() - Web APIs
note: add() will overwrite any key/
value pair previously stored in the cache that matches the request.
... return
value a promise that resolves with undefined.
Cache.addAll() - Web APIs
note: addall() will overwrite any key/
value pairs previously stored in the cache that match the request, but will fail if a resulting put() operation would overwrite a previous cache entry stored by the same addall() method.
... return
value a promise that resolves with undefined.
Cache.delete() - Web APIs
if set to true, the ?
value=bar part of http://foo.com/?
value=bar would be ignored when performing a match.
... return
value a promise that resolves to true if the cache entry is deleted, or false otherwise.
Cache.keys() - Web APIs
if set to true, the ?
value=bar part of http://foo.com/?
value=bar would be ignored when performing a match.
... return
value a promise that resolves to an array of cache keys.
Cache.match() - Web APIs
for example, if set to true the ?
value=bar part of http://foo.com/?
value=bar would be ignored when performing a match.
... return
value a promise that resolves to the first response that matches the request or to undefined if no match is found.
Cache.matchAll() - Web APIs
if set to true, the ?
value=bar part of http://foo.com/?
value=bar would be ignored when performing a match.
... return
value a promise that resolves to an array of all matching responses in the cache object.
CanvasCaptureMediaStreamTrack.requestFrame() - Web APIs
to prevent automatic capture of frames, so that frames are only captured when requestframe() is called, specify a
value of 0 for the capturestream() method when creating the stream.
... syntax stream.requestframe(); return
value undefined usage notes there is currently an issue flagged in the specification pointing out that at this time, no exceptions are being thrown if the canvas isn't origin-clean.
CanvasPattern.setTransform() - Web APIs
e you could replace the svgmatrix in the above example with the following: const matrix = new dommatrix([1, .2, .8, 1, 0, 0]); edit the code below and see your changes update live in the canvas: playable code <canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> <svg id="svg1" style="display:none"></svg> <div class="playable-buttons"> <input id="edit" type="button"
value="edit" /> <input id="reset" type="button"
value="reset" /> </div> <textarea id="code" class="playable-code" style="height:120px"> var img = new image(); img.src = 'https://mdn.mozillademos.org/files/222/canvas_createpattern.png'; img.onload = function() { var pattern = ctx.createpattern(img, 'repeat'); pattern.settransform(matrix.rotate(-45).scale(1.5)); ctx.fillstyle = pattern; ctx.fil...
...lrect(0, 0, 400, 400); };</textarea> var canvas = document.getelementbyid('canvas'); var ctx = canvas.getcontext('2d'); var textarea = document.getelementbyid('code'); var reset = document.getelementbyid('reset'); var edit = document.getelementbyid('edit'); var code = textarea.
value; var svg1 = document.getelementbyid('svg1'); var matrix = svg1.createsvgmatrix(); function drawcanvas() { ctx.clearrect(0, 0, canvas.width, canvas.height); eval(textarea.
value); } reset.addeventlistener('click', function() { textarea.
value = code; drawcanvas(); }); edit.addeventlistener('click', function() { textarea.focus(); }) textarea.addeventlistener('input', drawcanvas); window.addeventlistener('load', drawcanvas); specifications specification status comment html l...
CanvasRenderingContext2D.createPattern() - Web APIs
possible
values are: "repeat" (both directions) "repeat-x" (horizontal only) "repeat-y" (vertical only) "no-repeat" (neither direction) if repetition is specified as an empty string ("") or null (but not undefined), a
value of "repeat" will be used.
... return
value canvaspattern an opaque object describing a pattern.
CanvasRenderingContext2D.fillText() - Web APIs
however, if this
value is provided, the user agent will adjust the kerning, select a more horizontally condensed font (if one is available or can be generated without loss of quality), or scale down to a smaller font size in order to fit the text in the specified width.
... return
value undefined.
CanvasRenderingContext2D.lineCap - Web APIs
default
value.
... html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.moveto(20, 20); ctx.linewidth = 15; ctx.linecap = 'round'; ctx.lineto(100, 100); ctx.stroke(); result comparison of line caps in this example three lines are drawn, each with a different
value for the linecap property.
CanvasRenderingContext2D.putImageData() - Web APIs
syntax void ctx.putimagedata(imagedata, dx, dy); void ctx.putimagedata(imagedata, dx, dy, dirtyx, dirtyy, dirtywidth, dirtyheight); parameters imagedata an imagedata object containing the array of pixel
values.
...w content onto the canvas ctx.fillrect(0, 0, 100, 100); // create an imagedata object from it var imagedata = ctx.getimagedata(0, 0, 100, 100); // use the putimagedata function that illustrates how putimagedata works putimagedata(ctx, imagedata, 150, 0, 50, 50, 25, 25); result data loss due to browser optimization due to the lossy nature of converting to and from premultiplied alpha color
values, pixels that have just been set using putimagedata() might be returned to an equivalent getimagedata() as different
values.
CanvasRenderingContext2D.scrollPathIntoView() - Web APIs
anvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.fillrect(10, 10, 30, 30); ctx.scrollpathintoview(); edit the code below to see your changes update live in the canvas: playable code <canvas id="canvas" width="400" height="200" class="playable-canvas"> <input id="button" type="range" min="1" max="12"> </canvas> <div class="playable-buttons"> <input id="edit" type="button"
value="edit" /> <input id="reset" type="button"
value="reset" /> </div> <textarea id="code" class="playable-code"> ctx.beginpath(); ctx.rect(10, 10, 30, 30); ctx.scrollpathintoview();</textarea> var canvas = document.getelementbyid("canvas"); var ctx = canvas.getcontext("2d"); var textarea = document.getelementbyid("code"); var reset = document.getelementbyid("reset"); var edit = document.getelemen...
...tbyid("edit"); var code = textarea.
value; function drawcanvas() { ctx.clearrect(0, 0, canvas.width, canvas.height); eval(textarea.
value); } reset.addeventlistener("click", function() { textarea.
value = code; drawcanvas(); }); edit.addeventlistener("click", function() { textarea.focus(); }) textarea.addeventlistener("input", drawcanvas); window.addeventlistener("load", drawcanvas); specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.scrollpathintoview' in that specification.
CanvasRenderingContext2D.strokeText() - Web APIs
however, if this
value is provided, the user agent will adjust the kerning, select a more horizontally condensed font (if one is available or can be generated without loss of quality), or scale down to a smaller font size in order to fit the text in the specified width.
... return
value undefined.
ChannelMergerNode - Web APIs
in the case that no
value is given, it will default to 6.
... var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.set
valueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
ChannelSplitterNode - Web APIs
in the case that no
value is given, it will default to 6.
... var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.set
valueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
Clients.matchAll() - Web APIs
available
values are "window", "worker", "sharedworker", and "all".
... return
value a promise that resolves to an array of client objects.
Clients.openWindow() - Web APIs
generally this
value must be a url from the same origin as the calling script.
... return
value a promise that resolves to a windowclient object if the url is from the same origin as the service worker or a null
value otherwise.
Clipboard.write() - Web APIs
return
value a promise which is resolved when the data has been written to the clipboard.
...the key of the object passed to the clipboarditem constructor indicates the content type, the
value indicates the content.
CloseEvent - Web APIs
the following
values are permitted status codes.
... closeevent.initcloseevent() initializes the
value of a closeevent created.
CompositionEvent.data - Web APIs
syntax mydata = compositionevent.data
value a domstring representing the event data: for compositionstart events, this is the currently selected text that will be replaced by the string being composed.
... this
value doesn't change even if content changes the selection range; rather, it indicates the string that was selected when composition started.
Console.table() - Web APIs
if data is an array, then its
values will be the array indices.
... if data is an object, then its
values will be the property names.
Console.timeLog() - Web APIs
logs the current
value of a timer that was previously started by calling console.time() to the console.
...amples console.time("answer time"); alert("click to continue"); console.timelog("answer time"); alert("do a bunch of other stuff..."); console.timeend("answer time"); the output from the example above shows the time taken by the user to dismiss the first alert box, followed by the time it took for the user to dismiss the second alert: notice that the timer's name is displayed when the timer
value is logged using timelog() and again when it's stopped.
ConvolverNode.buffer - Web APIs
the initial
value of this attribute is null.
... syntax var audioctx = new audiocontext(); var convolver = audioctx.createconvolver(); convolver.buffer = myaudiobuffer;
value an audiobuffer.
Credential.type - Web APIs
valid
values are password, federated and public-key.
... syntax var credtype = credential.type;
value a domstring contains a credential's given name.
Crypto - Web APIs
crypto.getrandom
values() fills the passed typedarray with cryptographically sound random
values.
...in addition, the crypto method getrandom
values() is available on insecure contexts, but the subtle property is not.
CryptoKey - Web APIs
properties cryptokey.type string which may take one of the following
values: "secret": this key is a secret key for use with a symmetric algorithm.
...possible
values for array elements are: "encrypt": the key may be used to encrypt messages.
CustomEvent() - Web APIs
customeventinit optional a customeventinit dictionary, having the following fields: "detail", optional and defaulting to null, of type any, that is an event-dependent
value associated with the event.
... return
value a new customevent object of the specified type, with any other properties configured according to the customeventinit dictionary (if one was provided).
DOMMatrixReadOnly.translate() - Web APIs
syntax the translate() method accepts two or three
values.
... return
value returns a dommatrix containing a new matrix being the result of the matrix being translated by the given vector.
DOMPoint.DOMPoint() - Web APIs
the dompoint() constructor creates and returns a new dompoint object, given the
values for some or all of its properties.
... w optional the perspective
value of the new dompoint.
DOMRect - Web APIs
domrectreadonly.top returns the top coordinate
value of the domrect (has the same
value as y, or y + height if height is negative.) domrectreadonly.right returns the right coordinate
value of the domrect (has the same
value as x + width, or x if width is negative.) domrectreadonly.bottom returns the bottom coordinate
value of the domrect (has the same
value as y + height, or y if height is negative.) domrectreadonly.left returns the left coor...
...dinate
value of the domrect (has the same
value as x, or x + width if width is negative.) methods domrect inherits methods from its parent, domrectreadonly.
DOMRectReadOnly.bottom - Web APIs
the bottom read-only property of the domrectreadonly interface returns the bottom coordinate
value of the domrect.
... (has the same
value as y + height, or y if height is negative.) syntax var recbottom = domrect.bottom;
value a double.
DOMRectReadOnly.left - Web APIs
the left read-only property of the domrectreadonly interface returns the left coordinate
value of the domrect.
... (has the same
value as x, or x + width if width is negative.) syntax var recleft = domrect.left;
value a double.
DOMRectReadOnly.right - Web APIs
the right read-only property of the domrectreadonly interface returns the right coordinate
value of the domrect.
... (has the same
value as x + width, or x if width is negative.) syntax var recright = domrect.right;
value a double.
DOMRectReadOnly.top - Web APIs
the top read-only property of the domrectreadonly interface returns the top coordinate
value of the domrect.
... (has the same
value as y, or y + height if height is negative.) syntax var rectop = domrect.top;
value a double.
DataTransfer.getData() - Web APIs
return
value domstring a domstring representing the drag data for the specified format.
...this may result in unexpected behavior, being datatransfer.getdata() not returning an expected
value.
DataTransfer.setDragImage() - Web APIs
for instance, to display the image so that the pointer is at its center, use
values that are half the width and height of the image.
... return
value void example this example shows how to use the setdragimage() method.
DataTransfer.types - Web APIs
some
values that are not mime types are special-cased for legacy reasons (for example "text").
... syntax datatransfer.types; return
value an array of the data formats used in the drag operation.
DataTransfer - Web APIs
the
value must be none, copy, link or move.
...this
value is null for external drags or if the caller can't access the node.
DataTransferItem.getAsFile() - Web APIs
return
value file if the drag data item is a file, a file object is returned; otherwise null is returned.
... living standard initial
value html 5.1the definition of 'getasfile()' in that specification.
DataTransferItem.getAsString() - Web APIs
return
value undefined callback the callback parameter is a callback function which accepts one parameter: domstring the drag data item's string data.
... the callback return
value is undefined.
DataTransferItem.kind - Web APIs
syntax var itemkind = datatransferitem.kind; return
value a domstring representing the drag data item's kind.
... it must be one of the following
values: 'file' if the drag data item is a file.
DedicatedWorkerGlobalScope.onmessage - Web APIs
messages are passed to the worker when the
value inside the form input first changes.
... var myworker = new worker("worker.js"); first.onchange = function() { myworker.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } myworker.onmessage = function(e) { result.textcontent = e.data; console.log('message received from worker'); } in the worker.js script, a dedicatedworkerglobalscope.onmessage handler is used to handle messages from the main script: onmessage = function(e) { console.log('message received from main script'); var workerresult = 'result: ' + (e.data[0] * e.data[1]); console.log('posting message back to main script'); postmessage(workerresult); } notice how in the main script, onmessage has to be called on myworker, wh...
Using light sensors - Web APIs
the devicelightevent provides a
value attribute with light intensity in lux which is generally treated as shown below.
... window.addeventlistener("devicelight", function (event) { // read out the lux
value var luminosity = event.
value; alert(luminosity); }); example: window.addeventlistener('devicelight', function(event) { var bodybg= document.body.style; //event.
value is the lux
value returned by the sensor on the device if (event.
value < 100) { alert('hey, you!
DeviceLightEvent - Web APIs
properties devicelightevent.
value the level of the ambient light in lux.
... example window.addeventlistener('devicelight', function(event) { console.log(event.
value); }); specifications no specification.
DeviceMotionEvent.acceleration - Web APIs
note: if the hardware doesn't know how to remove gravity from the acceleration data, this
value may not be present in the devicemotionevent.
... syntax var acceleration = devicemotionevent.acceleration;
value the acceleration property is an object providing information about acceleration on three axis.
DeviceMotionEventAcceleration: x - Web APIs
syntax var xaccel = devicemotioneventacceleration.x; return
value x a double indicating the amount of acceleration along the x axis.
... see accelerometer
values explained for details.
DeviceMotionEventAcceleration: y - Web APIs
syntax var yaccel = devicemotioneventacceleration.y; return
value y a double indicating the amount of acceleration along the y axis.
... see accelerometer
values explained for details.
DeviceMotionEventAcceleration: z - Web APIs
syntax var zaccel = devicemotioneventacceleration.z; return
value z a double indicating the amount of acceleration along the z axis.
... see accelerometer
values explained for details.
DeviceProximityEvent - Web APIs
deviceproximityevent.
value read only the current device proximity, in centimeters.
... examples window.addeventlistener('deviceproximity', function(event) { console.log("
value: " + event.
value, "max: " + event.max, "min: " + event.min); }); ...
Document.bgColor - Web APIs
syntax color = document.bgcolor document.bgcolor =color parameters color is a string representing the color as a word (e.g., "red") or hexadecimal
value (e.g., "#ff0000").
... example document.bgcolor = "darkblue"; notes the default
value for this property in firefox is white (#ffffff in hexadecimal).
Document.createAttribute() - Web APIs
return
value a attr node.
... example var node = document.getelementbyid("div1"); var a = document.createattribute("my_attrib"); a.
value = "newval"; node.setattributenode(a); console.log(node.getattribute("my_attrib")); // "newval" specifications specification status comment domthe definition of 'document.createattribute()' in that specification.
Document.createEntityReference() - Web APIs
the only workaround is to create a text node, cdata section, attribute node
value, etc.
... which has the
value referred to by the entity, using unicode escape sequences or fromcharcode() as necessary.
Document.createNodeIterator() - Web APIs
syntax const nodeiterator = document.createnodeiterator(root[, whattoshow[, filter]]);
values root the root node at which to begin the nodeiterator's traversal.
... constant numerical
value description nodefilter.show_all -1 (that is the max
value of unsigned long) shows all nodes.
Document.createTreeWalker() - Web APIs
constant numerical
value description nodefilter.show_all -1 (that is the max
value of unsigned long) shows all nodes.
... return
value a new treewalker object.
Document.domain - Web APIs
syntax const domainstring = document.domain document.domain = domainstring
value the domain portion of the current document's origin.
... exceptions securityerror an attempt has been made to set domain under one of the following conditions: the document is inside a sandboxed <iframe> the document has no browsing context the document's effective domain is null the given
value is not equal to the document's effective domain (or it is not a registerable domain suffix of it) the document-domain feature-policy is enabled examples getting the domain for the uri http://developer.mozilla.org/docs/web, this example sets currentdomain to the string "developer.mozilla.org".
Document.evaluate() - Web APIs
these are supported
values for the resulttype parameter of the evaluate method: result type
value description any_type 0 whatever type naturally results from the given expression.
... boolean_type 3 a result set containing a single boolean
value.
Document.fgColor - Web APIs
syntax var color = document.fgcolor; document.fgcolor = color; parameters color is a string representing the color as a word (e.g., "red") or hexadecimal
value (e.g., "#ff0000").
... example document.fgcolor = "white"; document.bgcolor = "darkblue"; notes the default
value for this property in mozilla firefox is black (#000000 in hexadecimal).
Document.forms - Web APIs
syntax collection = document.forms;
value an htmlcollection object listing all of the document's forms.
... examples getting form information <!doctype html> <html lang="en"> <head> <title>document.forms example</title> </head> <body> <form id="robby"> <input type="button" onclick="alert(document.forms[0].id);"
value="robby's form" /> </form> <form id="dave"> <input type="button" onclick="alert(document.forms[1].id);"
value="dave's form" /> </form> <form id="paul"> <input type="button" onclick="alert(document.forms[2].id);"
value="paul's form" /> </form> </body> </html> getting an element from within a form var selectform = document.forms[index]; var selectformelement = document.forms[index].elements[index]; ...
Document: fullscreenchange event - Web APIs
to find out whether the element is entering or exiting full-screen mode, check the
value of documentorshadowroot.fullscreenelement: if this
value is null then the element is exiting full-screen mode, otherwise it is entering full-screen mode.
...if there isn't one, // the
value of the property is null.
Document.getElementById() - Web APIs
return
value an element object describing the dom element object matching the specified id, or null if no matching element was found in the document.
...because id
values must be unique throughout the entire document, there is no need for "local" versions of the function.
Document.getElementsByClassName() - Web APIs
ents that have a class of 'test', inside of an element that has the id of 'main': document.getelementbyid('main').getelementsbyclassname('test') get the first element with a class of 'test', or undefined if there is no matching element: document.getelementsbyclassname('test')[0] we can also use methods of array.prototype on any htmlcollection by passing the htmlcollection as the method's this
value.
... "\n " + allorangejuicebyclass[i].textcontent; } // queryselector only selects full complete matches var allorangejuicequery = document.queryselectorall('.orange.juice'); result += "\n\ndocument.queryselectorall('.orange.juice')"; for (var i=0, len=allorangejuicequery.length|0; i<len; i=i+1|0) { result += "\n " + allorangejuicequery[i].textcontent; } document.getelementbyid("resultarea").
value = result; result specifications specification status comment domthe definition of 'document.getelementsbyclassname' in that specification.
Document.getElementsByName() - Web APIs
name is the
value of the name attribute of the element(s).
...there, getelementsbyname() also returns elements that have an id attribute with the specified
value.
Document.getElementsByTagNameNS() - Web APIs
name is either the local name of elements to look for or the special
value *, which matches all elements (see element.localname).
...as of january 2012, only in webkit browsers is the returned
value a pure nodelist.
Document.hasFocus() - Web APIs
the hasfocus() method of the document interface returns a boolean
value indicating whether the document or any element inside the document has focus.
... syntax var focused = document.hasfocus(); return
value false if the active element in the document has no focus; true if the active element in the document has focus.
Document.hasStorageAccess() - Web APIs
the hasstorageaccess() method of the document interface returns a promise that resolves with a boolean
value indicating whether the document has access to its first-party storage.
... return
value a promise that resolves with a boolean
value indicating whether the document has access to its first-party storage.
Document.head - Web APIs
syntax var objref = document.head;
value an htmlheadelement.
...trying to assign a
value to this property will fail silently or, in strict mode, throws a typeerror .
Document: keydown event - Web APIs
unlike the keypress event, the keydown event is fired for all keys, regardless of whether they produce a character
value.
...to ignore all keydown events that are part of composition, do something like this (229 is a special
value set for a keycode relating to an event that has been processed by an ime): eventtarget.addeventlistener("keydown", event => { if (event.iscomposing || event.keycode === 229) { return; } // do something }); examples addeventlistener keydown example this example logs the keyboardevent.code
value whenever you press down a key.
Document: keyup event - Web APIs
note: if you're looking for a way to react to changes in an input's
value, you should use the input event.
...to ignore all keyup events that are part of composition, do something like this (229 is a special
value set for a keycode relating to an event that has been processed by an ime): eventtarget.addeventlistener("keyup", event => { if (event.iscomposing || event.keycode === 229) { return; } // do something }); examples this example logs the keyboardevent.code
value whenever you release a key.
Document.links - Web APIs
the links read-only property of the document interface returns a collection of all <area> elements and <a> elements in a document with a
value for the href attribute.
... syntax nodelist = document.links
value an htmlcollection.
Document.onfullscreenchange - Web APIs
syntax targetdocument.onfullscreenchange = fullscreenchangehandler;
value an event handler which is invoked whenever the document receives a fullscreenchange event, indicating that the document is transitioning into or out of full-screen mode.
... usage notes the fullscreenchange event does not directly specify whether the transition is into or out of full-screen mode, so your event handler should look at the
value of document.fullscreenelement.
Document.querySelectorAll() - Web APIs
return
value a non-live nodelist containing one element object for each element that matches at least one of the specified selectors or an empty nodelist in case of no matches.
...eryselectorall("div.highlighted > p"); this example uses an attribute selector to return a list of the <iframe> elements in the document that contain an attribute named data-src: var matches = document.queryselectorall("iframe[data-src]"); here, an attribute selector is used to return a list of the list items contained within a list whose id is userlist which have a data-active attribute whose
value is 1: var container = document.queryselector("#userlist"); var matches = container.queryselectorall("li[data-active='1']"); accessing the matches once the nodelist of matching elements is returned, you can examine it just like any array.
Document.readyState - Web APIs
when the
value of this property changes, a readystatechange event fires on the document object.
... syntax var string = document.readystate;
values the readystate of a document can be one of following: loading the document is still loading.
Document.referrer - Web APIs
syntax var referrer = document.referrer;
value the
value is an empty string if the user navigated to the page directly (not through a link, but, for example, by using a bookmark).
... inside an <iframe>, the document.referrer will initially be set to the same
value as the href of the parent window's window.location.
Document.selectedStyleSheetSet - Web APIs
setting the
value of this property is equivalent to calling document.enablestylesheetsforset() with the
value of currentstylesheetset, then setting the
value of laststylesheetset to that
value as well.
... note: this attribute's
value is live; directly changing the disabled attribute on style sheets will affect the
value of this attribute.
Document.timeline - Web APIs
the time
values for this timeline are calculated as a fixed offset from the global clock such that the zero time corresponds to the navigationstart moment plus a signed delta known as the origin time.
... syntax var pagetimeline = document.timeline; var thismoment = pagetimeline.currenttime;
value a documenttimeline object.
Document.vlinkColor - Web APIs
syntax color = document.vlinkcolor document.vlinkcolor = color parameters color is a string representing the color as a word (e.g., "red") or hexadecimal
value (e.g., "#ff0000").
... notes the default
value for this property in mozilla firefox is purple (#551a8b in hexadecimal).
Document: wheel event - Web APIs
even when it does, the delta*
values in the wheel event don't necessarily reflect the content's scrolling direction.
...instead, detect
value changes of scrollleft and scrolltop in the scroll event.
DocumentOrShadowRoot.activeElement - Web APIs
syntax element = documentorshadowroot.activeelement
value the element which currently has focus, <body> or null if there is no focused element.
...morbi sed euismod diam.</textarea> </form> <p>active element id: <b id="output-element"></b></p> <p>selected text: <b id="output-text"></b></p> javascript function onmouseup(e) { const activetextarea = document.activeelement; const selection = activetextarea.
value.substring( activetextarea.selectionstart, activetextarea.selectionend ); const outputelement = document.getelementbyid('output-element'); const outputtext = document.getelementbyid('output-text'); outputelement.innerhtml = activetextarea.id; outputtext.innerhtml = selection; } const textarea1 = document.getelementbyid('ta-example-one'); const textarea2 = document.getelementbyid('t...
DocumentOrShadowRoot.fullscreenElement - Web APIs
syntax var element = document.fullscreenelement; return
value the element object that's currently in full-screen mode; if full-screen mode isn't currently in use by the document>, the returned
value is null.
... example this example presents a function, isvideoinfullscreen(), which looks at the
value returned by fullscreenelement; if the document is in full-screen mode (fullscreenelement isn't null) and the full-screen element's nodename is video, indicating a <video> element, the function returns true, indicating that the video is in full-screen mode.
Events and the DOM - Web APIs
the return
value is treated in a special way, described in the html specification.
...the return
value is treated in a special way, described in the html specification.
Introduction to the DOM - Web APIs
<html> <head> <title>dom tests</title> <script> function setbodyattr(attr,
value) { if (document.body) document.body[attr] =
value; else throw new error("no support"); } </script> </head> <body> <div style="margin: .5in; height: 400px;"> <p><b><tt>text</tt></b></p> <form> <select onchange="setbodyattr('text', this.options[this.selectedindex].
value);"> <option
value="black">black</option> <option
value="red">red</option...
...> </select> <p><b><tt>bgcolor</tt></b></p> <select onchange="setbodyattr('bgcolor', this.options[this.selectedindex].
value);"> <option
value="white">white</option> <option
value="lightgrey">gray</option> </select> <p><b><tt>link</tt></b></p> <select onchange="setbodyattr('link', this.options[this.selectedindex].
value);"> <option
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...
EXT_frag_depth - Web APIs
the ext_frag_depth extension is part of the webgl api and enables to set a depth
value of a fragment from within the fragment shader.
... examples enable the extension: gl.getextension('ext_frag_depth'); now the output variable gl_fragdepthext is available to set a depth
value of a fragment from within the fragment shader: <script type="x-shader/x-fragment"> void main() { gl_fragcolor = vec4(1.0, 0.0, 1.0, 1.0); gl_fragdepthext = 0.5; } </script> specifications specification status comment ext_frag_depththe definition of 'ext_frag_depth' in that specification.
EffectTiming.delay - Web APIs
the
value of delay corresponds directly to effecttiming.delay in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
... syntax var timingproperties = { delay: delayinmilliseconds }; timingproperties.delay = delayinmilliseconds;
value a number specifying the delay, in milliseconds, from the start of the animation's play cycle to the beginning of its active interval (the time index at which actual animation begins).
Element.clientHeight - Web APIs
note: this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
Element.clientLeft - Web APIs
note: this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
Element.clientWidth - Web APIs
note: this property will round the
value to an integer.
... if you need a fractional
value, use element.getboundingclientrect().
Element.currentStyle - Web APIs
however, it returns the units set in css while window.getcomputedstyle() returns the
values in pixels.
... polyfill this polyfill returns the
values in pixels and is likely to be rather slow, as it has to call window.getcomputedstyle() every time its
value is read.
Element.getAnimations() - Web APIs
syntax const animations = element.getanimations(options); parameters options optional an options object containing the following property: subtree a boolean
value which, if true, causes animations that target descendants of element to be returned as well.
... return
value an array of animation objects, each representing an animation currently targetting the element on which this method is called, or one of its descendant elements if { subtree: true } is specified.
Element.getAttributeNode() - Web APIs
example // html: <div id="top" /> let t = document.getelementbyid("top"); let idattr = t.getattributenode("id"); alert(idattr.
value == "top") notes when called on an html element in a dom flagged as an html document, getattributenode lower-cases its argument before proceeding.
... getattribute is usually used instead of getattributenode to get the
value of an element's attribute.
Element.getElementsByClassName() - Web APIs
return
value an htmlcollection providing a live-updating list of every element which is a member of every class in names.
... filtering the results using array methods we can also use methods of array.prototype on any htmlcollection by passing the htmlcollection as the method's this
value.
Element.getElementsByTagNameNS() - Web APIs
localname is either the local name of elements to look for or the special
value "*", which matches all elements (see element.localname and attr.localname).
... living standard changed the return
value from nodelist to htmlcollection.
Element.hasAttribute() - Web APIs
the element.hasattribute() method returns a boolean
value indicating whether the specified element has the specified attribute or not.
... syntax var result = element.hasattribute(name); result holds the return
value true or false.
Element.insertAdjacentElement() - Web APIs
return
value the element that was inserted, or null, if the insertion failed.
... exceptions exception explanation syntaxerror the position specified is not a recognised
value.
Element: keydown event - Web APIs
unlike the keypress event, the keydown event is fired for all keys, regardless of whether they produce a character
value.
...to ignore all keydown events that are part of composition, do something like this (229 is a special
value set for a keycode relating to an event that has been processed by an ime): eventtarget.addeventlistener("keydown", event => { if (event.iscomposing || event.keycode === 229) { return; } // do something }); examples addeventlistener keydown example this example logs the keyboardevent.code
value whenever you press down a key inside the <input> element.
Element.localName - Web APIs
syntax name = element.localname return
value a domstring representing the local part of the element's qualified name.
... example (must be served with xml content type, such as text/xml or application/xhtml+xml.) <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> <head> <script type="application/javascript"><![cdata[ function test() { var text = document.getelementbyid('text'); var circle = document.getelementbyid('circle'); text.
value = "<svg:circle> has:\n" + "localname = '" + circle.localname + "'\n" + "namespaceuri = '" + circle.namespaceuri + "'"; } ]]></script> </head> <body onload="test()"> <svg:svg version="1.1" width="100px" height="100px" viewbox="0 0 100 100"> <svg:circle cx="50" cy="50" r="30" style="fill:#aaa" id="circle"/> </svg:svg> <textarea id="text" rows="4" cols="55"/> </body> </htm...
Element.matches() - Web APIs
return
value result is a boolean.
...lican</li> </ul> <script type="text/javascript"> var birds = document.getelementsbytagname('li'); for (var i = 0; i < birds.length; i++) { if (birds[i].matches('.endangered')) { console.log('the ' + birds[i].textcontent + ' is endangered!'); } } </script> this will log "the philippine eagle is endangered!" to the console, since the element has indeed a class attribute with
value endangered.
Element.querySelectorAll() - Web APIs
return
value a non-live nodelist containing one element object for each descendant node that matches at least one of the specified selectors.
...electorall("div.highlighted > p"); this example uses an attribute selector to return a list of the iframe elements in the document that contain an attribute named "data-src": var matches = document.queryselectorall("iframe[data-src]"); here, an attribute selector is used to return a list of the list items contained within a list whose id is "userlist" which have a "data-active" attribute whose
value is "1": var container = document.queryselector("#userlist"); var matches = container.queryselectorall("li[data-active='1']"); accessing the matches once the nodelist of matching elements is returned, you can examine it just like any array.
Element.removeAttribute() - Web APIs
return
value undefined.
... usage notes you should use removeattribute() instead of setting the attribute
value to null either directly or using setattribute().
Element.scrollBy() - Web APIs
syntax element.scrollby(x-coord, y-coord); element.scrollby(options) parameters x-coord is the horizontal pixel
value that you want to scroll by.
... y-coord is the vertical pixel
value that you want to scroll by.
Element.scrollIntoView() - Web APIs
the element interface's scrollintoview() method scrolls the element's parent container such that the element on which scrollintoview() is called is visible to the user syntax element.scrollintoview(); element.scrollintoview(aligntotop); // boolean parameter element.scrollintoview(scrollintoviewoptions); // object parameter parameters aligntotop optional is a boolean
value: if true, the top of the element will be aligned to the top of the visible area of the scrollable ancestor.
...this is the default
value.
Element.shadowRoot - Web APIs
syntax var shadowroot = element.shadowroot;
value a shadowroot object instance, or null if the associated shadow root was attached with its mode set to closed.
... connectedcallback() { console.log('custom square element added to page.'); updatestyle(this); } attributechangedcallback(name, old
value, new
value) { console.log('custom square element attributes changed.'); updatestyle(this); } in the updatestyle() function itself, we get a reference to the shadow dom using element.shadowroot.
Element.slot - Web APIs
syntax var astring = element.slot element.slot = astring
value a domstring.
... when <my-paragraph> is used in the document, the slot is populated by a slotable element by including it inside the element with a slot attribute with the
value my-text.
Element: wheel event - Web APIs
even when it does, the delta*
values in the wheel event don't necessarily reflect the content's scrolling direction.
...instead, detect
value changes of scrollleft and scrolltop of the target in the scroll event.
Event.cancelBubble - Web APIs
setting its
value to true before returning from an event handler prevents propagation of the event.
... syntax event.cancelbubble = bool; var bool = event.cancelbubble;
value a boolean.
Event.composedPath() - Web APIs
return
value an array of eventtarget objects representing the objects on which an event listener will be invoked.
...second, you'll notice a difference in the
value of composedpath for the two elements.
Event.msConvertURL() - Web APIs
targettype [in] type: domstring one of the following
values indicating the desired conversion type: "specified", "base64", or "unchanged".
... return
value this method does not return a
value.
EventSource.readyState - Web APIs
syntax var myreadystate = eventsource.readystate;
value a number representing the state of the connection.
... possible
values are: 0 — connecting 1 — open 2 — closed examples var evtsource = new eventsource('sse.php'); console.log(evtsource.readystate); note: you can find a full example on github — see simple sse demo using php.
EventTarget() - Web APIs
return
value an instance of the eventtarget object.
... examples class myeventtarget extends eventtarget { constructor(mysecret) { super(); this._secret = mysecret; } get secret() { return this._secret; } }; let myeventtarget = new myeventtarget(5); let
value = myeventtarget.secret; // == 5 myeventtarget.addeventlistener("foo", function(e) { this._secret = e.detail; }); let event = new customevent("foo", { detail: 7 }); myeventtarget.dispatchevent(event); let new
value = myeventtarget.secret; // == 7 specifications specification status comment domthe definition of 'eventtarget() constructor' in that specification.
Fetch basic concepts - Web APIs
guard guard is a feature of headers objects, with possible
values of immutable, request, request-no-cors, response, or none, depending on where the header is used.
... guard is request-no-cors and the header name/
value is a simple header .
Using files from web applications - Web APIs
you can determine how many files the user selected by checking the
value of the file list's length attribute: const numfiles = filelist.length; individual file objects can be retrieved by simply accessing the list as an array: for (let i = 0, numfiles = filelist.length; i < numfiles; i++) { const file = filelist[i]; // ...
...ing example shows a possible use of the size property: <!doctype html> <html> <head> <meta charset="utf-8"> <title>file(s) size</title> </head> <body> <form name="uploadform"> <div> <input id="uploadinput" type="file" name="myfiles" multiple> selected files: <span id="filenum">0</span>; total size: <span id="filesize">0</span> </div> <div><input type="submit"
value="send file"></div> </form> <script> function updatesize() { let nbytes = 0, ofiles = this.files, nfiles = ofiles.length; for (let nfileid = 0; nfileid < nfiles; nfileid++) { nbytes += ofiles[nfileid].size; } let soutput = nbytes + " bytes"; // optional code for multiples approximation const amultiples = ["kib", "mib", "gib", "tib", "pib", "eib"...
File.lastModified - Web APIs
syntax const time = instanceoffile.lastmodified;
value a number that represents the number of milliseconds since the unix epoch.
... in firefox, you can also enabled privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
File.lastModifiedDate - Web APIs
syntax var time = instanceoffile.lastmodifieddate
value a date object indicating the date and time at which the file was last modified.
... in firefox, you can also enable privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
File.type - Web APIs
syntax var name = file.type;
value a string, containing the media type(mime) indicating the type of the file, for example "image/png" for png images example <input type="file" multiple onchange="showtype(this)"> function showtype(fileinput) { var files = fileinput.files; for (var i = 0; i < files.length; i++) { var name = files[i].name; var type = files[i].type; alert("filename: " + name + " , type: " + type); } } note: based on the current implementation, browsers won't actually read the bytestream of a file to determine its media type.
...client configuration (for instance, the windows registry) may result in unexpected
values even for common types.
FileException - Web APIs
constants note: do not rely on the numeric
values of the constants, which might change as the specifications continue to change.
... constant
value description encoding_err 5 the url is malformed.
FileList - Web APIs
for example, if the html includes the following file input: <input id="fileitem" type="file"> the following line of code fetches the first file in the node's file list as a file object: var file = document.getelementbyid('fileitem').files[0]; method overview file item(index); properties attribute type description length integer a read-only
value indicating the number of files in the list.
... return
value the file representing the requested file.
FileReader.readyState - Web APIs
a filereader exists in one of the following states:
value state description 0 empty reader has been created.
... example var reader = new filereader(); console.log('empty', reader.readystate); // readystate will be 0 reader.readastext(blob); console.log('loading', reader.readystate); // readystate will be 1 reader.onloadend = function () { console.log('done', reader.readystate); // readystate will be 2 };
value a number which is one of the three possible state constants define for the filereader api.
FileReader.result - Web APIs
syntax var file = instanceoffilereader.result
value an appropiate string or arraybuffer based on which of the reading methods was used to initiate the read operation.
... the
value is null if the reading is not yet complete or was unsuccessful.
FileSystemEntry.toURL() - Web APIs
this is done by exposing a new url scheme—filesystem:—that can be used as the
value of src and href attributes.
... return
value a domstring containing a url that can then be used as a document reference in html content, or an empty string if the url can't be generated (such as if the file system implementation doesn't support tourl()).
FileHandle API - Web APIs
however, they are important for the filehandle object as it can generate file objects which inherit their own name and type from those
values.
... var progress = document.queryselector('progress'); var myfile = myfilehandle.open('readonly'); // let's read a 1gb file var action = myfile.readasarraybuffer(1000000000); action.onprogress = function (event) { if (progress) { progress.
value = event.loaded; progress.max = event.total; } } action.onsuccess = function () { console.log('yeah \o/ just read a 1gb file'); } action.onerror = function () { console.log('oups :( unable to read a 1gb file') } file storage when a file handle is created, the associated file only exists as a "temporary file" as long as you hold the filehandle instance.
FontFace.FontFace() - Web APIs
syntax var fontface = new fontface(family, source, descriptors); parameters family specifies a name that will be used as the font face
value for font properties.
... takes the same type of
values as the font-family descriptor of @font-face .
FontFace.status - Web APIs
the status read-only property of the fontface interface returns an enumerated
value indicating the status of the font, one of "unloaded", "loading", "loaded", or "error".
... syntax var status = fontface.status;
value one of "unloaded", "loading", "loaded", or "error".
FontFace.variant - Web APIs
the variant property of the fontface interface programatically retrieves or sets font variant
values.
... syntax var variantsubproperty = fontface.variant; fontface.variant = variantsubproperty;
value a cssomstring containing a descriptor as it would be defined in a style sheet's @font-face rule.
FormData.delete() - Web APIs
the delete() method of the formdata interface deletes a key and its
value(s) from a formdata object.
... example the following line creates an empty formdata object and prepopulates it with key/
value pairs from a form: var formdata = new formdata(myform); you can delete keys and their
values using delete(): formdata.delete('username'); specifications specification status comment xmlhttprequestthe definition of 'delete()' in that specification.
FormData.keys() - Web APIs
syntax formdata.keys(); return
value returns an iterator.
... example // create a test formdata object var formdata = new formdata(); formdata.append('key1', '
value1'); formdata.append('key2', '
value2'); // display the keys for (var key of formdata.keys()) { console.log(key); } the result is: key1 key2 specifications specification status comment xmlhttprequestthe definition of 'keys() (as iterator<>)' in that specification.
FormDataEvent() - Web APIs
syntax new formdataevent(type[, formeventinit]);
values type a domstring representing the name of the event.
... examples let fd = new formdata(); fd.append('test', 'test'); let fdev = new formdataevent('formdata', { formdata: fd }); for (let
value of fdev.formdata.
values()) { console.log(
value); } specifications specification status comment html living standardthe definition of 'formdataevent' in that specification.
FullscreenOptions.navigationUI - Web APIs
syntax let fullscreenoptions = { navigationui:
value };
value the
value of the navigationui property must be one of the following strings.
...this is the default
value.
Gamepad.axes - Web APIs
analog thumb sticks).- each entry in the array is a floating point
value in the range -1.0 – 1.0, representing the axis position from the lowest
value (-1.0) to the highest
value (1.0).
... gp = navigator.webkitgetgamepads()[0]; } else { var gp = navigator.getgamepads()[0]; } if(gp.axes[0] != 0) { b -= gp.axes[0]; } else if(gp.axes[1] != 0) { a += gp.axes[1]; } else if(gp.axes[2] != 0) { b += gp.axes[2]; } else if(gp.axes[3] != 0) { a -= gp.axes[3]; } ball.style.left = a*2 + "px"; ball.style.top = b*2 + "px"; var start = raf(gameloop); };
value an array of double
values.
Gamepad.connected - Web APIs
if the gamepad is connected, the
value is true; if not, it is false.
... syntax readonly attribute boolean connected; example var gp = navigator.getgamepads()[0]; console.log(gp.connected);
value a boolean.
Gamepad.hand - Web APIs
syntax var myhand = gamepadinstance.hand;
value a gamepadhand enum; possible
values are: left — the left hand.
... empty string ("") — this
value is returned if the other
values are not applicable, e.g.
GeolocationCoordinates.altitude - Web APIs
this
value is null if the implementation cannot provide this data.
... syntax let alt = geolocationcoordinatesinstance.altitude
value a double representing the altitude of the position in meters, relative to sea level.
GeolocationCoordinates.altitudeAccuracy - Web APIs
this
value is null if the implementation doesn't support measuring altitude.
... syntax let altacc = geolocationcoordinatesinstance.altitudeaccuracy
value a positive double representing the accuracy, with a 95% confidence level, of the altitude expressed in meters.
GeolocationCoordinates.speed - Web APIs
this
value is null if the implementation is not able to measure it.
... syntax let speed = geolocationcoordinatesinstance.speed
value a double representing the velocity of the device in meters per second.
GeolocationPositionError.code - Web APIs
syntax let typeerr = geolocationpositionerrorinstance.code
value an unsigned short representing the error code.
... the following
values are possible:
value associated constant description 1 permission_denied the acquisition of the geolocation information failed because the page didn't have the permission to do it.
Using the Geolocation API - Web APIs
const watchid = navigator.geolocation.watchposition((position) => { dosomething(position.coords.latitude, position.coords.longitude); }); the watchposition() method returns an id number that can be used to uniquely identify the requested position watcher; you use this
value in tandem with the clearwatch() method to stop watching the user's location.
... this object allows you to specify whether to enable high accuracy, a maximum age for the returned position
value (up until this age it will be cached and reused if the same position is requested again; after this the browser will request fresh position data), and a timeout
value that dictates how long the browser should attempt to get the position data for, before it times out.
GlobalEventHandlers.onblur - Web APIs
syntax target.onblur = functionref;
value functionref is a function name or a function expression.
... html <input type="text"
value="click here"> javascript let input = document.queryselector('input'); input.onblur = inputblur; input.onfocus = inputfocus; function inputblur() { input.
value = 'focus has been lost'; } function inputfocus() { input.
value = 'focus is here'; } result try clicking in and out of the form field, and watch its contents change accordingly.
GlobalEventHandlers.onfocus - Web APIs
syntax target.onfocus = functionref;
value functionref is a function name or a function expression.
... html <input type="text"
value="click here"> javascript let input = document.queryselector('input'); input.onblur = inputblur; input.onfocus = inputfocus; function inputblur() { input.
value = 'focus has been lost'; } function inputfocus() { input.
value = 'focus is here'; } result try clicking in and out of the form field, and watch its contents change accordingly.
GlobalEventHandlers.onformdata - Web APIs
syntax target.onformdata = functionref;
value functionref is a function name or a function expression.
...t handler formelem.addeventlistener('submit', (e) => { // on form submission, prevent default e.preventdefault(); // construct a formdata object, which fires the formdata event new formdata(formelem); }); // formdata handler to retrieve data formelem.onformdata = (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var
value of data.
values()) { console.log(
value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }; specifications specification status comment html living standardthe definition of 'onformdata' in that specification.
GlobalEventHandlers.onkeydown - Web APIs
syntax target.onkeydown = functionref;
value functionref is a function name or a function expression.
... example this example logs the keyboardevent.code
value whenever you press down a key inside the <input> element.
GlobalEventHandlers.onkeypress - Web APIs
syntax target.onkeypress = functionref;
value functionref is a function name or a function expression.
... examples basic example this example logs the keyboardevent.code
value whenever you press a key inside the <input> element.
GlobalEventHandlers.onkeyup - Web APIs
syntax target.onkeyup = functionref;
value functionref is a function name or a function expression.
... example this example logs the keyboardevent.code
value whenever you release a key inside the <input> element.
GlobalEventHandlers.onpointerdown - Web APIs
syntax target.onpointerdown = downhandler; var downhandler = target.onpointerdown;
value a function to handle the pointerdown event for the target element, document, or window.
... the handledown() function, in turn, looks at the
value of pointertype to determine what kind of pointing device was used, then uses that information to customize a string to replace the contents of the target box.
GlobalEventHandlers.onselect - Web APIs
syntax target.onselect = functionref;
value functionref is a function name or a function expression.
... html <textarea>try selecting some text in this element.</textarea> <p id="log"></p> javascript function logselection(event) { const log = document.getelementbyid('log'); const selection = event.target.
value.substring(event.target.selectionstart, event.target.selectionend); log.textcontent = `you selected: ${selection}`; } const textarea = document.queryselector('textarea'); textarea.onselect = logselection; result specification specification status comment html living standardthe definition of 'onselect' in that specification.
HTMLAnchorElement - Web APIs
the
value represent the proposed name of the file.
...it is a synonym for htmlhyperlinkelementutils.href, though it can't be used to modify the
value.
HTMLAreaElement - Web APIs
the
value represent the proposed name of the file.
... htmlareaelement.shape is a domstring that reflects the shape html attribute, indicating the shape of the hot-spot, limited to known
values.
Audio() - Web APIs
return
value a new htmlaudioelement object, configured to be used for playing back the audio from the file specified by url.the new object's preload property is set to auto and its src property is set to the specified url or null if no url is given.
... determining when playback can begin there are three ways you can tell when enough of the audio file has loaded to allow playback to begin: check the
value of the readystate property.
HTMLCollection.item - Web APIs
note: because the contents of an htmlcollection are live, changes to the underlying dom can and will cause the position of individual nodes in the collection to change, so the index
value will not necessarily remain constant for a given node.
... return
value the node at the specified index, or null if index is less than zero or greater than or equal to the length property.
HTMLDialogElement.show() - Web APIs
return
value void.
...utton> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.return
value = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } } // update button opens a modal dialog updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); }); // form cancel button closes the d...
HTMLDialogElement.showModal() - Web APIs
return
value void.
...utton> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.return
value = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } } // update button opens a modal dialog updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); }); // form cancel button closes the d...
HTMLElement.contentEditable - Web APIs
this enumerated attribute can have the following
values: 'true' indicates that the element is contenteditable.
... you can use the htmlelement.iscontenteditable property to test the computed boolean
value of this property.
HTMLFontElement.size - Web APIs
it contains either an integer number in the range of 1-7 or a relative
value to increase/decrease the
value of the size attribute of the <basefont> element.
... the format of the string must follow one of the following html microsyntaxes: microsyntax description examples valid size number string integer number in the range of 1-7 6 relative size string +x or -x, where x is the number relative to the
value of the size attribute of the <basefont> element (the result should be in the same range of 1-7) +2 -1 syntax sizestring = fontobj.size; fontobj.size = sizestring; examples // assumes there is <font id="f"> element in the html var f = document.getelementbyid("f"); f.size = "6"; specifications the <font> tag is not supported in html5 and as a result neither is <font>.size .
HTMLFormControlsCollection.namedItem() - Web APIs
like that one, in javascript, using the array bracket syntax with a string, like collection["
value"] is equivalent to collection.nameditem("
value").
... syntax var item = collection.nameditem(str); var item = collection[str]; parameters str is a domstring return
value item is a radionodelist , element, or null.
HTMLFormElement.elements - Web APIs
syntax nodelist = htmlformelement.elements
value an htmlformcontrolscollection containing all non-image controls in the form.
... var inputs = document.getelementbyid("my-form").elements; // iterate over the form controls for (i = 0; i < inputs.length; i++) { if (inputs[i].nodename === "input" && inputs[i].type === "text") { // update text input inputs[i].
value.tolocaleuppercase(); } } disabling form controls var inputs = document.getelementbyid("my-form").elements; // iterate over the form controls for (i = 0; i < inputs.length; i++) { // disable all form controls inputs[i].setattribute("disabled", ""); } specifications specification status comment html living standardthe definition of 'htmlformelement.elements' in ...
HTMLFormElement.enctype - Web APIs
possible
values are: application/x-www-form-urlencoded: the initial default type.
... this
value can be overridden by a formenctype attribute on a <button> or <input> element.
HTMLFormElement: formdata event - Web APIs
lem.addeventlistener('submit', (e) => { // on form submission, prevent default e.preventdefault(); // construct a formdata object, which fires the formdata event new formdata(formelem); }); // formdata handler to retrieve data formelem.addeventlistener('formdata', (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var
value of data.
values()) { console.log(
value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }); the onformdata version would look like this: formelem.onformdata = (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var
value of data.
values()) ...
...{ console.log(
value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }; specifications specification status comment html living standardthe definition of 'formdata' in that specification.
HTMLIFrameElement - Web APIs
this attribute also accepts the
values self and src which represent the origin in the iframe's src attribute.
... the default
value is src.
HTMLImageElement.decoding - Web APIs
syntax refstr = imgelem.decoding; imgelem.decoding = refstr;
values a domstring representing the decoding hint.
... possible
values are: sync: decode the image synchronously for atomic presentation with other content.
HTMLImageElement.hspace - Web APIs
syntax htmlimageelement.hspace = marginwidth; marginwidth = htmlimageelement.hspace;
value an integer
value specifying the width, in pixels, of the horizontal margin to apply to the left and right sides of the image.
... usage notes the
value specified for hspace is mapped to the margin-left and margin-right properties to specify the width of those margins in pixels.
HTMLImageElement.referrerPolicy - Web APIs
syntax refstr = imgelt.referrerpolicy; imgelt.referrerpolicy = refstr;
values a domstring representing the referrer policy.
... possible
values are: "no-referrer" meaning that the referer: http header will not be sent.
HTMLImageElement.vspace - Web APIs
syntax htmlimageelement.vspace = marginheight; marginheight = htmlimageelement.vspace;
value an integer
value specifying the height, in pixels, of the vertical margin to apply to the top and bottom sides of the image.
... usage notes the
value specified for vspace is mapped to the margin-top and margin-bottom properties to specify the height of those margins in pixels.
HTMLInputElement: search event - Web APIs
in that case the
value of the <input> element will be the empty string.
... examples // addeventlistener version const input = document.queryselector('input[type="search"]'); input.addeventlistener('search', () => { console.log("the term searched for was " + input.
value); }) // onsearch version const input = document.queryselector('input[type="search"]'); input.onsearch = () => { console.log("the term searched for was " + input.
value); }) specifications this event is not part of any specification.
HTMLInputElement.select() - Web APIs
html <input type="text" id="text-box" size="20"
value="hello world!"> <button onclick="selecttext()">select text</button> javascript function selecttext() { const input = document.getelementbyid('text-box'); input.focus(); input.select(); } result notes calling element.select() will not necessarily focus the input, so it is often used with htmlelement.focus().
... in browsers where it is not supported, it is possible to replace it with a call to htmlinputelement.setselectionrange() with parameters 0 and the input's
value length: <input onclick="this.select();"
value="sample text" /> <!-- equivalent to --> <input onclick="this.setselectionrange(0, this.
value.length);"
value="sample text" /> specifications specification status comment html living standardthe definition of 'select' in that specification.
HTMLLIElement - Web APIs
htmllielement.
value is a long indicating the ordinal position of the list element inside a given <ol>.
... it reflects the
value attribute of the html <li> element, and can be smaller than 0.
HTMLLabelElement.control - Web APIs
syntax control = htmllabelelement.control
value an htmlelement derived object representing the control with which the <label> is associated, or null if the label stands alone.
... if this property has a
value and htmllabelelement.htmlfor has a
value, the htmllabelelement.htmlfor property must refer to the same control.
HTMLMediaElement.autoplay - Web APIs
syntax htmlmediaelement.autoplay = true | false; var autoplay = htmlmediaelement.autoplay;
value a boolean whose
value is true if the media element will begin playback as soon as enough content has loaded to allow it to do so without interruption.
... <video id="video" controls> <source src="https://player.vimeo.com/external/250688977.sd.mp4?s=d14b1f1a971dde13c79d6e436b88a6a928dfe26b&profile_id=165"> </video> *** disable autoplay (recommended) *** false is the default
value document.queryselector('#video').autoplay = false; specifications specification status comment html living standardthe definition of 'htmlmediaelement.autoplay' in that specification.
HTMLMediaElement.canPlayType() - Web APIs
return
value a domstring indicating how likely it is that the media can be played.
... the string will be one of the following
values: probably media of the type indicated by the mediatype parameter is probably playable on this device.
HTMLMediaElement.controlsList - Web APIs
the domtokenlist takes one or more of three possible
values: nodownload, nofullscreen, and noremoteplayback.
... syntax var domtokenlist = htmlmediaelement.controlslist;
value a domtokenlist.
HTMLMediaElement.currentSrc - Web APIs
the
value is an empty string if the networkstate property is empty.
... syntax var mediaurl = audioobject.currentsrc;
value a domstring object containing the absolute url of the chosen media source; this may be an empty string if networkstate is empty; otherwise, it will be one of the resources listed by the htmlsourceelement contained within the media element, or the
value or src if no <source> element is provided.
HTMLMediaElement.ended - Web APIs
syntax var isended = htmlmediaelement.ended
value a boolean which is true if the media contained in the element has finished playing.
... if the source of the media is a mediastream, this
value is true if the
value of the stream's active property is false.
HTMLMediaElement.networkState - Web APIs
syntax var networkstate = audioorvideo.networkstate;
value an unsigned short.
... possible
values are: constant
value description network_empty 0 there is no data yet.
HTMLMediaElement.play() - Web APIs
return
value a promise which is resolved when playback has been started, or is rejected if for any reason playback cannot be started.
... note: older browsers may not return a
value from play().
HTMLMediaElement.readyState - Web APIs
syntax var readystate = audioorvideo.readystate;
value an unsigned short.
... possible
values are: constant
value description have_nothing 0 no information is available about the media resource.
HTMLMetaElement - Web APIs
name type description content domstring gets or sets the
value of meta-data property.
... scheme domstring gets or sets the name of a scheme used to interpret the
value of a meta-data property.
HTMLMeterElement.labels - Web APIs
syntax var labelelements = meter.labels; return
value a nodelist containing the <label> elements associated with the <meter> element.
... example html <label id="label1" for="test">label 1</label> <meter id="test" min="0" max="100"
value="70">70</meter> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const meter = document.getelementbyid("test"); for(var i = 0; i < meter.labels.length; i++) { console.log(meter.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLProgressElement.labels - Web APIs
syntax var labelelements = progress.labels; return
value a nodelist containing the <label> elements associated with the <progress> element.
... example html <label id="label1" for="test">label 1</label> <progress id="test"
value="70" max="100">70%</progress> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const progress = document.getelementbyid("test"); for(var i = 0; i < progress.labels.length; i++) { console.log(progress.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLScriptElement.referrerPolicy - Web APIs
syntax refstr = scriptelem.referrerpolicy; scriptelem.referrerpolicy = refstr;
value a domstring; one of the following: no-referrer the referer header will be omitted entirely.
... note: an empty string
value ("") is both the default
value, and a fallback
value if referrerpolicy is not supported.
HTMLSelectElement.form - Web APIs
syntax edit aform = aselectelement.form.selectname; example html <form action="http://www.google.com/search" method="get"> <label>google: <input type="search" name="q"></label> <input type="submit"
value="search..."> </form> javascript a property available on all form elements, "type" returns the type of the calling form element.
... for select, the two possible
values are "select-one" or "select-multiple", depending on the type of selection list.
HTMLSelectElement.labels - Web APIs
syntax var labelelements = select.labels; return
value a nodelist containing the <label> elements associated with the <select> element.
... example html <label id="label1" for="test">label 1</label> <select id="test"> <option
value="1">option 1</option> <option
value="2">option 2</option> </select> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const select = document.getelementbyid("test"); for(var i = 0; i < select.labels.length; i++) { console.log(select.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLSelectElement.namedItem() - Web APIs
in javascript, using the array bracket syntax with a string, like selectelt["
value"] is equivalent to selectelt.nameditem("
value").
... return
value item is a htmloptionelement.
HTMLSelectElement.options - Web APIs
syntax var options = select.options; return
value a htmloptionscollection containing the <option> elements contained by the <select> element.
... example html <label for="test">label</label> <select id="test"> <option
value="1">option 1</option> <option
value="2">option 2</option> </select> javascript window.addeventlistener("domcontentloaded", function() { const select = document.getelementbyid("test"); for(var i = 0; i < select.options.length; i++) { console.log(select.options[i].label); // "option 1" and "option 2" } }); specifications specification status comment html living standardthe definition of 'options' in that specification.
HTMLSelectElement.selectedIndex - Web APIs
the htmlselectelement.selectedindex is a long that reflects the index of the first or last selected <option> element, depending on the
value of multiple.
... the
value -1 indicates that no element is selected.
HTMLSelectElement.selectedOptions - Web APIs
syntax var selectedcollection = htmlselectelement.selectedoptions;
value an htmlcollection which lists every currently selected htmloptionelement which is either a child of the htmlselectelement or of an htmloptgroupelement within the <select> element.
... html the html that creates the selection box and the <option> elements representing each of the food choices looks like this: <label for="foods">what do you want to eat?</label><br> <select id="foods" name="foods" size="7" multiple> <option
value="1">burrito</option> <option
value="2">cheeseburger</option> <option
value="3">double bacon burger supreme</option> <option
value="4">pepperoni pizza</option> <option
value="5">taco</option> </select> <br> <button name="order" id="order"> order now </button> <p id="output"> </p> the <select> element is set to allow multiple items to be selected, and it is 7 rows tall.
HTMLStyleElement - Web APIs
htmlstyleelement.disabled is a boolean
value representing whether or not the stylesheet is disabled (true) or not (false).
... linkstyle.sheet read only returns the stylesheet object associated with the given element, or null if there is none htmlstyleelement.scoped is a boolean
value indicating if the element applies to the whole document (false) or only to the parent's sub-tree (true).
HTMLTrackElement.src - Web APIs
the htmltrackelement.src property reflects the
value of the <track> element's src attribute, which indicates the url of the text track's data.
... syntax var texttrackurl = htmltrackelement.src;
value a domstring object containing the url of the text track data.
HTMLTrackElement - Web APIs
possible
values are: subtitles, captions, descriptions, chapters, or metadata.
... htmltrackelement.readystate read only returns an unsigned short that show the readiness state of the track: constant
value description none 0 indicates that the text track's cues have not been obtained.
HTMLUListElement - Web APIs
htmlulistelement.type is a domstring
value reflecting the type and defining the kind of marker to be used to display.
... the
values are browser dependent and have never been standardized.
HTMLVideoElement.getVideoPlaybackQuality() - Web APIs
syntax videopq = videoelement.getvideoplaybackquality(); return
value a videoplaybackquality object providing information about the video element's current playback quality.
...this
value includes any dropped or corrupted frames, so it's not the same as "total number of frames played." var videoelem = document.getelementbyid("my_vid"); var counterelem = document.getelementbyid("counter"); var quality = videoelem.getvideoplaybackquality(); counterelem.innertext = quality.totalvideoframes; specifications specification status comment media playback qualitythe definition of 'htmlvideoelement.getvideoplaybackquality()' in that specification.
HTMLVideoElement.videoHeight - Web APIs
syntax height = htmlvideoelement.videoheight;
value an integer
value specifying the intrinsic height of the video in css pixels.
... if the element's readystate is htmlmediaelement.have_nothing, then the
value of this property is 0, because neither video nor poster frame size information is yet available.
HTMLVideoElement.videoWidth - Web APIs
syntax width = htmlvideoelement.videowidth;
value an integer
value specifying the intrinsic width of the video in css pixels.
... if the element's readystate is htmlmediaelement.have_nothing, then the
value of this property is 0, because neither video nor poster frame size information is yet available.
HTML Drag and Drop API - Web APIs
additionally, application semantics may differ depending on the
value of the dropeffect and/or the state of modifier keys.
...the dragend event handler can check the
value of the dropeffect property to determine if the drag operation succeeded or not.
Headers.delete() - Web APIs
this method throws a typeerror for the following reasons: the
value of the name parameter is not the name of an http header.
... the
value of guard is immutable.
IDBCursor.continue() - Web APIs
also note that in each iteration of the loop, you can grab data from the current record under the cursor object using cursor.
value.foo.
...see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.
value.albumtitle + ', ' + cursor.
value.year; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'continue()' in that specification.
IDBCursor.continuePrimaryKey() - Web APIs
calling this method more than once before new cursor data has been loaded - for example, calling continueprimarykey() twice from the same onsuccess handler - results in an invalidstateerror being thrown on the second call because the cursor’s got
value flag has been unset.
...ursor = event.target.result; if (!cursor) { return; } let lastprimarykey = getlastiteratedarticleid(); if (lastprimarykey > cursor.primarykey) { cursor.continueprimarykey("javascript", lastprimarykey); return; } // update lastiteratedarticleid setlastiteratedarticleid(cursor.primarykey); // preload 5 articles into the unread list; unreadlist.push(cursor.
value); if (++count < 5) { cursor.continue(); } }; specifications specification status comment indexed database api draftthe definition of 'continueprimarykey()' in that specification.
IDBCursor.request - Web APIs
syntax var request = cursor.request;
value an idbrequest object instance.
...() { list.innerhtml = ''; var transaction = db.transaction(['rushalbumlist'], 'readonly'); var objectstore = transaction.objectstore('rushalbumlist'); var request = objectstore.opencursor(); request.onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.
value.albumtitle + '</strong>, ' + cursor.
value.year; list.appendchild(listitem); console.log(cursor.request); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api draftthe definition of 'request' in that specification.
IDBDatabaseException - Web APIs
constants note: do not rely on the numeric
values of the constants, which might change as the specifications continue to change.
... constant
value description abort_err 8 a request was aborted, for example, through a call to idbtransaction.abort.
IDBKeyRange.includes() - Web APIs
return
value a boolean.
... example var keyrange
value = idbkeyrange.bound('a', 'k', false, false); var myresult = keyrange
value.includes('f'); // returns true var myresult = keyrange
value.includes('w'); // returns false polyfill the includes() method was added in the second edition of the indexed db specification.
IDBObjectStore.autoIncrement - Web APIs
the autoincrement read-only property of the idbobjectstore interface returns the
value of the auto increment flag for this object store.
... syntax var myautoincrement = objectstore.autoincrement;
value a boolean:
value meaning true the object store auto increments.
IDBObjectStore.count() - Web APIs
return
value an idbrequest object on which subsequent events related to this operation are fired.
... example in this simple fragment we create a transaction, retrieve an object store, then count the number of records in the store using count() — when the success handler fires, we log the count
value (an integer) to the console.
IDBRequest.readyState - Web APIs
syntax var currentreadystate = request.readystate;
value the idbrequestreadystate of the request, which takes one of the following two
values:
value meaning pending the request is pending.
... up a transaction as usual var objectstore = db.transaction(['todolist'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified
value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the readystate of this request is " + updatetitlerequest.readystate); // when this new request succeeds, run the displaydata() // function again to update the displa...
IDBRequest.result - Web APIs
syntax var myresult = request.result;
value any example the following example requests a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
... up a transaction as usual var objectstore = db.transaction(['todolist'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified
value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification stat...
IDBRequest.source - Web APIs
syntax var idbindex = request.source; var idbcursor = request.source; var idbobjectstore = request.source;
value an object representing the source of the request, such as an idbindex, idbobjectstore or idbcursor.
...n up a transaction as usual var objectstore = db.transaction(['todolist'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as its title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified
value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the source of this request is " + updatetitlerequest.source); // when this new request succeeds, run the displaydata() // function again to update the display updat...
IDBRequest.transaction - Web APIs
syntax var mytransaction = request.transaction;
value an idbtransaction.
... up a transaction as usual var objectstore = db.transaction(['todolist'], "readwrite").objectstore('todolist'); // get the to-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified
value in the object to "yes" data.notified = "yes"; // create another request that inserts the item back // into the database var updatetitlerequest = objectstore.put(data); // log the transaction that originated this request console.log("the transaction that originated this request is " + updatetitlerequest.transaction); // when this new request succeeds, run the displaydata() // fu...
IDBTransaction.error - Web APIs
syntax var myerror = transaction.error;
value a domerror containing the relevant error.
... full support 14safari ios full support 8samsung internet android full support 1.5 full support 1.5 no support 1.5 — 7.0prefixed prefixed implemented with the vendor prefix: webkitdomexception
value instead of domerrorchrome full support 48edge full support ≤18firefox full support 58ie no support noopera full support yessafari no support ...
IDBTransaction.mode - Web APIs
is the mode to be read-only, or do you want to write to the object stores?) the default
value is readonly.
... syntax var mycurrentmode = idbtransaction.mode;
value an idbtransactionmode object defining the mode for isolating access to data in the current object stores:
value explanation readonly allows data to be read but not changed.
IdleDeadline.timeRemaining() - Web APIs
syntax timeremaining = idledeadline.timeremaining(); return
value a domhighrestimestamp
value (which is a floating-point number) representing the number of milliseconds the user agent estimates are left in the current idle period.
... the
value is ideally accurate to within about 5 microseconds.
ImageCapture.getPhotoCapabilities() - Web APIs
syntax const capabilitiespromise = imagecaptureobj.getphotocapabilities() return
value a promise that resolves with a photocapabilities object.
... imagecapture = new imagecapture(track); return imagecapture.getphotocapabilities(); }) .then(photocapabilities => { const settings = imagecapture.track.getsettings(); input.min = photocapabilities.imagewidth.min; input.max = photocapabilities.imagewidth.max; input.step = photocapabilities.imagewidth.step; return imagecapture.getphotosettings(); }) .then(photosettings => { input.
value = photosettings.imagewidth; }) .catch(error => console.log('argh!', error.name || error)); specifications specification status comment mediastream image capturethe definition of 'getphotocapabilities()' in that specification.
InputEvent.inputType - Web APIs
syntax var astring = inputevent.inputtype;
value a domstring containing the type of input that was made.
... there are many possible
values, such as inserttext, deletecontentbackward, insertfrompaste, and formatbold.
install - Web APIs
returns install returns true if the function succeeded and false if it did not, but these
values are not always reliable as a determinant of the success of the operation.
...the { } constructor takes a comma-delimited set of label/
value pairs.
installChrome - Web APIs
returns a boolean
value indicating false if the software install feature has been turned off, and true if it's on.
... note that this return
value does not indicate anything about the success of the installation.
IntersectionObserverEntry.boundingClientRect - Web APIs
syntax var boundsrect = intersectionobserverentry.boundingclientrect;
value a domrectreadonly which describes the smallest rectangle that contains every part of the target element whose intersection change is being described.
... this
value is obtained using the same algorithm as element.getboundingclientrect(), so refer to that article for details on precisely what is done to obtain this rectangle and what is and is not included within its bounds.
IntersectionObserverEntry.isIntersecting - Web APIs
the intersectionobserverentry interface's read-only isintersecting property is a boolean
value which is true if the target element intersects with the intersection observer's root.
... syntax var isintersecting = intersectionobserverentry.isintersecting;
value a boolean
value which indicates whether the target element has transitioned into a state of intersection (true) or out of a state of intersection (false).
IntersectionObserverEntry.rootBounds - Web APIs
syntax var rootbounds = intersectionobserverentry.rootbounds;
value a domrectreadonly which describes the root intersection rectangle.
... this rectangle is offset by the
values in intersectionobserver.rootmargin.
Keyboard.lock() - Web APIs
a list of valid code
values is found in the ui events keyboardevent code
values spec.
... return
value a promise.
KeyboardEvent.getModifierState() - Web APIs
syntax var active = event.getmodifierstate(keyarg); returns a boolean parameters keyarg a modifier key
value.
... the
value must be one of the keyboardevent.key
values which represent modifier keys, or the string "accel" .
KeyboardEvent.keyCode - Web APIs
the deprecated keyboardevent.keycode read-only property represents a system and implementation dependent numerical code identifying the unmodified
value of the pressed key.
...if the key can't be identified, this
value is 0.
KeyboardLayoutMap.entries - Web APIs
the entries read-only property of the keyboardlayoutmap interface 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).
... syntax keyboardlayoutmap.entries()
value an array of the given keyboardlayoutmap object's own enumerable property [key,
value] pairs.
KeyboardLayoutMap.has() - Web APIs
a list of valid keys is found in the ui events keyboardevent code
values spec.
... return
value a boolean indicating whether the specifed key was found.
KeyframeEffect.getKeyframes() - Web APIs
return
value returns a sequence of objects with the following format: property
value pairs as many property
value pairs as are contained in each keyframe of the animation.
... composite the keyframeeffect.composite operation used to combine the
values specified in this keyframe with the underlying
value.
LargestContentfulPaint - Web APIs
examples the following example shows how to create a performanceobserver that listens for largest-contentful-paint entries and logs the lcp
value to the console.
...// https://bugs.webkit.org/show_bug.cgi?id=209216 try { let lcp; const po = new performanceobserver((entrylist) => { const entries = entrylist.getentries(); const lastentry = entries[entries.length - 1]; // update `lcp` to the latest
value, using `rendertime` if it's available, // otherwise using `loadtime`.
LayoutShift - Web APIs
properties layoutshift.
value returns the impact fraction (fraction of the viewport that was shifted) times the distance fraction (distance moved as a fraction of viewport).
... if (!entry.hadrecentinput) { cumulativelayoutshiftscore += entry.
value; } } }); observer.observe({type: 'layout-shift', buffered: true}); document.addeventlistener('visibilitychange', () => { if (document.visibilitystate === 'hidden') { // force any pending records to be dispatched.
LocalFileSystem - Web APIs
tent, 1024*1024,oninitfs,errorhandler); method overview void requestfilesystem (in unsigned short type, in unsigned long long size, in filesystemcallback successcallback, in optional errorcallback errorcallback); void resolvelocalfilesystemurl (in domstring url, in entrycallback successcallback, in optional errorcallback errorcallback); constants constant
value description temporary 0 transient storage that can be be removed by the browser at its discretion.
...the
values can be either temporary or persistent.
LocalFileSystemSync - Web APIs
method overview filesystemsync requestfilesystemsync (in unsigned short type, in long long size) raises fileexception; entrysync resolvelocalfilesystemsyncurl (in domstring url) raises fileexception; constants constant
value description temporary 0 transient storage that can be be removed by the browser at its discretion.
...the
values can be either temporary or persistent.
MSGestureEvent - Web APIs
positive
values indicate clockwise rotation; negative
values indicate anticlockwise rotation.
... msgestureevent.initgestureevent() initializes the
value of an msgestureevent.
MediaCapabilities.decodingInfo() - Web APIs
return
value a promise fulfilling with a mediacapabilitiesinfo interface containing three boolean attributes: supported smooth powerefficient exceptions a typeerror is raised if the mediaconfiguration passed to the decodinginfo() method is invalid, either because the type is not video or audio, the contenttype is not a valid codec mime type, the media decoding configuration is not a valid
value for t...
...he media decoding type, or any other error in the media configuration passed to the method, including omitting
values required in the media decoding configuration.
MediaDeviceInfo.groupId - Web APIs
syntax var groupid = mediadeviceinfo.groupid;
value a domstring which uniquely identifies the group of related devices to which this device belongs.
... this could be altered easily to either leave out the passed-in device from the returned list, or to place it at the top of the list, by comparing the two objects' deviceid
values, only pushing the device onto the result list if it doesn't match.
MediaDeviceInfo.kind - Web APIs
the kind readonly property of the mediadeviceinfo interface returns an enumerated
value, that is either "videoinput", "audioinput" or "audiooutput".
... syntax var kind = mediadeviceinfo.kind
value a domstring.
MediaDevices.getSupportedConstraints() - Web APIs
return
value a new object based on the mediatracksupportedconstraints dictionary listing the constraints supported by the user agent.
... because only constraints supported by the user agent are included in the list, each of these boolean properties has the
value true.
MediaElementAudioSourceNode - Web APIs
// create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node var gainnode = audioctx.creategain(); // create variables to store mouse pointer y coordinate // and height of screen var cury; var height = window.innerheight; // get new mouse pointer coordinates when mouse is moved // then set new gain
value document.onmousemove = updatepage; function updatepage(e) { cury = (window.event) ?
...document.documentelement.scrolltop : document.body.scrolltop); gainnode.gain.
value = cury/height; } // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.connect(gainnode); gainnode.connect(audioctx.destination); note: as a consequence of calling createmediaelementsource(), audio playback from the htmlmediaelement will be re-routed into the processing graph of the audiocontext.
MediaError.message - Web APIs
syntax var errormessage = mediaerror.message;
value a domstring providing a detailed, specific explanation of what went wrong and possibly how it might be fixed.
... this is not simply a generic description of the mediaerror.code property's
value, but instead goes deeper into the specifics of this particular error and its circumstances.
MediaError - Web APIs
mediaerror.code a number which represents the general type of error that occurred, as follows: name
value description media_err_aborted 1 the fetching of the associated resource was aborted by the user's request.
...if no diagnostics are available, or no explanation can be provided, this
value is an empty string ("").
expiration - Web APIs
this
value is determined by the cdm and measured in milliseconds since january 1, 1970, utc.
... this
value may change during a session lifetime, such as when an action triggers the start of a window.
MediaKeyStatusMap.has() - Web APIs
the has property of the mediakeystatusmap interface returns a boolean, asserting whether a
value has been associated with the given key.
... syntax var boolean = mediakeystatusmap(key) parameters key the key whose
value you want returned returns a boolean.
MediaKeyStatusMap.size - Web APIs
the size read-only property of the mediakeystatusmap interface returns the number of key/
value pairs in the status map.
... syntax var size = mediakeystatusmap.size;
value a long integer.
MediaPositionState.position - Web APIs
syntax let positionstate = { position: timeinseconds }; let duration = positionstate.duration;
value a floating-point
value indicating the current playback position within the media currently being performed, in seconds.
... this
value should always be zero or more.
MediaQueryList.matches - Web APIs
you can be notified when the
value of matches changes by watching for the change event to be fired at the mediaquerylist.
... syntax var matches = <varm>mediaquerylist.matches;
value a boolean which is true if the document currently matches the media query list; otherwise, it's false.
MediaRecorder.isTypeSupported - Web APIs
return
value true if the mediarecorder implementation is capable of recording blob objects for the specified mime type.
...if the
value is false, the user agent is incapable of recording the specified format.
MediaRecorder.mimeType - Web APIs
syntax var mimetype = mediarecorder.mimetype
value the mime media type which describes the format of the recorded media, as a domstring.
... mimetype: 'video/mp4; codecs="avc1.424028, mp4a.40.2"' assuming this configuration is acceptable to the user agent, the
value returned later by m.mimetype would then be video/mp4; codecs="avc1.424028, mp4a.40.2".
MediaRecorder.onerror - Web APIs
syntax mediarecorder.onerror = errorhandlerfunction;
value a function to be called whenever an error occurs during the recorder's lifetime.
... in addition to other general errors that might occur, the following errors are specifically possible when using the mediastream recording api; to determine which occurred, check the
value of mediarecordererrorevent.error.name.
MediaRecorder - Web APIs
mediarecorder.start() begins recording media; this method can optionally be passed a timeslice argument with a
value in milliseconds.
... static methods mediarecorder.istypesupported() a static method which returns a boolean
value indicating if the given mime media type is supported by the current user agent.
MediaRecorderErrorEvent.error - Web APIs
syntax error = mediarecordererrorevent.error;
value a domexception describing the error represented by the event.
... the error's name property's
value may be any exception that makes sense during the handling of media recording, including these specifically identified by the specification.
MediaSession.playbackState - Web APIs
syntax let playbackstate = mediasession.playbackstate; mediasession.playbackstate = playbackstate;
value a domstring indicating the current playback state of the media session.
... the
value may be one of the following: none the browsing context doesn't currently know the current playback state, or the playback state is not available at this time.
MediaSessionActionDetails.seekOffset - Web APIs
the mediasessionactiondetails dictionary's seekoffset property is an optional
value passed into the action handler callback to provide the number of seconds the seekforward and seekbackward actions should move the playback time by.
... syntax let mediasessionactiondetails = { seekoffset: deltatimeinseconds }; let deltatime = mediasessionactiondetails.seekoffset;
value a floating-point
value indicating the time delta in seconds by which to move the playback position relative to its current timestamp.
MediaSettingsRange.max - Web APIs
the max read-only property of the mediasettingsrange interface returns the maximum
value of the settings range.
... syntax var max = mediasettingsrange.max
value a double integer.
MediaSettingsRange.min - Web APIs
the min read-only property of the mediasettingsrange interface returns the minimum
value of the settings range.
... syntax var min = mediasettingsrange.min
value a double integer.
MediaSettingsRange.step - Web APIs
the step read-only property of the mediasettingsrange interface returns the minimum difference between consecutive
values of the settings range.
... syntax var step = mediasettingsrange.step
value a double integer.
MediaSource.addSourceBuffer() - Web APIs
return
value a sourcebuffer object representing the new source buffer that has been created and added to the media source.
... exceptions invalidaccesserror the
value specified for mimetype is an empty string rather than a valid mime type.
MediaSource.endOfStream() - Web APIs
the possible
values are: network: terminates playback and signals that a network error has occured.
... return
value undefined exceptions exception explanation invalidstateerror mediasource.readystate is not equal to open, or one or more of the sourcebuffer objects in mediasource.sourcebuffers are being updated (i.e.
MediaSource.readyState - Web APIs
the three possible
values are: closed: the source is not currently attached to a media element.
... syntax var myreadystate = mediasource.readystate;
value a domstring.
active - Web APIs
the active read-only property of the mediastream interface returns a boolean
value which is true if the stream is currently active; otherwise, it returns false.
... syntax var isactive = mediastream.active;
value a boolean
value which is true if the stream is currently active; otherwise, the
value is false.
MediaStream.getTrackById() - Web APIs
return
value if a track is found for which mediastreamtrack.id matches the specified id string, that mediastreamtrack object is returned.
... otherwise, the returned
value is null.
MediaStreamTrack.getCapabilities() - Web APIs
the getcapabilities() method of the mediastreamtrack interface returns a mediatrackcapabilities object which specifies the
values or range of
values which each constrainable property, based upon the platform and user agent.
... syntax const capabilities = track.getcapabilities() return
value a mediatrackcapabilities object which specifies the
value or range of
values which are supported for each of the user agent's supported constrainable properties.
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.
... 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().
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.
... note: the returned object identifies the current
values of every constrainable property, including those which are platform defaults rather than having been expressly set by the site's code.
MediaStreamTrack.muted - Web APIs
the muted read-only property of the mediastreamtrack interface returns a boolean
value indicating whether or not the track is currently unable to provide media output.
... syntax const mutedflag = track.muted
value a boolean which is true if the track is currently muted, or false if the track is currently unmuted.
MediaStreamTrack.readyState - Web APIs
the mediastreamtrack.readystate read-only property returns an enumerated
value giving the status of the track.
... syntax const state = track.readystate
value it takes one of the following
values: "live" which indicates that an input is connected and does its best-effort in providing real-time data.
MediaStream Recording API - Web APIs
your dataavailable event handler gets called every time there's data ready for you to do with as you will; the event has a data attribute whose
value is a blob that contains the media data.
... navigator.mediadevices.enumeratedevices() .then(function(devices) { devices.foreach(function(device) { let menu = document.getelementbyid("inputdevices"); if (device.kind == "audioinput") { let item = document.createelement("option"); item.innerhtml = device.label; item.
value = device.deviceid; menu.appendchild(item); } }); }); code similar to this can be used to let the user restrict the set of devices they wish to use.
MediaTrackSettings.logicalSurface - Web APIs
syntax islogicalsurface = mediatracksettings.logicalsurface;
value a boolean
value which is true if the video track in the stream of captured video is taken from a logical display surface.
... for example, a user agent may choose to allow the user to choose whether to share the entire document (a browser with logicalsurface
value of true), or just the currently visible portion of the document (where the logicalsurface of the browser surface is false).
Media Capabilities API - Web APIs
mediadecodingconfiguration defines the valid
values for allowed types of media when the media configuration is submitted as the parameter for mediacapabilities.decodinginfo().
... mediaencodingconfiguration defines the valid
values for allowed types of media when the media configuration is submitted as the parameter for mediacapabilities.encodinginfo().
Media Source API - Web APIs
mse allows us to replace the usual single track src
value fed to media elements with a reference to a mediasource object, which is a container for information like the ready state of the media for being played, and references to multiple sourcebuffer objects that represent the different chunks of media that make up the entire stream.
... extensions to other interfaces url.createobjecturl() creates an object url pointing to a mediasource object that can then be specified as the src
value of an html media element to play a media stream.
MerchantValidationEvent.methodName - Web APIs
the merchantvalidationevent property methodname is a read-only
value which returns a string indicating the payment method identifier which represents the payment handler that requires merchant validation.
... syntax methodid = merchantvalidationevent.methodname;
value a read-only domstring which uniquely identifies the payment handler which is requesting merchant validation.
MerchantValidationEvent.validationURL - Web APIs
the merchantvalidationevent property validationurl is a read-only string
value providing the url from which to fetch the payment handler-specific data needed to validate the merchant.
... syntax validationurl = merchantvalidationevent.validationurl;
value a read-only usvstring giving the url from which to load payment handler specific data needed to complete the merchant verification process.
MouseEvent.clientX - Web APIs
for example, clicking on the left edge of the client area will always result in a mouse event with a clientx
value of 0, regardless of whether the page is scrolled horizontally.
... syntax var x = instanceofmouseevent.clientx return
value a double floating point
value, as redefined by the cssom view module.
MouseEvent.clientY - Web APIs
for example, clicking on the top edge of the client area will always result in a mouse event with a clienty
value of 0, regardless of whether the page is scrolled vertically.
... syntax var y = instanceofmouseevent.clienty return
value a double floating point
value, as redefined by the cssom view module.
MouseEvent.getModifierState() - Web APIs
syntax var active = event.getmodifierstate(keyarg); returns a boolean parameters keyarg a modifier key
value.
... the
value must be one of the keyboardevent.key
values which represent modifier keys or "accel".
MouseEvent.movementX - Web APIs
in other words, the
value of the property is computed like this: currentevent.movementx = currentevent.screenx - previousevent.screenx.
... syntax var xshift = instanceofmouseevent.movementx; return
value a number example this example logs the amount of mouse movement using movementx and movementy.
MouseEvent.movementY - Web APIs
in other words, the
value of the property is computed like this: currentevent.movementy = currentevent.screeny - previousevent.screeny.
... syntax var yshift = instanceofmouseevent.movementy; return
value a number example this example logs the amount of mouse movement using movementx and movementy.
MouseEvent.mozInputSource - Web APIs
syntax var source = instanceofmouseevent.mozinputsource; return
value the following
values are possible.
... constant name
value desription moz_source_unknown 0 the input device is unknown.
MouseEvent.which - Web APIs
syntax var buttonpressed = instanceofmouseevent.which return
value a number representing a given button: 0: no button 1: left button 2: middle button (if present) 3: right button for a mouse configured for left-handed use, the button actions are reversed.
... in this case, the
values are read from right to left.
MouseEvent - Web APIs
mouseevent.mozpressure read only the amount of pressure applied to a touch or tablet device when generating the event; this
value ranges between 0.0 (minimum pressure) and 1.0 (maximum pressure).
... mouseevent.initmouseevent() initializes the
value of a mouseevent created.
msFirstPaint - Web APIs
syntax p = object.msfirstpaint;
value an integer
value that represents the time when the document began to be displayed or 0 if the document could not be loaded.
... the numerical
value reported represents the number of milliseconds between the recorded time and midnight january 1, 1970 (utc).
msIsBoxed - Web APIs
syntax isboxed = object.msisboxed
value boolean
value set to true activates boxed mode for the video player.
... boolean
value set to false means the video player is zoomed to fill the screen.
msPlayToSource - Web APIs
syntax ptr = object.msplaytosource;
value playto is a means through which an app can connect local playback/display for audio, video, and img elements to a remote device.
... the property
value for msplaytosource is the source associated with the media element.
NavigationPreloadManager - Web APIs
navigationpreloadmanager.setheader
value() sets the
value of the service-worker-navigation-preload header and returns an empty promise.
... samsung internet android full support 8.0setheader
value experimentalchrome full support 62edge full support 18firefox no support nonotes no support nonotes notes implementation tracked in bug 1290958ie ?
Navigation Timing API - Web APIs
performancetiming used as the type for the
value of timing, objects of this type contain timing information that can provide insight into web page performance.
... performancenavigation the type used to return the
value of navigation, which contains information explaining the context of the load operation described by this performance instance.
Navigator.deviceMemory - Web APIs
the reported
value is imprecise to curtail fingerprinting.
... syntax memoryamount = navigator.devicememory
value a floating point number; one of 0.25, 0.5, 1, 2, 4, 8.
Navigator.oscpu - Web APIs
syntax oscpuinfo = navigator.oscpu
value a domstring providing a string which identifies the operating system on which the browser is running.
...4-bit (32-bit build) output of uname -s plus "i686 on x86_64" linux output of uname -sm x.y refers to the version of the operating system example function osinfo() { alert(window.navigator.oscpu); } osinfo(); // alerts "windows nt 6.0" for example usage notes unless your code is privileged (chrome or at least has the universalbrowserread privilege), it may get the
value of the general.oscpu.override preference instead of the true platform.
Web-based protocol handlers - Web APIs
example <?php $
value = ""; if ( isset ( $_get["
value"] ) ) { $
value = $_get["
value"]; } ?> <!doctype html public "-//w3c//dtd html 4.01//en"> <html lang="en"> <head> <title>web protocol handler sample</title> </head> <body> <h1>web protocol handler sample - handler</h1> <p>this web page is called when handling a <code>web+burger:</code> protocol action.
... the data sent:</p> <textarea> <?php echo(htmlspecialchars($
value, ent_quotes, 'utf-8')); ?> </textarea> </body> </html> references http://www.w3.org/tr/2011/wd-html5-20110525/timers.html#custom-handlers see also window.navigator.registercontenthandler nsiprotocolhandler (xul only) registerprotocolhandler enhancing the federated web at mozilla webdev register a custom protocolhandler at google developers.
Navigator.vendor - Web APIs
the
value of the navigator vendor property is always either "google inc.", "apple computer, inc.", or (in firefox) the empty string.
... syntax venstring = window.navigator.vendor
value either "google inc.", "apple computer, inc.", or (in firefox) the empty string.
Navigator.vendorSub - Web APIs
the
value of the navigator.vendorsub property is always the empty string, in any browser.
... syntax vensub = window.navigator.vendorsub
value the empty string specifications specification status comment html living standardthe definition of 'navigatorid: vendorsub' in that specification.
navigator.hardwareConcurrency - Web APIs
syntax logicalprocessors = window.navigator.hardwareconcurrency
value a number indicating the number of logical processor cores.
... examples in this example, one worker is created for each logical processor reported by the browser and a record is created which includes a reference to the new worker as well as a boolean
value indicating whether or not we're using that worker yet; these objects are, in turn, stored into an array for later use.
NavigatorID.appVersion - Web APIs
syntax window.navigator.appversion
value either "4.0" or a string representing version information about the browser.
...this lead to the current situation, where browsers had to return fake
values from these properties in order not to be locked out of some websites.
NavigatorID - Web APIs
do not rely on this property to return a useful
value.
...do not rely on this property to return a useful
value.
NetworkInformation.effectiveType - Web APIs
this
value is determined using a combination of recently observed, round-trip time and downlink
values.
... syntax var effectivetype = networkinformation.effectivetype
value a string containing one of 'slow-2g', '2g', '3g', or '4g'.
NetworkInformation - Web APIs
this
value is determined using a combination of recently observed round-trip time and downlink
values.
...it will be one of the following
values: bluetooth cellular ethernet none wifi wimax other unknown event handlers networkinformation.onchange the event that's fired when connection information changes and the change is fired on this object.
Network Information API - Web APIs
a real-world use case would likely use a switch statement or some other method to check all of the possible
values of networkinformation.type.
... regardless of the type
value you can get an estimate of connection speed through the networkinformation.effectivetype property.
Node.baseURI - Web APIs
syntax var nodebaseuri = node.baseuri;
value a domstring representing the base url of the specified node.
...although this property is read-only, its
value may change in certain situations (see below).
Node.cloneNode() - Web APIs
you should always provide an explicit
value for backward and forward compatibility.
... example let p = document.getelementbyid("para1") let p_prime = p.clonenode(true) notes cloning a node copies all of its attributes and their
values, including intrinsic (inline) listeners.
Node.hasChildNodes() - Web APIs
the node.haschildnodes() method returns a boolean
value indicating whether the given node has child nodes or not.
... syntax bool = node.haschildnodes(); return
value a boolean that is true if the node has child nodes, and false otherwise.
Node.insertBefore() - Web APIs
failing to provide it or passing invalid
values may behave differently in different browser versions.
... return
value returns the added child (unless newnode is a documentfragment, in which case the empty documentfragment is returned).
Node.isDefaultNamespace() - Web APIs
the node.isdefaultnamespace() method accepts a namespace uri as an argument and returns a boolean with a
value of true if the namespace is the default namespace on the given node or false if not.
... return
value result is a boolean that holds the return
value true or false.
Node.isSupported() - Web APIs
syntax bool
value = element.issupported(feature, version) parameters feature is a domstring containing the name of the feature to test.
...possible
values defined within the core dom specification are listed on the dom level 2 conformance section.
Node.namespaceURI - Web APIs
if (node.localname == "browser" && node.namespaceuri == "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") { // this is a xul browser } notes this is not a computed
value that is the result of a namespace lookup based on an examination of the namespace declarations in scope.
... for nodes of any node.nodetype other than element_node and attribute_node the
value of namespaceuri is always null.
Node.ownerDocument - Web APIs
syntax var document = element.ownerdocument;
value document is the top-level document object in which all the child nodes are created.
... if this property is used on a node that is itself a document, the
value is null.
NodeIterator.expandEntityReferences - Web APIs
if this
value is false, the children of entity reference nodes (as well as all of their descendants) are rejected.
... this takes precedence over the
value of the nodeiterator.whattoshow method and the associated filter.
Notification.Notification() - Web APIs
it defaults to auto, which just adopts the browser's language setting behavior, but you can override that behaviour by setting
values of ltr and rtl (although most browsers seem to ignore these settings.) lang: the notification's language, as specified using a domstring representing a bcp 47 language tag.
...the default
value is false.
Notification.dir - Web APIs
syntax var direction = notification.dir;
value a domstring specifying the text direction.
... possible
values are: auto: adopts the browser's language setting behaviour (the default.) ltr: left to right.
Notification.permission - Web APIs
syntax var permission = notification.permission;
value a domstring representing the current permission.
... the
value can be: granted: the user has explicitly granted permission for the current origin to display system notifications.
Notification - Web APIs
possible
values are: denied — the user refuses to have notifications displayed.
... default — the user choice is unknown and therefore the browser will act as if the
value were denied.
NotifyAudioAvailableEvent - Web APIs
the data is a series of audio samples, each sample containing one 32-bit
value per audio channel.
... time a floating-point
value indicating the time in seconds at which the first sample in the framebuffer occurs, relative to the start of the audio track.
OffscreenCanvas.convertToBlob() - Web APIs
if this argument is anything else, the default
value for image quality is used.
... return
value a promise returning a blob object representing the image contained in the canvas.
OffscreenCanvas.convertToBlob() - Web APIs
if this argument is anything else, the default
value for image quality is used.
... return
value a promise returning a blob object representing the image contained in the canvas.
OffscreenCanvas.convertToBlob() - Web APIs
if this argument is anything else, the default
value for image quality is used.
... return
value a promise returning a blob object representing the image contained in the canvas.
OscillatorNode.start() - Web APIs
if a
value is not included or is less than currenttime, the oscillator starts playing immediately.
... // create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.set
valueattime(3000, audioctx.currenttime); //
value in hertz oscillator.start(); specifications specification status comment web audio apithe definition of 'start' in that specification.
PaintWorklet.registerPaint - Web APIs
return
value undefined exceptions typeerror thrown when one of the arguments is invalid or missing.
...to use it, you register it with the css.paintworklet.addmodule() method: <script> css.paintworklet.addmodule('checkboardworklet.js'); </script> you can then use the paint() css function in your css anywhere an <image>
value is valid.
ParentNode.append() - Web APIs
parentnode.append() has no return
value, whereas node.appendchild() returns the appended node object.
...pend() method in internet explorer 9 and higher with the following code: // source: https://github.com/jserz/js_piece/blob/master/dom/parentnode/append()/append().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('append')) { return; } object.defineproperty(item, 'append', { configurable: true, enumerable: true, writable: true,
value: function append() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
ParentNode.prepend() - Web APIs
return
value undefined.
...lyfill you can polyfill the prepend() method if it's not available: // source: https://github.com/jserz/js_piece/blob/master/dom/parentnode/prepend()/prepend().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('prepend')) { return; } object.defineproperty(item, 'prepend', { configurable: true, enumerable: true, writable: true,
value: function prepend() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
ParentNode.querySelector() - Web APIs
return
value the first element that matches at least one of the specified selectors or null if no such element is found.
... note: if the specified selectors include a css pseudo-element, the returned
value is always null.
ParentNode.querySelectorAll() - Web APIs
return
value a non-live nodelist containing one element object for each descendant node that matches at least one of the specified selectors.
...eryselectorall("div.highlighted > p"); this example uses an attribute selector to return a list of the <iframe> elements in the document that contain an attribute named data-src: var matches = document.queryselectorall("iframe[data-src]"); here, an attribute selector is used to return a list of the list items contained within a list whose id is userlist which have a data-active attribute whose
value is 1: var container = document.queryselector("#userlist"); var matches = container.queryselectorall("li[data-active=1]"); user notes queryselectorall() behaves differently than most common javascript dom libraries, which might lead to unexpected results.
PasswordCredential.additionalData - Web APIs
syntax passwordcredential.additionaldata = formdata formdata = passwordcredential.additionaldata passwordcredential.additionaldata = urlsearchparams ulrsearchparams = passwordcredential.additionaldata
value one of a formdata instance, a urlsearchparams instance, or null.
...navigator.credentials.get(options).then(function(creds) { if (creds.type == 'password') { var form = new formdata(); var csrf_token = document.queryselector('csrf_token').
value; form.append('csrf_token', csrf_token); creds.additionaldata = form; fetch('https://www.example.com', { method: 'post', credentials: creds }); }; }); specifications specification status comment credential management level 1 working draft initial definition.
PayerErrors.name - Web APIs
the
value is a string explaining the problem.
... syntax payername = payererrors.name;
value if this property is present in the payererrors object, the payer's name couldn't be successfully validated, and the name property's
value is a domstring explaining the error.
PayerErrors.phone - Web APIs
the
value of this property is a string explaining the problem.
... syntax payerphone = payererrors.phone;
value if this property is present in the payererrors object, the payer's phone number couldn't be successfully validated, and the phone property's
value is a domstring explaining the error.
PaymentAddress.addressLine - Web APIs
syntax var paymentaddresslines = paymentaddress.addressline;
value an array of domstring objects, each containing one line of the address.
... for example, the addressline array for the mozilla space in london would have the following entries: example showing addressline entries for an address in london index addressline[]
value 0 metal box factory 1 suite 441, 4th floor 2 30 great guildford street these, combined with additional
values for other properties of the paymentaddress, would represent the full address, which is: mozilla metal box factory suite 441, 4th floor 30 great guildford street london se1 0hs united kingdom specifications specification status comment payment request apithe definition of 'paymentaddress.addressline' in that specification.
PaymentAddress.country - Web APIs
some examples of valid country
values: "us", "gb", "cn", or "jp".
... syntax var paymentcountry = paymentaddress.country;
value a domstring which contains the iso3166-1 alpha-2 code identifying the country in which the address is located, or an empty string if no country is available, which frequently can be assumed to mean "same country as the site owner." usage notes if the payment handler validates the address and determines that the
value of country is invalid, a call to paymentrequestupdateevent.updatewith() will be made with a details object containing a shippingaddresserrors field.
PaymentAddress.phone - Web APIs
syntax var paymentphone = paymentaddress.phone;
value a domstring containing the telephone number for the recipient of the shipment or of the responsible party for payment.
... if no phone number is available, this
value is an empty string.
PaymentAddress.region - Web APIs
syntax var paymentregion = paymentaddress.region;
value a domstring specifying the top-level administrative subdivision within the country in which the address is located.
...in such cases, the browser returns an empty string as the
value of region.
PaymentCurrencyAmount.currencySystem - Web APIs
the obsolete paymentcurrencyamount property currencysystem is a string which specifies the standard being used to specify the currency the
value is specified in.
... syntax currencysystem = paymentcurrencyamount.currencysystem;
value a domstring which specifies the currency standard used to specify the currency in which the payment
value is represented.
PaymentDetailsUpdate.shippingAddressErrors - Web APIs
the paymentdetailsupdate dictionary's shippingaddresserrors property, if present, contains an addresserrors object whose contents provide error messages for one or more of the
values in the paymentaddress specified as paymentrequest.shippingaddress.
... syntax var addresserrors = paymentdetailsupdate.shippingaddresserrors;
value an addresserrors object, which contains domstrings describing errors in the properties of a paymentaddress.
PaymentItem - Web APIs
properties amount secure context a paymentcurrencyamount object describing the monetary
value of the item.
... pending secure context a boolean
value which is true if the specified amount has not yet been finalized.
PaymentMethodChangeEvent.methodName - Web APIs
syntax var methodname = paymentmethodchangeevent.methodname;
value a domstring which uniquely identifies the currently-selected payment handler.
... the default
value is the empty string, "".
PaymentRequest.canMakePayment() - Web APIs
if the payment can't be processed, the promise receives a
value of false.
... async function initpaymentrquest() { const details = { total: { label: "total", amount: { currency: "usd",
value: "0.00", }, }, }; const supportsapplepay = new paymentrequest( [{ supportedmethods: "https://apple.com/apple-pay" }], details ).canmakepayment(); // supports apple pay?
PaymentRequest.onshippingoptionchange - Web APIs
var request = new paymentrequest(supportedinstruments, details, options); // when user selects a shipping address request.addeventlistener('shippingaddresschange', e => { e.updatewith(((details, addr) => { var shippingoption = { id: '', label: '', amount: { currency: 'usd',
value: '0.00' }, selected: true }; // shipping to us is supported if (addr.country === 'us') { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.
value = '0.00'; details.total.amount.
value = '55.00'; // shipping to jp is supported } else if (addr.country === 'jp') { shippingoption.id = 'jp'; shi...
...ppingoption.label = 'international shipping'; shippingoption.amount.
value = '10.00'; details.total.amount.
value = '65.00'; // shipping to elsewhere is unsupported } else { // empty array indicates rejection of the address details.shippingoptions = []; return promise.resolve(details); console.log(details.error); } // hardcode for simplicity if (details.displayitems.length === 2) { details.displayitems[2] = shippingoption; } else { details.displayitems.push(shippingoption); } details.shippingoptions = [shippingoption]; return promise.resolve(details); })(details, request.shippingaddress)); }); specifications specification status comment payment request apithe definition of 'onshipping...
PaymentRequest.shippingAddress - Web APIs
syntax var paymentaddress = paymentrequest.shippingaddress; example generally, the user agent will fill the shippingaddress property
value.
...}).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function updatedetails(details, shippingaddress, resolve) { if (shippingaddress.country === 'us') { var shippingoption = { id: '', label: '', amount: {currency: 'usd',
value: '0.00'}, selected: true }; if (shippingaddress.region === 'mo') { shippingoption.id = 'mo'; shippingoption.label = 'free shipping in missouri'; details.total.amount.
value = '55.00'; } else { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.
value = '5.00'; details.total.amount.
value = '60.
PaymentRequest: shippingoptionchange event - Web APIs
paymentrequest.addeventlistener("shippingoptionchange", event => { const
value = calculatenewtotal(paymentrequest.shippingoption); const total = { currency: "eur", label: "total due",
value, }; event.updatewith({ total }); }, false); after caling a custom function, calculatenewtotal(), to compute the updated total based on the newly-selected shipping option as specified by the shippingoption.
... you can also create an event handler for shippingoptionchange using its corresponding event handler property, onshippingoptionchange: paymentrequest.onshippingoptionchange = event => { const
value = calculatenewtotal(paymentrequest.shippingoption); const total = { currency: "eur", label: "total due",
value, }; event.updatewith({ total }); }; specifications specification status comment payment request apithe definition of 'shippingoptionchange' in that specification.
PaymentResponse.onpayerdetailchange - Web APIs
syntax paymentresponse.onpayerdetailchange = eventhandlerfunction;
value an event handler function which is called to handle the payerdetailchange event when the user makes changes to their personal information while editing a payment request form.
... response.onpayerdetailchange = async ev => { const promisestovalidate = []; const { payername, payeremail, payerphone } = response; // validate each
value which changed by calling a function // that validates each type of data, returning a promise which // resolves if the data is valid.
PaymentResponse: payerdetailchange event - Web APIs
the event handler for payerdetailchange should check each
value in the form that has changed and ensure that the
values are valid.
... response.onpayerdetailchange = async ev => { const promisestovalidate = []; const { payername, payeremail, payerphone } = response; // validate each
value which changed by calling a function // that validates each type of data, returning a promise which // resolves if the data is valid.
PaymentResponse.shippingAddress - Web APIs
syntax var shippingaddress = paymentrequest.shippingaddress;
value a paymentaddress object providing details comprising the shipping address provided by the user.
...}).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function updatedetails(details, shippingaddress, resolve) { if (shippingaddress.country === 'us') { var shippingoption = { id: '', label: '', amount: {currency: 'usd',
value: '0.00'}, selected: true }; if (shippingaddress.region === 'mo') { shippingoption.id = 'mo'; shippingoption.label = 'free shipping in missouri'; details.total.amount.
value = '55.00'; } else { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.
value = '5.00'; details.total.amount.
value = '60.
performance.measure() - Web APIs
the measure's performance entry will have the following property
values: entrytype - set to "measure".
... return
value void example the following example shows how measure() is used to create a new measure performance entry in the browser's performance entry buffer.
PerformanceEntry.duration - Web APIs
the
value returned by this property depends on the performance entry's type: "frame" - returns a timestamp indicating the difference between the starttimes of two successive frames.
... syntax entry.duration; return
value a domhighrestimestamp representing the duration of the performance entry.
PerformanceNavigationTiming.domComplete - Web APIs
the domcomplete read-only property returns a timestamp representing the time
value equal to the time immediately before the user agent sets the current document readiness of the current document to complete.
... syntax perfentry.domcomplete; return
value a timestamp representing a time
value equal to the time immediately before the user agent sets the current document readiness of the current document to complete.
PerformanceNavigationTiming.domContentLoadedEventEnd - Web APIs
the domcontentloadedeventend read-only property returns a timestamp representing the time
value equal to the time immediately after the current document's domcontentloaded event completes.
... syntax perfentry.domcontentloadedeventend; return
value a timestamp representing the time
value equal to the time immediately after the current document's domcontentloaded event completes.
PerformanceNavigationTiming.domContentLoadedEventStart - Web APIs
the domcontentloadedeventstart read-only property returns a timestamp representing the time
value equal to the time immediately before the user agent fires the domcontentloaded event at the current document.
... syntax perfentry.domcontentloadedeventstart; return
value a timestamp representing the time
value equal to the time immediately before the user agent fires the domcontentloaded event at the current document.
PerformanceNavigationTiming.domInteractive - Web APIs
the dominteractive read-only property returns a timestamp representing the time
value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
... syntax perfentry.dominteractive; return
value a timestamp representing the time
value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
PerformanceNavigationTiming.loadEventStart - Web APIs
the loadeventstart read-only property returns a timestamp representing the time
value equal to the time immediately before the load event of the current document is fired.
... syntax perfentry.loadeventstart; return
value a timestamp representing a time
value equal to the time immediately before the load event of the current document is fired.
PerformanceNavigationTiming.type - Web APIs
the
value must be one of the following: navigate navigation started by clicking a link, entering the url in the browser's address bar, form submission, or initializing through a script operation other than reload and back_forward as listed below.
... syntax perfentry.type; return
value a string which is one of the
values listed above.
PerformanceNavigationTiming.unloadEventStart - Web APIs
the unloadeventstart read-only property returns a timestamp representing the time
value equal to the time immediately before the user agent starts the unload event of the previous document.
... syntax perfentry.unloadeventstart; return
value a timestamp representing the time
value equal to the time immediately before the user agent starts the unload event of the previous document.
PerformanceResourceTiming.nextHopProtocol - Web APIs
syntax resource.nexthopprotocol; return
value a string representing the network protocol used to fetch the resource, as identified by the alpn protocol id (rfc7301).
... 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_nexthopprotocol(p[i]); } } function print_nexthopprotocol(perfentry) { var
value = "nexthopprotocol" in perfentry; if (
value) console.log("nexthopprotocol = " + perfentry.nexthopprotocol); else console.log("nexthopprotocol = not supported"); } specifications specification status comment resource timing level 2the definition of 'nexthopprotocol' in that specification.
Performance Timeline - Web APIs
duration a high resolution timestamp representing the time
value of the duration of the performance event.
... (some performance entry types have no concept of duration and this
value is set to '0' for such types.) this interface includes a tojson() method that returns the serialization of the performanceentry object.
Permissions.revoke() - Web APIs
var revokepromise = navigator.permissions.revoke(descriptor); parameters descriptor an object based on the permissiondescriptor dictionary that sets options for the operation consisting of a comma-separated list of name-
value pairs.
...valid
values are 'geolocation', 'midi', 'notifications', and 'push'.
PhotoCapabilities - Web APIs
the "controllable"
value means the device's read-eye reduction is controllable by the user.
... imagecapture = new imagecapture(track); return imagecapture.getphotocapabilities(); }) .then(photocapabilities => { const settings = imagecapture.track.getsettings(); input.min = photocapabilities.imagewidth.min; input.max = photocapabilities.imagewidth.max; input.step = photocapabilities.imagewidth.step; return imagecapture.getphotosettings(); }) .then(photosettings => { input.
value = photosettings.imagewidth; }) .catch(error => console.log('argh!', error.name || error)); specifications specification status comment mediastream image capturethe definition of 'photocapabilities' in that specification.
Point - Web APIs
properties x a floating-point
value specifying the point's position with respect to the x (horizontal) axis.
... y a floating-point
value specifying the point's position with respect to the y (vertical) axis.
PointerEvent.height - Web APIs
depending on the source of the pointer device (for example a finger), for a given pointer, each event may produce a different
value.
... syntax var contactheight = pointerevent.height; return
value contactheight the height of the event's contact area (in css pixels).
PointerEvent.isPrimary - Web APIs
syntax var isprimary = pointerevent.isprimary; return
value isprimary returns true if the pointer for this event is the primary pointer and returns false otherwise.
... example this example illustrates using the
value of isprimary to call the appropriate processing function.
PointerEvent.pointerId - Web APIs
since the
value may be randomly generated, it is not guaranteed to convey any particular meaning.
... syntax var id = pointerevent.pointerid; return
value id the pointer event's unique identifier number.
PointerEvent.width - Web APIs
depending on the source of the pointer device (such as a finger), for a given pointer, each event may produce a different
value.
... syntax var contactwidth = pointerevent.width; return
value contactwidth the width of the event's contact area (in css pixels).
PositionOptions.enableHighAccuracy - Web APIs
on the other hand, if false (the default
value), the device can take the liberty to save resources by responding more quickly and/or using less power.
... syntax positionoptions.enablehighaccuracy = boolean
value specifications specification status comment geolocation apithe definition of 'positionoptions.enablehighaccuracy' in that specification.
PositionOptions.timeout - Web APIs
the positionoptions.timeout property is a positive long
value representing the maximum length of time (in milliseconds) the device is allowed to take in order to return a position.
... the default
value is infinity, meaning that getcurrentposition() won't return until the position is available.
PromiseRejectionEvent() - Web APIs
reason any
value or object which represents the reason the promise was rejected.
... return
value a new promiserejectionevent configured as specified by the parameters.
PromiseRejectionEvent.reason - Web APIs
the promiserejectionevent reason read-only property is any javascript
value or object which provides the reason passed into promise.reject().
... syntax reason = promiserejectionevent.reason
value a
value or object which provides information you can use to understand why the promise was rejected.
PublicKeyCredentialCreationOptions.challenge - Web APIs
this
value (among other client data) will be signed by the authenticator, using its private key, and must be sent back for verification to the server as part of authenticatorattestationresponse.attestationobject.
... syntax challenge = publickeycredentialcreationoptions.challenge
value a buffersource which is at least 16 bytes long.
PublicKeyCredentialCreationOptions.excludeCredentials - Web APIs
syntax excludecredentials = publickeycredentialcreationoptions.excludecredentials
value an array whose elements are objects with the following properties: type a string describing type of public-key credential to be created.
...the
value of the strings may be: "usb": the authenticator can be contacted via a removable usb link "nfc": the authenticator may be used over nfc (near field communication) "ble": the authenticator may be used over ble (bluetooth low energy) "internal": the authenticator is specifically bound to the client device (cannot be removed).
PublicKeyCredentialCreationOptions.rp - Web APIs
syntax relyingpartyobj = publickeycredentialcreationoptions.rp properties icon optional an url as a usvstring
value which points to an image resource which can be the logo/icon of the relying party.
...the default
value of this property is the domain of the current document (e.g.
PublicKeyCredentialCreationOptions.user - Web APIs
icon optional an url as a usvstring
value which points to an image resource which can be the avatar image for the user.
...this
value will later be used when fetching the credentials in authenticatorassertionresponse.userhandle.
PublicKeyCredentialRequestOptions.allowCredentials - Web APIs
syntax allowcredentials = publickeycredentialrequestoptions.allowcredentials
value an array whose elements are objects with the following properties: type a string describing type of public-key credential to be created.
...the
value of the strings may be: "usb": the authenticator can be contacted via a removable usb link "nfc": the authenticator may be used over nfc (near field communication) "ble": the authenticator may be used over ble (bluetooth low energy) "internal": the authenticator is specifically bound to the client device (cannot be removed).
PublicKeyCredentialRequestOptions.challenge - Web APIs
this
value (among other client data) will be signed by the authenticator's private key and produce authenticatorassertionresponse.signature which should be sent back to the server as part of the response.
... syntax challenge = publickeycredentialrequestoptions.challenge
value a buffersource which is at least 16 bytes long.
PushSubscription.options - Web APIs
syntax var options = pushsubscription.options
value an read-only options object containing the following
values: uservisibleonly: a boolean, indicating that the returned push subscription will only be used for messages whose effect is made visible to the user.
...this
value is part of a signing key pair generated by your application server, and usable with elliptic curve digital signature (ecdsa), over the p-256 curve.
RTCConfiguration.certificates - Web APIs
]; let certificates = rtcconfiguration.certificates;
value an array of rtccertificate objects, each specifying one security certificate available for use when connecting to a remote peer.
... the certificates property's
value cannot be changed once it's first specified.
RTCDataChannel: error event - Web APIs
in addition, however, depending on the
value of errordetail, additional information may be output.
...*/ } note: since rtcerror is not one of the legacy errors, the
value of rtcerror.code is always 0.
RTCDataChannel.maxPacketLifeTime - Web APIs
syntax var lifetime = adatachannel.maxpacketlifetime;
value the number of milliseconds over which the browser may continue to attempt to transmit the message until it either succeeds or gives up.
... if not set when rtcpeerconnection.createdatachannel() was called to create the data channel, this
value is null.
RTCDataChannel.negotiated - Web APIs
syntax var negotiated = adatachannel.negotiated;
value true if the rtcdatachannel's connection was negotiated by the web app itself; false if the negotiation was handled by the webrtc layer.
... example the code snippet below checks the
value of negotiated; if it's true, a function called shutdownremotechannel() is called with the channel's id; presumably this would be implemented to transmit a shutdown signal to the remote peer prior to terminating the connection.
RTCError - Web APIs
constructor rtcerror() creates and returns a new rtcerror object initialized with the properties of the provided rtcerrorinit dictionary and, optionally, a string to use as the
value of the error's message property.
... receivedalert read only an unsigned long integer
value indicating the fatal dtls error which was received from the network.
RTCErrorEvent.error - Web APIs
syntax let errorinfo = rtcerrorevent.error;
value an rtcerror object whose properties provide details about the error which has occurred in the context of a webrtc operation.
... receivedalert read only an unsigned long integer
value indicating the fatal dtls error which was received from the network.
RTCIceCandidateInit - Web APIs
it's also used as the return
value from the rtcicecandidate.tojson() method, and can be passed directly into rtcpeerconnection.addicecandidate() to add a candidate to the peer connection.
...this property has no default
value and is not present unless set explicitly.
RTCIceCandidatePairStats.consentExpiredTimestamp - Web APIs
syntax consentexpiration = rtcicecandidatepairstats.consentexpiredtimestamp;
value a domhighrestimestamp object that indicates the time at which the stun binding that allows the two peers described by this rtcicecandidatepair to communicate will expire (or the time at which the binding did expire, if the time has passed).
... this property's
value is undefined if there have been no stun binding responses yet on the candidate pair.
RTCIceCandidatePairStats.firstRequestTimestamp - Web APIs
syntax firstrequesttimestamp = rtcicecandidatepairstats.firstrequesttimestamp;
value a domhighrestimestamp object indicating the timestamp at which the first stun request was sent on the connection described by the described pair of candidates.
... you can use this
value in combination with lastrequesttimestamp and requestssent to compute the average interval between consecutive connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requestssent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.firstrequesttimestamp' in that specification.
RTCIceCandidatePairStats.lastRequestTimestamp - Web APIs
syntax lastrequesttimestamp = rtcicecandidatepairstats.lastrequesttimestamp;
value a domhighrestimestamp object indicating the timestamp at which the last (most recent) stun request was sent on the connection indicated by the described pair of candidates.
... you can use this
value in combination with firstrequesttimestamp and requestssent to compute the average interval between consecutive connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requestssent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastrequesttimestamp' in that specification.
RTCIceCandidatePairStats.responsesSent - Web APIs
syntax responsessent = rtcicecandidatepairstats.responsessent;
value an integer
value indicating the number of times a repsonse has been sent to a stun connectivity check request.
... note: since it isn't possible to tell the difference between connectivity check requests and consent requests, this
value includes both.
RTCIceCandidatePairStats.state - Web APIs
syntax state = rtcicecandidatepairstats.state;
value a domstring whose
value is one of those found in the rtcstatsicecandidatepairstate enumerated type.
...each pair has a state, whose
value is represented by rtcstatsicecandidatepairstate.
RTCIceCandidateStats.relayProtocol - Web APIs
syntax relayprotocol = rtcicecandidatestats.relayprotocol;
value a domstring identifying the protocol being used by the endpoint to communicate with the turn server.
... the possible
values are: tcp tcp (transport control protocol) is being used to communicate with the turn server.
RTCIceCandidateType - Web APIs
the webrtc api's rtcicecandidatetype enumerated type provides a set of domstring
values representing the types of ice candidate that can arrive.
...
values these candidate types are listed in order of priority; the higher in the list they are, the more efficient they are.
RTCIceGathererState - Web APIs
the rtcicegathererstate enumerated type provides the string
values which can be returned by an rtcicetransport object's gatheringstate.
...
values "new" the rtcicetransport is newly created and has not yet started to gather ice candidates.
RTCIceProtocol - Web APIs
the webrtc api's rtciceprotocol enumerated type provides a set of domstring
values representing the names of the transport protocols ice candidates can use.
...
values tcp the candidate, if selected, would use tcp as the transport protocol for its data.
RTCIceRole - Web APIs
the rtcicerole enumerated type lists the string
values that identify whether a connection's ice agent is serving as the controlling agent or the controlled agent, as indicated by rtcicetransport.role.
...
values "controlling" the rtcicetransport object is serving as the controlling agent.
RTCIceServer.credentialType - Web APIs
the rtciceserver dictionary's credentialtype property is a string
value from the rtcicecredentialtype enum which indicates what type of credential the rtciceserver.credential
value is.
... }; var credentialtype = iceserver.credentialtype; iceserver.credentialtype = newcredentialtype;
value the permitted
values are found in the rtcicecredentialtype enumerated string type: oauth the rtciceserver requires the use of oauth 2.0 to authenticate in order to use the ice server described.
RTCIceTcpCandidateType - Web APIs
the webrtc api's rtcicetcpcandidatetype enumerated type provides a set of domstring
values representing the types of tcp candidates.
...
values "active" the transport will try to open an outbound connection but won't receive inoming connection requests.
RTCIceTransport.onstatechange - Web APIs
syntax rtcicetransport.onstatechange = statechangehandler;
value set this property to reference a function you provide that is called by the webrtc layer when the rtcicetransport object's state changes.
...to determine the new state, examine the
value of state.
RTCIceTransport.role - Web APIs
syntax icerole = rtcicetransport.role;
value a domstring specifying whether the rtcicetransport represents the controlling agent or the controlled agent.
... the
value must be one of those found in the enumerated type rtcicerole: "controlling" the rtcicetransport object is serving as the controlling agent.
RTCInboundRtpStreamStats.fecPacketsReceived - Web APIs
syntax var fecpacketsreceived = rtcinboundrtpstreamstats.fecpacketsreceived;
value an unsigned integer
value which indicates the total number of fec packets which have been recieved from the remote peer during this rtp session.
... if you wish to know how many of the received packets were discarded, you can examine the
value of fecpacketsdiscarded.
RTCInboundRtpStreamStats.lastPacketReceivedTimestamp - Web APIs
syntax var lastpackettimestamp = rtcinboundrtpstreamstats.lastpacketreceivedtimestamp;
value a domhighrestimestamp which specifies the time at which the most recently received packet arrived on this rtp stream.
... note: this
value differs from the timestamp, which represents the time at which the statistics object was created.
RTCInboundRtpStreamStats.nackCount - Web APIs
the nackcount property of the rtcinboundrtpstreamstats dictionary is a numeric
value indicating the number of times the receiver sent a nack packet to the sender.
... syntax var nackcount = rtcinboundrtpstreamstats.nackcount;
value an integer
value indicating how many times the receiver sent a nack packet to the sender after detecting that one or more packets were lost during transport.
RTCNetworkType - Web APIs
this type is used as the
value or the following properties: rtcicecandidate's networktype rtcstunserverconnectionstats's networktype
values bluetooth a bluetooth connection is used by the described connection.
... note: keep in mind that the specified
value only reflects the initial connection between the local peer and the next hop along the network toward reaching the remote peer.
RTCOutboundRtpStreamStats.lastPacketSentTimestamp - Web APIs
syntax var lastpackettimestamp = rtcoutboundrtpstreamstats.lastpacketsenttimestamp;
value a domhighrestimestamp which specifies the time at which the most recently received packet arrived on this rtp stream.
... note: this
value differs from the timestamp, which represents the time at which the statistics object was created.
RTCOutboundRtpStreamStats.nackCount - Web APIs
the nackcount property of the rtcoutboundrtpstreamstats dictionary is a numeric
value indicating the number of times the rtcrtpsender described by this object received a nack packet from the remote receiver.
... syntax var nackcount = rtcoutboundrtpstreamstats.nackcount;
value an integer
value indicating how many times the sender received a nack packet from the receiver, indicating the loss of one or more packets.
RTCPeerConnection.addTrack() - Web APIs
return
value the rtcrtpsender object which will be used to transmit the media data.
... the associated rtcrtptransceiver has its currentdirection updated to include sending; if its current
value is "recvonly", it becomes "sendrecv", and if its current
value is "inactive", it becomes "sendonly".
RTCPeerConnection.addTransceiver() - Web APIs
possible
values are: direction optional the new transceiver's preferred directionality.
... this
value is used to initialize the new rtcrtptransceiver object's rtcrtptransceiver.direction property.
RTCPeerConnection.createAnswer() - Web APIs
return
value a promise whose fulfillment handler is called with an object conforming to the rtcsessiondescriptioninit dictionary which contains the sdp answer to be delivered to the other peer.
...in this case, a websocket connection is used to send a json message with a type field with the
value "video-answer" to the other peer, carrying the answer to the device which sent the offer to connect.
RTCPeerConnection.getConfiguration() - Web APIs
return
value an rtcconfiguration object describing the rtcpeerconnection's current configuration.
...sh: 'sha-256', moduluslength: 2048, publicexponent: new uint8array([1, 0, 1]) }).then(function(cert) { configuration.certificates = [cert]; mypeerconnection.setconfiguration(configuration); }); } this example fetches the current configuration of the rtcpeerconnection, then looks to see if it has any certificates set by examining whether or not (a) the configuration has a
value for certificates, and (b) whether its length is zero.
RTCPeerConnection.getDefaultIceServers() - Web APIs
syntax var defaulticeservers = rtcpeerconnection.getdefaulticeservers(); return
value an array of ice servers, specified as objects based on rtciceserver, which the browser will use if none are specified in the configuration of the rtcpeerconnection.
... if there are no defaults provided by the browser, the returned array is empty; this property's
value is never null.
RTCPeerConnection.onconnectionstatechange - Web APIs
syntax rtcpeerconnection.onconnectionstatechange = eventhandler;
value a function which is called by the browser when the connectionstatechange event occurs on the rtcpeerconnection.
...the event object contains no special information of note; you can look at the
value of the peer connection's connectionstate property to determine what the new state is.
RTCPeerConnection.oniceconnectionstatechange - Web APIs
syntax rtcpeerconnection.oniceconnectionstatechange = eventhandler;
value this event handler can be set to function which is passed a single input parameter: an event object describing the iceconnectionstatechange event which occurred.
... your code can look at the
value of rtcpeerconnection.iceconnectionstate to determine what the new state is.
RTCPeerConnection.remoteDescription - Web APIs
the returned
value typically reflects a remote description which has been received over the signaling server (as either an offer or an answer) and then put into effect by your code calling rtcpeerconnection.setremotedescription() in response.
... syntax var sessiondescription = peerconnection.remotedescription; on a more fundamental level, the returned
value is the
value of rtcpeerconnection.pendingremotedescription if that property isn't null; otherwise, the
value of rtcpeerconnection.currentremotedescription is returned.
RTCPeerConnection.sctp - Web APIs
if sctp hasn't been negotiated, this
value is null.
... syntax var sctp = rtcpeerconnection.sctp;
value a rtcsctptransport object describing the sctp transport being used by the rtcpeerconnection for transmitting and receiving on its data channels, or null if sctp negotiation hasn't happened.
RTCPeerConnection.setRemoteDescription() - Web APIs
this
value is an offer or answer received from the remote peer through your implementation of the sessiondescription parameter is technically of type rtcsessiondescriptioninit, but because rtcsessiondescription serializes to be indistinguishable from rtcsessiondescriptioninit, you can also pass in an rtcsessiondescription.
... return
value a promise which is fulfilled once the
value of the connection's remotedescription is successfully changed or rejected if the change cannot be applied (for example, if the specified description is incompatible with one or both of the peers on the connection).
RTCPeerConnectionIceErrorEvent.address - Web APIs
syntax let address = rtcpeerconnectioniceerrorevent.address;
value a domstring which specifies the local ip address of the network connection to the ice server with which negotiations were occurring when the error occurred.
... if the local ip address isn't exposed as part of a local candidate, the
value of address is null.
RTCPeerConnectionIceErrorEvent - Web APIs
errorcode read only an unsigned integer
value stating the numeric stun error code returned by the stun or turn server.
... port read only an unsigned integer
value giving the port number over which communication with the stun or turn server is taking place, using the ip address given in address.
RTCPeerConnectionIceEvent() - Web APIs
if the candidate was not gathered by a stun or turn server, this
value must be null.
... return
value a newly-created rtcpeerconnectioniceevent, configured as specified in the provided options.
RTCRemoteOutboundRtpStreamStats.remoteTimestamp - Web APIs
syntax let remotetimestamp = rtcremoteoutboundrtpstreamstats.remotetimestamp;
value a domhighrestimestamp
value indicating the timestamp on the remote peer at which it sent these statistics.
... this is different from the
value timestamp, which gives the time at which the statistics were generated or received by the local peer.
RTCRemoteOutboundRtpStreamStats.reportsSent - Web APIs
syntax let reportcount = rtcremoteoutboundrtpstreamstats.reportssent;
value an integer
value which indicates the total number of rtcp sender reports so far sent by the remote peer to the local peer.
...the data in these reports is used by webrtc to fill out various fields within the statistics objects, and this property's
value indicates how many times that information was shared.
RTCRtpCapabilities - Web APIs
that means that, for instance, if there are two entries for the h.264 codec (as identified by the mimetype being "video/h264"), there are other
values in the capabilities objects indicating how they're different in some way.
...one possible
value is video/ulpfec (a generic error connection model).
RTCRtpContributingSource.rtpTimestamp - Web APIs
syntax let rtptimestamp = rtcrtpcontributingsource.rtptimestamp
value an integer
value specifiying a source-generated timestamp indicating the time at which the media in this packet, scheduled for play out at the time indicated by timestamp, was initially sampled or generated.
... this
value may be useful for sequencing and synchronization purposes.
RTCRtpContributingSource.source - Web APIs
the
value is the contributing source (csrc) or synchronization source (ssrc) identifier, depending on whether the object is an rtcrtpcontributingsource or rtcrtpsynchronizationsource, which is based on the former.
... syntax var sourceid = rtcrtpcontributingsource.source
value an unsigned, 32-bit integer
value which uniquely identifies the source of rtp packets described by this rtcrtpcontributingsource (in which case the
value is a csrc identifier) or rtcrtpsynchronizationsource (the
value is an ssrc identifier).
RTCRtpEncodingParameters.maxBitrate - Web APIs
syntax rtpencodingparameters.maxbitrate = maxbitspersecond; rtpencodingparameters = { maxbitrate: maxbitspersecond }; maxbitspersecond = rtpencodingparameters.maxbitrate;
value an unsigned long integer
value specifying the maximum bandwidth this encoding is permitted to use for a track of media it encodes in terms of bits per second.
... this
value is computed using the standard transport independent application specific maximum (tias) bandwidth as defined by rfc 3890, section 6.2.2; this is the maximum bandwidth needed without considering protocol overheads from ip, tcp or udp, and so forth.
RTCRtpReceiver.getCapabilities() static function - Web APIs
return
value an rtcrtpcapabilities object stating what capabilities the browser has for receiving the specified media kind over an rtcpeerconnection.
... if the browser doesn't have any support for the given media kind, the returned
value is null.
RTCRtpReceiver.transport - Web APIs
syntax let transport = rtcrtpreceiver.transport;
value an rtcdtlstransport object representing the underlying transport being used by the receiver to exchange packets with the remote peer, or null if the receiver isn't yet connected to a transport.
... description when the rtcrtpreceiver is first created, the
value of transport is null.
RTCRtpSender.getCapabilities() static function - Web APIs
return
value an rtcrtpcapabilities object stating what capabilities the browser has for sending the specified media kind over an rtcpeerconnection.
... if the browser doesn't have any support for the given media kind, the returned
value is null.
RTCRtpSender.track - Web APIs
syntax var mediastreamtrack = rtcrtpsender.track
value a mediastreamtrack object representing the media associated with the rtcrtpsender.
... if no track is associated with the sender, this
value is null, in which case the sender transmits nothing.
RTCRtpSender.transport - Web APIs
syntax let transport = rtcrtpsender.transport;
value an rtcdtlstransport object representing the underlying transport being used by the sender to exchange packets with the remote peer, or null if the sender isn't yet connected to a transport.
... description when the rtcrtpsender is first created, the
value of transport is null.
RTCRtpStreamStats.firCount - Web APIs
syntax var fircount = rtcrtpstreamstats.fircount;
value an integer
value indicating how many fir packets have been received by the sender during the current connection.
... this
value is available only on receivers for video tracks.
RTCRtpStreamStats.kind - Web APIs
its
value is always either "audio" or "video".
... syntax mediakind = rtcrtpstreamstats.kind;
value a domstring whose
value is "audio" if the track whose statistics are given by the rtcrtpstreamstats object contains audio, or "video" if the track contains video media.
RTCRtpStreamStats.pliCount - Web APIs
syntax var plicount = rtcrtpstreamstats.plicount;
value an integer
value indicating the number of times a pli packet was sent by the stream's receiver to the sender.
... note: this
value is only available on the receiver, and only for video media.
RTCRtpStreamStats.trackId - Web APIs
syntax var trackid = rtcrtpstreamstats.trackid;
value a domstring which uniquely identifies the rtcmediastreamtrackstats object that provides statistics for the track for which statistics are being collected by this rtcstatsreport.
... note: this
value is not the same as the
value of mediastramtrack.id.
RTCRtpTransceiver.stop() - Web APIs
instead, check the
value of currentdirection.
... return
value undefined exceptions invalidstateerror the rtcpeerconnection of which the transceiver is a member is closed.
RTCRtpTransceiverDirection - Web APIs
values the rtcrtptransceiverdirection type is an enumeration of string
values.
...
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the other peer accepts the connection and at least one of the sender's encodings is active1.
RTCSctpTransport.state - Web APIs
syntax var mystate = sctptransport.state;
value a string whose
value is taken from the rtcsctptransportstate enumerated type.
... its
value is one of the following: connecting the initial state when the connection is being estabilished.
RTCStats.type - Web APIs
the rtcstats dictionary's property type is a string which specifies the type of statistic represented by the object, where the permitted
values are drawn from the enum type rtcstatstype.
... syntax var type = rtcstats.type;
value a domstring which specifies which type of statistic is represented by the object.
RTCStatsIceCandidatePairState - Web APIs
the rtcstatsicecandidatepairstate enumerated type represents the set of string
values which are possible for the rtcicecandidatepairstats object's state property.
...
values failed a check for this pair has been performed but failed.
RTCStatsReport - Web APIs
since this only provides statistics related to inbound data, without considering the local peer's state, any
values that require knowledge of both, such as round-trip time, is not included.
...this information considers only the outbound rtp stream, so any data which requires information about the state of the remote peers (such as round-trip time) is unavailable, since those
values can't be computed without knowing about the other peers' states.
RTCTrackEventInit.streams - Web APIs
syntax var trackeventinit = { receiver: rtpreceiver, track: mediastreamtrack, streams: [videostream], transceiver: rtptransceiver }; var streamlist = trackeventinit.streams;
value an array of mediastream objects, one for each stream which make up the track.
... if streams is not specified, its default
value is an empty array.
Range.compareBoundaryPoints() - Web APIs
syntax compare = range.compareboundarypoints(how, sourcerange); return
value compare a number, -1, 0, or 1, indicating whether the corresponding boundary-point of the range is respectively before, equal to, or after the corresponding boundary-point of sourcerange.
... if the
value of the parameter is invalid, a domexception with a notsupportederror code is thrown.
Range.comparePoint() - Web APIs
syntax return
value = range.comparepoint(referencenode, offset) parameters referencenode the node to compare with the range.
... example range = document.createrange(); range.selectnode(document.getelementsbytagname('div').item(0)); return
value = range.comparepoint(document.getelementsbytagname('p').item(0), 1); specification specification status comment domthe definition of 'range.comparepoint()' in that specification.
Range.setEnd() - Web APIs
return
value undefined.
... indexsizeerror the
value specified by endoffset is either greater than or equal to the length of the node or is less than zero.
ReadableStream.cancel() - Web APIs
return
value a promise, which fulfills with the
value given in the reason parameter.
...searchterm.tolowercase() : searchterm; var buffersize = math.max(tomatch.length - 1, contextbefore); var bytesreceived = 0; var buffer = ''; var matchfoundat = -1; return reader.read().then(function process(result) { if (result.done) { console.log('failed to find match'); return; } bytesreceived += result.
value.length; console.log(`received ${bytesreceived} bytes of data so far`); buffer += decoder.decode(result.
value, {stream: true}); // already found match & just context-gathering?
ReadableStream - Web APIs
fetch("https://www.example.org/").then((response) => { const reader = response.body.getreader(); const stream = new readablestream({ start(controller) { // the following function handles each data chunk function push() { // "done" is a boolean and
value a "uint8array" reader.read().then(({ done,
value }) => { // is there no more data to read?
... if (done) { // tell the browser that we have finished sending data controller.close(); return; } // get the data and send it to the browser via the controller controller.enqueue(
value); push(); }); }; push(); } }); return new response(stream, { headers: { "content-type": "text/html" } }); }); specifications specification status comment streamsthe definition of 'readablestream' in that specification.
ReadableStreamDefaultReader - Web APIs
fetch("https://www.example.org/").then((response) => { const reader = response.body.getreader(); const stream = new readablestream({ start(controller) { // the following function handles each data chunk function push() { // "done" is a boolean and
value a "uint8array" return reader.read().then(({ done,
value }) => { // is there no more data to read?
... if (done) { // tell the browser that we have finished sending data controller.close(); return; } // get the data and send it to the browser via the controller controller.enqueue(
value); push(); }); }; push(); } }); return new response(stream, { headers: { "content-type": "text/html" } }); }); specifications specification status comment streamsthe definition of 'readablestreamdefaultreader' in that specification.
Report - Web APIs
istitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let key
value = reports[i].body[key]; innerlistitem.textcontent = key + ': ' + key
value; innerlist.appendchild(innerlistitem); } } } the reports parameter contains an array of all the reports in the observer's report queue.
... we loop over each report using a basic for loop, then iterate over each entry of in the report's body using a for...in structure, displaying each key/
value pair inside a list item.
Request.redirect - Web APIs
syntax var myredirect = request.redirect;
value a requestredirect enum
value, which can be one the following strings: follow error manual if not specified when the request is created, it takes the default
value of follow.
... example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request redirect
value in a variable: var myrequest = new request('flowers.jpg'); var mycred = myrequest.redirect; specifications specification status comment fetchthe definition of 'redirect' in that specification.
Request.referrer - Web APIs
(e.g., client, no-referrer, or a url.) note: if referrer's
value is no-referrer, it returns an empty string.
... syntax var myreferrer = request.referrer;
value a domstring representing the request's referrer.
Request.referrerPolicy - Web APIs
syntax var myreferrerpolicy = request.referrerpolicy;
value a domstring representing the request's referrerpolicy.
... for more information and possible
values, see the referrer-policy http header page.
Request - Web APIs
request.integrity read only contains the subresource integrity
value of the request (e.g., sha256-bpfbw7ivv8q2jlit13fxdyae2tjllusrsz273h2nfse=).
... examples in the following snippet, we create a new request using the request() constructor (for an image file in the same directory as the script), then return some property
values of the request: const request = new request('https://www.mozilla.org/favicon.ico'); const url = request.url; const method = request.method; const credentials = request.credentials; you could then fetch this request by passing the request object in as a parameter to a windoworworkerglobalscope.fetch() call, for example: fetch(request) .then(response => response.blob()) .then(blob => { ...
ResizeObserver - Web APIs
examples in the resize-observer-text.html (see source) example, we use the resize observer to change the font-size of a header and paragraph as a slider’s
value is changed causing the containing <div> to change width.
...ascript looks like so: const h1elem = document.queryselector('h1'); const pelem = document.queryselector('p'); const divelem = document.queryselector('body > div'); const slider = document.queryselector('input[type="range"]'); const checkbox = document.queryselector('input[type="checkbox"]'); divelem.style.width = '600px'; slider.addeventlistener('input', () => { divelem.style.width = slider.
value + 'px'; }) const resizeobserver = new resizeobserver(entries => { for (const entry of entries) { if (entry.contentboxsize) { h1elem.style.fontsize = math.max(1.5, entry.contentboxsize.inlinesize / 200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentboxsize.inlinesize / 600) + 'rem'; } else { h1elem.style.fontsize = math.max(1.5, entry.contentrect.width / 200...
ResizeObserverEntry.target - Web APIs
syntax var element = resizeobserverentry.target; var svgelement = resizeobserverentry.target;
value an element or svgelement representing the element being observed.
... to grab a reference to the observed element so we can update its border-radius
value after each change, we make use of the target property of each entry — entry.target.style.borderradius.
Response() - Web APIs
this can be null (which is the default
value), or one of: blob buffersource formdata readablestream urlsearchparams usvstring init optional an options object containing any custom settings that you want to apply to the response, or an empty object (which is the default
value).
... headers: any headers you want to add to your response, contained within a headers object or object literal of bytestring key/
value pairs (see http headers for a reference).
Response.headers - Web APIs
syntax var myheaders = response.headers;
value a headers object.
... note that at the top of the fetch() block we log the response headers
value to the console.
Response.ok - Web APIs
syntax var myok = response.ok;
value a boolean.
... note: at the top of the fetch() block we log the response ok
value to the console.
Response.status - Web APIs
syntax var mystatus = response.status;
value a number (to be precise, an unsigned short).
... note that at the top of the fetch() block we log the response status
value to the console.
Response.url - Web APIs
the
value of the url property will be the final url obtained after any redirects.
... syntax var myurl = response.url;
value a usvstring.
SVGAElement.target - Web APIs
syntax mylink.target = '
value';
value an svganimatedstring indicating the ending resource target that opens the document when the link is activated.
... sample
values can be found here example the code is taken from the "svgaelement example code" ...
format - Web APIs
if the font is in one of the formats listed in css2([css2], section15.3.5), then its
value is the corresponding <string> parameter of the font.
... syntax string = myglyph.format; myglyph.format = string;
value the format
values listed below are taken from css2([css2], section15.3.5).
SVGAnimatedAngle - Web APIs
interface overview also implement none methods none properties readonly svgangle baseval readonly svgangle animval normative document svg 1.1 (2nd edition) properties name type description baseval svgangle the base
value of the given attribute before applying any animations.
... animval svgangle a read only svgangle representing the current animated
value of the given attribute.
SVGAnimatedLengthList - Web APIs
interface overview also implement none methods none properties readonly svglengthlist baseval readonly svglengthlist animval normative document svg 1.1 (2nd edition) properties name type description baseval svglengthlist the base
value of the given attribute before applying any animations.
... animval svglengthlist a read only svglengthlist representing the current animated
value of the given attribute.
SVGAnimatedNumberList - Web APIs
interface overview also implement none methods none properties readonly svgnumberlist baseval readonly svgnumberlist animval normative document svg 1.1 (2nd edition) properties svganimatednumberlist.baseval read only is a svgnumberlist that represents the base
value of the given attribute before applying any animations.
... svganimatednumberlist.animval read only is a read only svgnumberlist that represents the current animated
value of the given attribute.
SVGAnimatedPreserveAspectRatio - Web APIs
interface overview also implement none methods none properties readonly float baseval readonly float animval normative document svg 1.1 (2nd edition) properties svganimatedpreserveaspectratio.baseval read only is a svgpreserveaspectratio that represents the base
value of the given attribute before applying any animations.
... svganimatedpreserveaspectratio.animval read only is a svgpreserveaspectratio that represents the current animated
value of the given attribute.
SVGAnimatedRect - Web APIs
interface overview also implement none methods none properties readonly svgrect baseval readonly svgrect animval normative document svg 1.1 (2nd edition) properties name type description baseval svgrect the base
value of the given attribute before applying any animations.
... animval svgrect a read only svgrect representing the current animated
value of the given attribute.
SVGAnimatedTransformList - Web APIs
interface overview also implement none methods none properties readonly svgtransformlist baseval readonly svgtransformlist animval normative document svg 1.1 (2nd edition) properties name type description baseval svgtransformlist the base
value of the given attribute before applying any animations.
... animval svgtransformlist a read only svgtransformlist representing the current animated
value of the given attribute.
targetElement - Web APIs
if no target element is being animated (for example, because the href attribute specifies an unknown element), the
value returned is null.
... editor's draft added null as return
value in case that no target element is being animated.
cx - Web APIs
if unspecified, the effect is as if the
value is set to 0.
... syntax var xcoordinate = element.cx;
value an svganimatedlength representing the x-coordinate of the circleʼs center.
cy - Web APIs
if unspecified, the effect is as if the
value is set to 0.
... syntax var ycoordinate = element.cy;
value an svganimatedlength representing the y-coordinate of the circleʼs center.
r - Web APIs
if unspecified, the effect is as if the
value is set to 0.
... syntax var radius = element.r;
value an svganimatedlength representing the radius of the circle.
SVGElement - Web APIs
text-anchor="middle" alignment-baseline="middle">svgelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties also inherits properties from: documentandelementeventhandlers, element, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement, svgelementinstance svgelement.datasetread only a domstringmap object which provides a list of key/
value pairs of named data attributes which correspond to custom data attributes attached to the element.
... svgelement.classname read only an svganimatedstring that reflects the
value of the class attribute on the given element, or the empty string if class is not present.
SVGGeometryElement.getTotalLength() - Web APIs
the svggeometryelement.gettotallength() method returns the user agent's computed
value for the total length of the path in user units.
... syntax float someelement.gettotallength(); return
value a float indicating the total length of the path in user units.
SVGGeometryElement.isPointInFill() - Web APIs
normal hit testing rules apply; the
value of the pointer-events property on the element determines whether a point is considered to be within the fill.
... return
value a boolean indicating whether the given point is within the fill or not.
SVGGeometryElement.isPointInStroke() - Web APIs
normal hit testing rules apply; the
value of the pointer-events property on the element determines whether a point is considered to be within the stroke.
... return
value a boolean indicating whether the given point is within the stroke or not.
getBBox() - Web APIs
getbbox returns different
values than getboundingclientrect(), as the latter returns
value relative to the viewport syntax let bboxrect = object.getbbox(); return
value the returned
value is a svgrect object, which defines the bounding box.
... this
value is irrespective of any transformation attribute applied to it or the parent elements.
SVGImageElement.decoding - Web APIs
syntax var refstr = svgimageelement.decoding svgimageelement.decoding = refstr;
values a domstring representing the decoding hint.
... possible
values are: sync: decode the image synchronously for atomic presentation with other content.
SVGNumber - Web APIs
properties svgnumber.
value a float representing the number.
... note: if the svgnumber is read-only, a domexception with the code no_modification_allowed_err is raised on an attempt to change the
value.
SVGPathElement.getTotalLength() - Web APIs
the svgpathelement.gettotallength() method returns the user agent's computed
value for the total length of the path in user units.
... syntax float someelement.gettotallength(); return
value a float indicating the total length of the path in user units.
SVGPathSeg - Web APIs
pathseg_curveto_cubic_smooth_abs = 16 pathseg_curveto_cubic_smooth_rel = 17 pathseg_curveto_quadratic_smooth_abs = 18 pathseg_curveto_quadratic_smooth_rel = 19 normative document svg 1.1 (2nd edition) constants name
value description pathseg_unknown 0 the unit type is not one of predefined types.
... it is invalid to attempt to define a new
value of this type or to attempt to switch an existing
value to this type.
SVGPoint - Web APIs
syntax retobject = svgsvgelement.createsvgpoint()
value the returned
value is an svgpoint object.
... example // create an svgpoint in the user coordinate system let s = document.getelementbyid("svg-elementid").createsvgpoint(); // then, set the x and y
values of the returned svgpoint object // (which is the variable `s`) s.y = 10; s.x = 10; ...
SVGStringList - Web APIs
length unsigned long a mirror of the
value in numberofitems, for consistency with other interfaces.
...the return
value is the item inserted into the list.
SVGTextContentElement - Web APIs
t="_top"><rect x="51" y="65" width="210" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="156" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextcontentelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants constant
value description lengthadjust_unknown 0 some other
value.
...the numeric type
values represent one of the constant
values above.
SVGViewElement - Web APIs
a list of domstring
values which contain the names listed in the viewtarget attribute.
... each of the domstring
values can be associated with the corresponding element using the getelementbyid() method call.
Screen.lockOrientation() - Web APIs
return
value returns true if the orientation was authorized to be locked or false if the orientation locking was denied.
... note that the return
value doesn't indicate that the screen orientation is indeed locked: there may be a delay.
ScriptProcessorNode.bufferSize - Web APIs
its
value can be a power of 2
value in the range 256–16384.
... syntax var audioctx = new audiocontext(); var scriptnode = audioctx.createscriptprocessor(4096, 1, 1); console.log(scriptnode.buffersize);
value an integer.
ScrollToOptions - Web APIs
examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three
values — two numbers representing the left and top properties (i.e.
... when the form is submitted, an event handler is run that puts the entered
values into a scrolltooptions dictionary, and then invokes the window.scrollto() method, passing the dictionary as a parameter: form.addeventlistener('submit', (e) => { e.preventdefault(); var scrolloptions = { left: leftinput.
value, top: topinput.
value, behavior: scrollinput.checked ?
SecurityPolicyViolationEvent.disposition - Web APIs
syntax let disposition = violationeventinstance.disposition;
value a
value defined in the securitypolicyviolationeventdisposition enum representing the uri of the blocked resource.
... possible
values are "enforce" or "report" example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.disposition); }); specifications specification status comment content security policy level 3the definition of 'disposition' in that specification.
Selection.collapse() - Web APIs
this
value can also be set to null — if null is specified, the method will behave like selection.removeallranges(), i.e.
...if not specified, the default
value 0 is used.
Selection.modify() - Web APIs
nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p> <label for="granularity">granularity:</label> <select id="granularity"> <option
value="character">character</option> <option
value="word">word</option> <option
value="sentence">sentence</option> <option
value="line">line</option> <option
value="paragraph">paragraph</option> <option
value="lineboundary">line boundary</option> <option
value="sentenceboundary">sentence boundary</option> <option
value="paragraphboundary">paragraph boundary</option> <option
value="docum...
...entboundary">document boundary</option> </select> <br><br> <button>extend selection</button> javascript let select = document.queryselector('select'); let button = document.queryselector('button'); button.addeventlistener('click', modify); function modify() { let selection = window.getselection(); selection.modify('extend', 'forward', select.
value); } result specifications this method is not part of any specification.
Selection.type - Web APIs
syntax
value = sel.type
value a domstring describing the type of the current selection.
... possible
values are: none: no selection has currently been made.
ServiceWorker - Web APIs
it returns one of the following
values: installing, installed, activating, activated, or redundant.
...the code listens for any change in the serviceworker.state and returns its
value.
Slottable: assignedSlot - Web APIs
syntax var slotelement = elementinstance.assignedslot
value an htmlslotelement instance, or null if the element is not assigned to a slot, or if the associated shadow root was attached with its mode set to closed (see element.attachshadow for further details).
... when <my-paragraph> is used in the document, the slot is populated by a slottable element by including it inside the element with a slot attribute with the
value my-text.
SourceBuffer - Web APIs
sourcebuffer.trackdefaults specifies the default
values to use if kind, label, and/or language information is not available in the initialization segment of the media to be appended to the sourcebuffer.
... sourcebuffer.onupdatestart fired whenever the
value of sourcebuffer.updating transitions from false to true.
SpeechRecognition.interimResults - Web APIs
the speechrecognitionresult.isfinal property is false.) the default
value for interimresults is false.
... syntax var myinterimresult = myspeechrecognition.interimresults; myspeechrecognition.interimresults = false;
value a boolean representing the state of the current speechrecognition's interim results.
SpeechRecognition.lang - Web APIs
if not specified, this defaults to the html lang attribute
value, or the user agent's language setting if that isn't set either.
... syntax var mylang = myspeechrecognition.lang; myspeechrecognition.lang = 'en-us';
value a domstring representing the bcp 47 language tag for the current speechrecognition.
SpeechRecognition.maxAlternatives - Web APIs
the default
value is 1.
... syntax var mymaxalternativenumber = myspeechrecognition.maxalternatives; myspeechrecognition.maxalternatives = 2;
value a number representing the maximum returned alternatives for each result.
SpeechRecognitionEvent.resultIndex - Web APIs
the resultindex read-only property of the speechrecognitionevent interface returns the lowest index
value result in the speechrecognitionresultlist "array" that has actually changed.
... syntax var myresultindex = event.resultindex;
value a number.
SpeechSynthesis - Web APIs
var synth = window.speechsynthesis; var inputform = document.queryselector('form'); var inputtxt = document.queryselector('.txt'); var voiceselect = document.queryselector('select'); var pitch = document.queryselector('#pitch'); var pitch
value = document.queryselector('.pitch-
value'); var rate = document.queryselector('#rate'); var rate
value = document.queryselector('.rate-
value'); var voices = []; function populatevoicelist() { voices = synth.getvoices(); for(i = 0; i < voices.length ; i++) { var option = document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; if(voices[...
...tion.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } } populatevoicelist(); if (speechsynthesis.onvoiceschanged !== undefined) { speechsynthesis.onvoiceschanged = populatevoicelist; } inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.pitch = pitch.
value; utterthis.rate = rate.
value; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web s...
SpeechSynthesisErrorEvent.error - Web APIs
syntax myerror = event.error;
value a domstring containing an error code.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onerror = function(event) { console.error('an error has occurred with the speech synthesis: ' + event.error); } inputtxt.blur(); } specif...
SpeechSynthesisUtterance.text - Web APIs
syntax var mytext = speechsynthesisutteranceinstance.text; speechsynthesisutteranceinstance.text = 'hello i am speaking';
value a domstring representing the text to the synthesised.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } console.log(utterthis.text); synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'text' ...
SpeechSynthesisUtterance.voice - Web APIs
syntax var myvoice = speechsynthesisutteranceinstance.voice; speechsynthesisutteranceinstance.voice = speechsynthesisvoiceinstance;
value a speechsynthesisvoice object.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'voice' in that specification.
Storage.key() - Web APIs
return
value a domstring containing the name of the key.
... examples the following function iterates over the local storage keys: function foreachkey(callback) { for (var i = 0; i < localstorage.length; i++) { callback(localstorage.key(i)); } } the following function iterates over the local storage keys and gets the
value set for each key: for(var i =0; i < localstorage.length; i++){ console.log(localstorage.getitem(localstorage.key(i))); } note: for a real world example, see our web storage demo.
Storage API - Web APIs
both of these
values are estimates; there are several reasons why they're not precise: user agents are encouraged to obscure the exact size of the data used by a given origin, to prevent these
values from being used for fingerprinting purposes.
... to determine the estimated quota and usage
values for a given origin, use the navigator.storage.estimate() method, which returns a promise that, when resolved, receives a storageestimate that contains these figures.
StylePropertyMapReadOnly.entries() - Web APIs
the stylepropertymapreadonly.entries() method 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).
... return
value an array of the given stylepropertymapreadonly object's own enumerable property [key,
value] pairs.
Stylesheet.href - Web APIs
<html> <head> <link rel="stylesheet" href="example.css" type="text/css" /> <script> function sref() { alert(document.stylesheets[0].href); } </script> </head> <body> <div class="thunder">thunder</div> <button onclick="sref()">ss</button> </body> </html> // returns "file:////c:/windows/desktop/example.css notes if the style sheet is a linked style sheet, the
value of its attribute is its location.
... for inline style sheets, the
value of this attribute is null.
SubmitEvent() - Web APIs
eventinitdict optional an optional dictionary of initial
values for the event's properties.
... return
value a submitevent object configured using the given inputs.
SubmitEvent.submitter - Web APIs
syntax let submitter = submitevent.submitter;
value an element, indicating the element that sent the submit event to the form.
... if the submission was not triggered by a button of some kind, the
value of submitter is null.
SubtleCrypto.exportKey() - Web APIs
syntax const result = crypto.subtle.exportkey(format, key); parameters format is a string
value describing the data format in which the key should be exported.
... return
value result is a promise.
SubtleCrypto.generateKey() - Web APIs
possible
values for array elements are: encrypt: the key may be used to encrypt messages.
... return
value result is a promise that fulfills with a cryptokey (for symmetric algorithms) or a cryptokeypair (for public-key algorithms).
SyncEvent.lastChance - Web APIs
this is the
value passed in the lastchance parameter of the syncevent() constructor.
... syntax var lastchance = syncevent.lastchance
value a boolean that indicates whether the user agent will not make further synchronization attempts after the current attempt.
SyncEvent.tag - Web APIs
this is the
value passed in the tag parameter of the syncevent() constructor.
... syntax var tag = syncevent.tag
value the developer-defined identifier for this syncevent.
SyncManager.register() - Web APIs
valid
values are 'network-any', 'network-offline', 'network-online', 'network-non-mobile'.
... the default
value is 'network-online'.
Text.splitText() - Web APIs
return
value returns a newly created text node that contains the text after the specified offset point.
... exceptions thrown a domexception with a
value of index_size_err is thrown if the specified offset is negative or is greater than the number of 16-bit units in the node's text; a domexception with a
value of no_modification_allowed_err is thrown if the node is read-only.
TextRange - Web APIs
textrange.querycommand
value() returns the domstring indicating the current
value of the specified command.
... you can also see document.querycommand
value().
TextTrackList.length - Web APIs
a
value of 0 indicates that there are no text tracks in the media.
... syntax var trackcount = texttracklist.length;
value a number indicating how many text tracks are included in the texttracklist.
TouchList.identifiedTouch() - Web APIs
syntax var touchitem = touchlist.identifiedtouch(id); parameters id an integer
value identifying the touch object to retrieve from the list.
... return
value touchitem a touch object matching the specified id.
TrackDefault.TrackDefault() - Web APIs
if not specified, this
value will be an empty string and the sourcebuffer can contain any tracks of the specified type.
... typeerror there are
values specified in the kinds array that do not apply to the specified type.
TrackDefault.byteStreamTrackID - Web APIs
if not specified in the constructor, this
value will be an empty string and the sourcebuffer can contain any tracks of the specified trackdefault.type.
... syntax var myid = trackdefault.bytestreamtrackid;
value a domstring.
TransformStream - Web APIs
methods none examples anything-to-uint8array stream in the following example, a transform stream passes through all chunks it receives as uint8array
values.
...async transform(chunk, controller) { chunk = await chunk switch (typeof chunk) { case 'object': // just say the stream is done i guess if (chunk === null) controller.terminate() else if (arraybuffer.isview(chunk)) controller.enqueue(new uint8array(chunk.buffer, chunk.byteoffset, chunk.bytelength)) else if (array.isarray(chunk) && chunk.every(
value => typeof
value === 'number')) controller.enqueue(new uint8array(chunk)) else if ('function' === typeof chunk.
valueof && chunk.
valueof() !== chunk) this.transform(chunk.
valueof(), controller) // hack else if ('tojson' in chunk) this.transform(json.stringify(chunk), controller) break case 'symbol': controller.error("cannot send a symbol as ...
TransitionEvent() - Web APIs
propertyname optional is a domstring containing the
value of the property-name css property associated with the transition.
...for an "animationstart" event, elapsedtime is 0.0 unless there was a negative
value for animation-delay, in which case the event will be fired with elapsedtime containing (-1 * delay).
TreeWalker.expandEntityReferences - Web APIs
if this
value is false, the children of entity reference nodes (as well as all of their descendants) are rejected.
... this takes precedence over the
value of the treewalker.whattoshow method and the associated filter.
UIEvent() - Web APIs
syntax event = new uievent(typearg [, uieventinit])
values typearg is a domstring representing the name of the event.
... uieventinit optional is a uieventinit dictionary, having the following fields: detail: optional and defaulting to 0, of type long, that is a event-dependant
value associated with the event.
UIEvent.initUIEvent() - Web APIs
once set, the read-only property event.bubbles will give its
value.
...once set, the read-only property event.cancelable will give its
value.
UIEvent.isChar - Web APIs
syntax var ischar = uievent.ischar;
value a boolean which is true if the event produces a character; otherwise false.
... example in this snippet, which is part of an event handler, the event is checked to see if it generates a character; if it does, the
value of uievent.which is appended to a string which buffers the typed characters.
UIEvent.pageX - Web APIs
syntax var pos = event.pagex
value an integer
value, in pixels, indicating the x coordinate at which the mouse pointer was located when the event occurred.
... this
value is relative to the left edge of the entire document, regardless of the current horizontal scrolling offset of the document.
URL.origin - Web APIs
for file: urls, the
value is browser dependant.
... syntax const originstring = url.origin
value a usvstring.
URL.pathname - Web APIs
syntax const path = url.pathname url.pathname = newpath
value a usvstring.
... examples const url = new url('/docs/web/api/url/pathname?q=
value'); console.log(url.pathname); // logs "/docs/web/api/url/pathname" specifications specification status comment urlthe definition of 'url.pathname' in that specification.
URL.pathname - Web APIs
syntax const path = url.pathname url.pathname = newpath
value a usvstring.
... examples const url = new url('/docs/web/api/url/pathname?q=
value'); console.log(url.pathname); // logs "/docs/web/api/url/pathname" specifications specification status comment urlthe definition of 'url.pathname' in that specification.
URL - Web APIs
it is a synonym for url.href, though it can't be used to modify the
value.
... to get the search params from the current window's url, you can do this: // https://some.site/?id=123 const parsedurl = new url(window.location.href); console.log(parsedurl.searchparams.get("id")); // "123" the tostring() method of url just returns the
value of the href property, so the constructor can be used to normalize and encode a url directly.
URLSearchParams.delete() - Web APIs
the delete() method of the urlsearchparams interface deletes the given search parameter and all its associated
values, from the list of all search parameters.
... return
value void examples let url = new url('https://example.com?foo=1&bar=2&foo=3'); let params = new urlsearchparams(url.search.slice(1)); // delete the foo parameter.
URLSearchParams.get() - Web APIs
the get() method of the urlsearchparams interface returns the first
value associated to the given search parameter.
... return
value a usvstring if the given search parameter is found; otherwise, null.
URLSearchParams.getAll() - Web APIs
the getall() method of the urlsearchparams interface returns all the
values associated with a given search parameter as an array.
... return
value an array of usvstrings.
URLSearchParams.keys() - Web APIs
return
value returns an iterator.
... examples // create a test urlsearchparams object var searchparams = new urlsearchparams("key1=
value1&key2=
value2"); // display the keys for(var key of searchparams.keys()) { console.log(key); } the result is: key1 key2 specifications specification status comment urlthe definition of 'keys() (see "iterable")' in that specification.
USBConfiguration.configurationName - Web APIs
this is equal to the
value of the string descriptor with the index provided in the iconfiguration field of the configuration descriptor defining this configuration.
... syntax var name = usbconfiguration.configurationname
value the name provided by the device to describe this configuration.
USBDevice.opened - Web APIs
syntax var serialnumber = usbdevice.opened
value a boolean.
... let payload = new uint8array([r, g, b]); await usbdevice.controltransferout({ requesttype: 'vendor', recipient: 'device', request: 1,
value: 0, index: 0, }, payload); } } specifications specification status comment webusbthe definition of 'opened' in that specification.
USBDevice.selectConfiguration() - Web APIs
syntax var promise = usbdevice.selectconfiguration(configuration
value) parameters configuration
value the number of a device-specific configuration.
... return
value a promise.
USBEndpoint - Web APIs
properties usbendpoint.endpointnumber returns this endpoint's "endpoint number" which is a
value from 1 to 15 extracted from the bendpointaddress field of the endpoint descriptor defining this endpoint.
... this
value is used to identify the endpoint when calling methods on usbdevice.
USVString - Web APIs
usvstring corresponds to the set of all possible sequences of unicode scalar
values.
... usvstring maps to a string when returned in javascript; it's generally only used for apis that perform text processing and need a string of unicode scalar
values to operate on.
UserDataHandler - Web APIs
methods handle (operation, key, data, src, dst) (no return
value) this method is a callback which will be called if a node is being cloned, imported, renamed and as well, if deleted or adopted.
... constants constant
value operation node_cloned 1 node.clonenode() node_imported 2 document.importnode() node_deleted unimplemented (see bug 550400) 3 node_renamed unimplemented 4 node.renamenode() node_adopted 5 document.adoptnode() (node_renamed is currently not supported since node.renamenode() is not supported.) specification dom level 3 core: userdatahandler ...
User Timing API - Web APIs
the mark's performance entry will have the following property
values: entrytype - set to "mark".
... the measure's performance entry will have the following property
values: entrytype - set to "measure".
VTTCue() - Web APIs
given the example cue mentioned under starttime, the
value of endtime would be 65.5.
... return
value a new vttcue object representing a cue which will be presented during the time span given.
VideoPlaybackQuality.corruptedVideoFrames - Web APIs
syntax corruptframefount = videoplaybackquality.corruptedvideoframes;
value the number of corrupted video frames that have been received since the <video> element was last loaded or reloaded.
... example this example determines the percentage of frames which have been corrupted, and if the
value is greater than 5%, calls a funciton called downgradevideo() that would be implemented to switch to a different video that might tax the network less.
VideoPlaybackQuality.droppedVideoFrames - Web APIs
syntax
value = videoplaybackquality.droppedvideoframes;
value an unsigned 64-bit
value indicating the number of frames that have been dropped since the last time the media in the <video> element was loaded or reloaded.
...that
value is then presented in an element for the user's reference.
VideoPlaybackQuality.totalVideoFrames - Web APIs
syntax
value = videoplaybackquality.totalvideoframes;
value the total number of frames that the <video> element has displayed or dropped since the media was loaded into it.
... this
value is reset when the media is reloaded or replaced.
VideoTrackList: change event - Web APIs
bubbles no cancelable no interface event event handler property onchange examples using addeventlistener(): const videoelement = document.queryselector('video'); videoelement.videotracks.addeventlistener('change', (event) => { console.log(`'${event.type}' event fired`); }); // changing the
value of `selected` will trigger the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.videotracks[0]; track.selected = !track.selected; }); using the onchange event handler property: const videoelement = document.queryselector('video'); videoelement.videotracks.onchange = (event) => { ...
... console.log(`'${event.type}' event fired`); }; // changing the
value of `selected` will trigger the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.videotracks[0]; track.selected = !track.selected; }); specifications specification status html living standardthe definition of 'change' in that specification.
VideoTrackList.length - Web APIs
a
value of 0 indicates that there are no video tracks in the media.
... syntax var trackcount = videotracklist.length;
value a number indicating how many video tracks are included in the videotracklist.
WEBGL_compressed_texture_astc.getSupportedProfiles() - Web APIs
syntax sequence<domstring> ext.getsupportedprofiles(); return
value an array of domstring elements indicating which astc profiles are supported by the implementation.
...an hdr image stores pixel
values that span the whole tonal range of real-world scenes (100,000:1).
WEBGL_draw_buffers.drawBuffersWEBGL() - Web APIs
possible
values: gl.none: the fragment shader is not written to any color buffer.
...or_attachment3_webgl ext.color_attachment4_webgl ext.color_attachment5_webgl ext.color_attachment6_webgl ext.color_attachment7_webgl ext.color_attachment8_webgl ext.color_attachment9_webgl ext.color_attachment10_webgl ext.color_attachment11_webgl ext.color_attachment12_webgl ext.color_attachment13_webgl ext.color_attachment14_webgl ext.color_attachment15_webgl return
value none.
WakeLockSentinel.type - Web APIs
syntax var type = wakelocksentinel.type;
value a string representation of the currently acquired wake lock type.
... type read only return
values are: 'screen': a screen wake lock.
WebGL2RenderingContext.beginQuery() - Web APIs
possible
values: gl.any_samples_passed: specifies an occlusion query: these queries detect whether an object is visible (whether the scoped drawing commands pass the depth test and if so, how many samples pass).
... return
value none.
WebGL2RenderingContext.blitFramebuffer() - Web APIs
possible
values: gl.color_buffer_bit gl.depth_buffer_bit gl.stencil_buffer_bit filter a glenum specifying the interpolation to be applied if the image is stretched.
... possible
values: gl.nearest gl.linear return
value none.
WebGL2RenderingContext.endQuery() - Web APIs
possible
values: gl.any_samples_passed: specifies an occlusion query: these queries detect whether an object is visible (whether the scoped drawing commands pass the depth test and if so, how many samples pass).
... return
value none.
WebGLRenderingContext.makeXRCompatible() - Web APIs
return
value a promise which successfully resolves once the webgl context is ready to be used for rendering webxr content.
... exceptions this method doesn't throw traditional exceptions; instead, the promise rejects with one of the following errors as the
value passed into the rejection handler: aborterror switching the context over to the webxr-compatible context failed.
Basic scissoring - Web APIs
the reason for this distinction is that fragment color (and other fragment
values, such as depth) may be manipulated and changed several times during graphics operations before finally being written to the screen.
...in other cases, the fragments may be discarded altogether (so the pixel
value is not updated), or it may interact with the already existing pixel
value (such as when doing color blending for non-opaque elements in the scene).
Canvas size and WebGL - Web APIs
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.
Using shaders to apply color in WebGL - Web APIs
, // red 0.0, 1.0, 0.0, 1.0, // green 0.0, 0.0, 1.0, 1.0, // blue ]; const colorbuffer = gl.createbuffer(); gl.bindbuffer(gl.array_buffer, colorbuffer); gl.bufferdata(gl.array_buffer, new float32array(colors), gl.static_draw); return { position: positionbuffer, color: colorbuffer, }; } this code starts by creating a javascript array containing four 4-
value vectors, one for each vertex color.
... coloring the fragments as a refresher, here's what our fragment shader looked like previously: const fssource = ` void main() { gl_fragcolor = vec4(1.0, 1.0, 1.0, 1.0); } `; in order to pick up the interpolated color for each pixel, we need to change this to fetch the
value from the vcolor varying: const fssource = ` varying lowp vec4 vcolor; void main(void) { gl_fragcolor = vcolor; } `; each fragment receives the interpolated color based on its position relative to the vertex positions instead of a fixed
value.
WebGL best practices - Web APIs
while the common approach is to set canvas.width = width * devicepixelratio, this will cause moire artifacts with non-integer
values of devicepixelratio, as is common with ui scaling on windows, as well as zooming on all platforms.
... instead, we can use non-integer
values for css's top/bottom/left/right to fairly reliably 'pre-snap' our canvas to whole integer device coordinates.
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
if we already have video coming in from the remote peer (which we can see if the remote view's <video> element's srcobject property already has a
value), we do nothing.
...to avoid races, we'll use this
value later instead of the signaling state to determine whether or not an offer is being processed because the
value of signalingstate changes asynchronously, introducing a glare opportunity.
Signaling and video calling - Web APIs
note: we could restrict the set of permitted media inputs to a specific device or set of devices by calling navigator.mediadevices.enumeratedevices() to get a list of devices, filtering the resulting list based on our desired criteria, then using the selected devices' deviceid
values in the deviceid field of the the mediaconstraints object passed into getusermedia().
...it may also provide username and credential
values to allow authentication to take place, if needed.
A simple RTCDataChannel sample - Web APIs
that method is simple enough: function sendmessage() { var message = messageinputbox.
value; sendchannel.send(message); messageinputbox.
value = ""; messageinputbox.focus(); } first, the text of the message is fetched from the input box's
value attribute.
... receivechannel.close(); // close the rtcpeerconnections localconnection.close(); remoteconnection.close(); sendchannel = null; receivechannel = null; localconnection = null; remoteconnection = null; // update user interface elements connectbutton.disabled = false; disconnectbutton.disabled = true; sendbutton.disabled = true; messageinputbox.
value = ""; messageinputbox.disabled = true; } this starts by closing each peer's rtcdatachannel, then, similarly, each rtcpeerconnection.
Writing WebSocket servers - Web APIs
if any header is not understood or has an incorrect
value, the server should send a 400 ("bad request")} response and immediately close the socket.
... so if the key was "dghlihnhbxbszsbub25jzq==", the sec-websocket-accept header's
value is "s3pplmbitxaq9kygzzhzrbk+xoo=".
Basic concepts behind Web Audio API - Web APIs
a sample is a single float32
value that represents the
value of the audio stream at each specific point in time, in a specific channel (left or right, if in the case of stereo).
... a frame, or sample frame, is the set of all
values for all channels that will play at a specific point in time: all the samples of all the channels that play at the same time (two for a stereo sound, six for 5.1, etc.) the sample rate is the number of those samples (or frames, since all samples of a frame play at the same time) that will play in one second, measured in hz.
window.cancelIdleCallback() - Web APIs
syntax window.cancelidlecallback(handle); parameters handle the id
value returned by window.requestidlecallback() when the callback was established.
... return
value undefined.
Window.closed - Web APIs
syntax const isclosed = windowref.closed;
value a boolean.
... possible
values: true: the window has been closed.
Window.confirm() - Web APIs
return
value a boolean indicating whether ok (true) or cancel (false) was selected.
... if a browser is ignoring in-page dialogs, then the returned
value is always false.
Window.event - Web APIs
outside the context of an event handler, the
value is always undefined.
... note: this property can be fragile, in that there may be situations in which the returned event is not the expected
value.
Window.frameElement - Web APIs
syntax const frameel = window.frameelement
value the element which the window is embedded into.
... if the window isn't embedded into another document, or if the document into which it's embedded has a different origin, the
value is null instead.
Window.getSelection() - Web APIs
syntax selection = window.getselection(); return
value a selection object.
... examples function foo() { var selobj = window.getselection(); alert(selobj); var selrange = selobj.getrangeat(0); // do stuff with the range } notes string representation of the selection object in javascript, when an object is passed to a function expecting a string (like window.alert() or document.write()), the object's tostring() method is called and the returned
value is passed to the function.
Window.innerWidth - Web APIs
syntax let intviewportwidth = window.innerwidth;
value an integer
value indicating the width of the window's layout viewport in pixels.
... this property is read-only, and has no default
value.
Window.localStorage - Web APIs
the keys and the
values are always in the utf-16 domstring format, which uses two bytes per character.
... syntax mystorage = window.localstorage;
value a storage object which can be used to access the current origin's local storage space.
window.location - Web APIs
syntax var oldlocation = location; location = newlocation; examples basic example alert(location); // alerts "/docs/web/api/window/location" example #1: navigate to a new page whenever a new
value is assigned to the location object, a document will be loaded using the url as if location.assign() had been called with the modified url.
... location.assign("http://www.mozilla.org"); // or location = "http://www.mozilla.org"; example #2: force reloading the current page from the server location.reload(true); example #3 consider the following example, which will reload the page by using the replace() method to insert the
value of location.pathname into the hash: function reloadpagewithhash() { var initialpage = location.pathname; location.replace('http://example.com/#' + initialpage); } example #4: display the properties of the current url in an alert dialog: function showloc() { var olocation = location, alog = ["property (typeof):
value", "location (" + (typeof olocation) + "): " + olocation ]; for (var sprop in olocation){ alog.pu...
Window.moveBy() - Web APIs
positive
values are to the right, while negative
values are to the left.
...positive
values are down, while negative
values are up.
Window.mozInnerScreenX - Web APIs
syntax screenx = window.mozinnerscreenx;
value screenx stores the window.mozinnerscreenx property
value.
... the window.mozinnerscreenx property is a floating point, read-only
value; it has no default
value.
Window.mozInnerScreenY - Web APIs
syntax screeny = window.mozinnerscreeny;
value screeny stores the window.mozinnerscreeny property
value.
... the window.mozinnerscreeny property is a floating point, read-only
value; it has no default
value.
Window.mozPaintCount - Web APIs
syntax var paintcount = window.mozpaintcount; paintcount stores the window.mozpaintcount property
value.
... the window.mozpaintcount
value is a long long, and starts at zero when the document is first created, incrementing by one each time the document is painted.
Window.orientation - Web APIs
its only possible
values are -90, 0, 90, and 180.
... positive
values are clockwise; negative
values are counterclockwise.
Window: popstate event - Web APIs
the entry is now said to have "persisted user state." this information the browser might add to the history session entry may include, for instance, the document's scroll position, the
values of form inputs, and other such data.
... if the
value of state changed, the popstate event is sent to the document.
window.requestIdleCallback() - Web APIs
syntax var handle = window.requestidlecallback(callback[, options]) return
value an id which can be used to cancel the callback by passing it into the window.cancelidlecallback() method.
...currently only one property is defined: timeout: if timeout is specified and has a positive
value, and the callback has not already been called by the time timeout milliseconds have passed, the callback will be called during the next idle period, even if doing so risks causing a negative performance impact.
Window.scrollBy() - Web APIs
syntax window.scrollby(x-coord, y-coord); window.scrollby(options) parameters x-coord is the horizontal pixel
value that you want to scroll by.
... y-coord is the vertical pixel
value that you want to scroll by.
Window.speechSynthesis - Web APIs
syntax var synth = window.speechsynthesis;
value a speechsynthesis object.
...tion.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } } populatevoicelist(); if (speechsynthesis.onvoiceschanged !== undefined) { speechsynthesis.onvoiceschanged = populatevoicelist; } inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesis' in that specificatio...
WindowClient.visibilityState - Web APIs
this
value can be one of "hidden", "visible", or "prerender".
... syntax var myvisstate = windowclient.visibilitystate;
value a domstring (see document.visibilitystate for
values).
WindowEventHandlers.onbeforeunload - Web APIs
the html specification states that authors should use the event.preventdefault() method instead of using event.return
value to prompt the user.
... window.addeventlistener('beforeunload', function (e) { // cancel the event e.preventdefault(); // if you prevent default behavior in mozilla firefox prompt will always be shown // chrome requires return
value to be set e.return
value = ''; }); guarantee the browser unload by removing the return
value property of the event window.addeventlistener('beforeunload', function (e) { // the absence of a return
value property on the event will guarantee the browser unload happens delete e['return
value']; }); notes when your page uses javascript to render content, the javascript may stop when leaving and then navigating back to the page.
WindowEventHandlers.onunhandledrejection - Web APIs
syntax window.onunhandledrejection = function;
value function is an eventhandler or function to call when unhandledrejection events are received by the window.
... examples this example simply logs unhandled rejections' reason
values to the console.
WindowOrWorkerGlobalScope.atob() - Web APIs
for example, you can encode, transmit, and decode control characters such as ascii
values 0 through 31.
... return
value an ascii string containing decoded data from encodeddata.
Worker.onmessage - Web APIs
messages are passed to the worker when the
value inside the form input first changes.
... var myworker = new worker('worker.js'); first.onchange = function() { myworker.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } myworker.onmessage = function(e) { result.textcontent = e.data; console.log('message received from worker'); } in the worker.js script, an onmessage handler is used to the handle messages from the main script: onmessage = function(e) { console.log('message received from main script'); var workerresult = 'result: ' + (e.data[0] * e.data[1]); console.log('posting message back to main script'); postmessage(workerresult); } notice how in the main script, onmessage has to be called on myworker, whereas inside the worker...
WorkerGlobalScope - Web APIs
offline fired when the browser has lost access to the network and the
value of navigator.online switched to false.
... online fired when the browser has gained access to the network and the
value of navigator.online switched to true.
WritableStream.WritableStream() - Web APIs
note: you could define your own custom queuingstrategy, or use an instance of bytelengthqueuingstrategy or countqueuingstrategy for this object
value.
... return
value an instance of the writablestream object.
WritableStreamDefaultWriter.desiredSize - Web APIs
syntax var desiredsize = writablestreamdefaultwriter.desiredsize;
value an integer.
... the
value will be null if the stream cannot be successfully written to (due to either being errored, or having an abort queued up), and zero if the stream is closed.
Sending and Receiving Binary Data - Web APIs
possible
values are the empty string (default), "arraybuffer", "blob", "document", "json", and "text".
... obviously you need to change this
value based on the actual size of the data being sent.
XMLHttpRequest.statusText - Web APIs
if the request's readystate is in unsent or opened state, the
value of statustext will be an empty string.
... if the server response doesn't explicitly specify a status text, statustext will assume the default
value "ok".
XMLHttpRequest.withCredentials - Web APIs
xmlhttprequest from a different domain cannot set cookie
values for their own domain unless withcredentials is set to true before making the request.
... note: xmlhttprequest responses from a different domain cannot set cookie
values for their own domain unless withcredentials is set to true before making the request, regardless of access-control- header
values.
XRInputSource.gripSpace - Web APIs
syntax var xrspace = xrinputsource.gripspace;
value an xrspace object representing the position and orientation of the input device in virtual space, suitable for rendering an image of the device into the scene.
... for (let source in xrsession.inputsources) { if (source.gripspace) { let grippose = frame.getpose(source.gripspace, xrrefspace); if (grippose) { mydrawmeshusingtransform(controllermesh, grippose.transform.matrix); } } } for each input source which has a
value for gripspace, this loop obtains the xrpose representing the position and orientation that are described by gripspace.
XRInputSource - Web APIs
if the device isn't a gamepad-like device, this property's
value is null.
...the
value will be left, right, or none.
XRInputSourceArray.length - Web APIs
the read-only length property returns an integer
value indicating the number of items in the input source list represented by the xrinputsourcearray object.
... syntax let inputsourcecount = xrinputsourcearray.length;
value an integer
value indicating the number of xrinputsource objects representing webxr input sources are includled in the array.
XRInputSourceEventInit.inputSource - Web APIs
syntax let xrinputsourceeventinit.inputsource = xrinputsource; let xrinputsourceeventinit = { inputsource: xrinputsource }; let xrinputsourceevent = new xrinputsourceevent(type, { inputsource: xrinputsource });
value an xrinputsource object indicating the source of the newly-created xrinputsourceevent to be created.
... the new object's inputsource will be set to this
value.
XRInputSourcesChangeEvent() - Web APIs
eventinitdict an object conforming to the xrinputsourceschangeeventinit dictionary, prodividing the initial
values for the event.
... return
value a newly-created xrinputsourceschangeevent object configured based upon the input parameters provided.
XRPermissionStatus.granted - Web APIs
syntax grantedfeatures = xrpermissionstatus.granted;
value an array of domstring objects, each identifying a single webxr feature which the app or site has been granted permission to use.
... xrreferencespace local-floor similar to the local type, except the starting position is placed in a safe location for the viewer to stand, where the
value of the y axis is 0 at floor level.
XRPose.transform - Web APIs
syntax let posetransform = xrpose.transform;
value an xrrigidtransform which provides the position and orientation of the xrpose relative to the xrframe to which this xrpose is aligned.
...it determines the targeted object by passing the event frame's pose into a function called findtargetusingray(), then dispatches the event differently depending on the user's handedness; this is done by comparing the
value of the xrinputsource property handedness to a
value in the variable user.handedness.
XRPose - Web APIs
xrpose.emulatedposition read only a boolean
value which is false if the position and orientation given by transform is obtained directly from a full six degree of freedom (6dof) xr device (that is, a device which tracks not only the pitch, yaw, and roll of the head but also the forward, backward, and side-to-side motion of the viewer).
... if any component of the transform is computed or created artificially (such as by using mouse or keyboard controls to move through space), this
value is instead true, indicating that the transform is in part emulated in software.
XRReferenceSpaceEvent - Web APIs
constructor xrreferencespaceevent() returns a new xrreferencespaceevent with the specified type and configured using the
values in the given xrreferencespaceeventinit dictionary.
...this is an opportunity for your app to update any stored transforms, position/orientation information, or the like—or to dump any cached
values based on the reference's space's origin so you can recompute them as needed.
XRReferenceSpaceEventInit.referenceSpace - Web APIs
the xrreferencespaceeventinit property referencespace is used to establish the
value of a newly-constructed xrreferencespaceevent object when calling the xrreferencespaceevent() constructor.
... syntax let eventinitdict = { referencespace: xrreferencespace, transform: xrrigidtransform });
value an xrreferencespace indicating the source of the event.
XRReferenceSpaceType - Web APIs
values the reference space returned by xrsession.requestreferencespace() is either xrreferencespace or xrboundedreferencespace.
... xrreferencespace local-floor similar to the local type, except the starting position is placed in a safe location for the viewer to stand, where the
value of the y axis is 0 at floor level.
XRRenderState.baseLayer - Web APIs
this property is read-only; however, you can indirectly change its
value using xrsession.updaterenderstate.
... syntax var xrwebgllayer = xrrenderstate.baselayer;
value a xrwebgllayer object which is used as the source of the world's contents when rendering each frame of the scene.
XRSession.cancelAnimationFrame() - Web APIs
syntax xrsession.cancelanimationframe(handle); parameters handle the unique
value returned by the call to requestanimationframe() that previously scheduled the animation callback.
... return
value none.
XRSession.inputSources - Web APIs
syntax inputsources = xrsession.inputsources;
value an xrinputsourcearray object listing all of the currently-connected input controllers which are linked specifically to the xr device currently in use.
...you can then either get the
value of inputsources to examine the list, or you can refer to a reference to the list that you've previously saved.
XRSession.onselect - Web APIs
syntax xrsession.onselect = selecthandlerfunction;
value an event handler function to be invoked when the xrsession receives a select event.
... example this example handles select event which occur on the user's main hand (as given by a user object's handedness property); if that
value matches the
value of the xrinputsource property handedness, we know that the device is held in the user's main hand.
XRSession.onsqueezeend - Web APIs
syntax xrsession.onsqueezeend = squeezeendhandlerfunction;
value a function to be invoked whenever the xrsession receives a squeezestart event, indicating the ending of a primary squeeze action.
...that's because (in this example, at least) the handler for the squeeze event has already dropped the object into its new location and then cleared the
value of heldobject to indicate that the user is no longer holding anything.
XRSession.requestReferenceSpace() - Web APIs
xrreferencespace local-floor similar to the local type, except the starting position is placed in a safe location for the viewer to stand, where the
value of the y axis is 0 at floor level.
... xrreferencespace return
value a promise that resolves with an xrreferencespace object.
XRSessionEvent - Web APIs
constructor xrsessionevent() creates and returns a new xrsessionevent object configured using the specified xrsessioneventinit object's
values as available.
... session event types the following events are represented using the xrsessionevent interface, and are permitted
values for its type property.
XRSystem: requestSession() - Web APIs
syntax var sessionpromise = xr.requestsession(sessionmode, sessioninit) parameters sessionmode a domstring whose
value is one of those included in the xrsessionmode enum.
... return
value a promise that resolves with an xrsession object if the device and user agent support the requested mode and features.
XRTargetRayMode - Web APIs
values gaze the user is using a gaze-tracking system (or gaze input) which detects the direction in which the user is looking.
...inputs which have a
value for this property represent inputs that project a target ray outward from the user.
XRViewport - Web APIs
thus the
values specified in an xrviewport define a rectangle whose bottom-left corner is at (x, y) and which extends width pixels toward the left and height pixels upward.
... these
values may be passed directly into the webglrenderingcontext.viewport() method: let xrviewport = xrwebgllayer.getviewport(xrview); gl.viewport(xrviewport.x, xrviewport.y, xrviewport.width, xrviewport.height); example this example sets up an animation frame callback using requestanimationframe().
XRVisibilityState - Web APIs
the xrvisibilitystate enumerated type defines the string
values which are valid for the xrsession interface's visibilitystate property, which indicates whether or not an xr session is currently visible to the user, and if it is, whether or not it's currently the primary focus.
...
values hidden the virtual scene generated by the xrsession is not currently visible to the user, so its requestanimationframe() callbacks are not being executed until thevisibilitystate changes.
XRWebGLLayer - Web APIs
properties antialias read only a boolean
value indicating whether or not the webgl context's framebuffer supports anti-aliasing.
... ignoredepth
values read only a boolean which indicates whether or not the webxr compositor should make use of the contents of the layer's depth buffer while compositing the scene.
XRWebGLLayerInit.alpha - Web APIs
the alpha property is a boolean
value which, if present and set to true in the xrwebgllayerinit dictionary passed into the xrwebgllayer() constructor, specifies that the new layer's color buffer is to include an alpha channel.
... syntax let layerinit = { alpha: bool
value }; let gllayer = new xrwebgllayer(xrsession, gl, layerinit); let gllayer = new xrwebgllayer(xrsession, gl, { alpha: bool
value });
value a boolean which can be set to true to request that the new webgl layer for rendering the webxr scene is to have an alpha channel.
Using the aria-labelledby attribute - Accessibility
description the aria-labelledby attribute establishes relationships between objects and their label(s), and its
value should be one or more element ids, which refer to elements that have the text needed for labeling.
...
value a space-separated list of element ids possible effects on user agents and assistive technology when user agents compute the accessible name property of elements that have both an aria-labelledby attribute and an aria-label attribute, the user agents give precedence to aria-labelledby.
Using the aria-orientation attribute - Accessibility
value vocabulary vertical the element is oriented vertically.
... <a href="#" id="handle_zoomslider" role="slider" aria-orientation="vertical" aria-
valuemin="0" aria-
valuemax="17" aria-
valuenow="14" > <span>11</span> </a> working examples: slider example notes used with aria roles scrollbar listbox combobox menu tree separator slider tablist toolbar related aria techniques compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification...
ARIA: form role - Accessibility
> <label for="username">username</label> <input id="username" name="username" autocomplete="nickname" autocorrect="off" type="text"> <label for="email">email</label> <input id="email" name="email" autocomplete="email" autocapitalize="off" autocorrect="off" spellcheck="false" type="text"> <label for="comment">comment</label> <textarea id="comment" name="comment"></textarea> <input
value="comment" type="submit"> </div> it is recommended to use <form> instead.
... search if a form is used to search, you should use the more specialized role="search"
value.
ARIA: dialog role - Accessibility
often, the
value of the aria-labelledby attribute will be the id of the element used to title the dialog.
... type="text" /> </p> <p> <label for="lastname">last name</label> <input id="lastname" type="text"/> </p> <p> <label for="interests">interests</label> <textarea id="interests"></textarea> </p> <p> <input type="checkbox" id="autologin"/> <label for="autologin">auto-login?</label> </p> <p> <input type="submit"
value="save information"/> </p> </form> </div> working examples: jquery-ui dialog notes note: while it is possible to prevent keyboard users from moving focus to elements outside of the dialog, screen reader users may still be able to navigate to that content using their screen reader's virtual cursor.
WAI-ARIA Roles - Accessibility
this role can be used in combination with the aria-pressed attribute to create toggle buttons.aria: cell rolethe cell
value of the aria role attribute identifies an element as being a cell in a tabular container that does not contain column or row header information.
...tch rolethe aria switch role is functionally identical to the checkbox role, except that instead of representing "checked" and "unchecked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off."aria: tab rolethe aria tab role indicates an interactive element inside a tablist that, when activated, displays its associated tabpanel.aria: table rolethe table
value of the aria role attribute identifies the element containing the role as having a non-interactive table structure containing data arranged in rows and columns, similar to the native <table> html element.aria: tabpanel rolethe aria tabpanel role indicatesaria: textbox rolethe textbox role is used to identify an element that allows the input of free-form text.
Basic form hints - Accessibility
<form> <ul> <li> <input id="wine-1" type="checkbox"
value="riesling"/> <label for="wine-1">berg rottland riesling</label> </li> <li> <input id="wine-2" type="checkbox"
value="pinot-blanc"/> <label for="wine-2">pinot blanc</label> </li> <li> <input id="wine-3" type="checkbox"
value="pinot-grigio"/> <label for="wine-3">pinot grigio</label> </li> <li> <input id="wine-4" type="checkbox"
value="gewu...
... <form> <div> <label for="name">* name:</label> <input type="text"
value="name" id="name" aria-required="true"/> </div> <div> <label for="phone">phone:</label> <input type="text"
value="phone" id="phone" aria-required="false"/> </div> <div> <label for="email">* e-mail:</label> <input type="text"
value="email" id="email" aria-required="true"/> </div> </form> the script that validates the form entry would look something like this: var validat...
Accessibility: What users can do to browse more safely - Accessibility
using firefox as an example, it explains that by changing the
value the image.animation_mode from "normal" to "none", all animated images will be blocked.
... to reverse it, you will have to change the
value back to "normal" use browser extensions gif blocker for chrome, gif blocker is an extension available at the web store.
Architecture - Accessibility
to get around this problem, mozilla allows the magic
value of -2 to be passed into accessibletext/accessiblehypertext methods that take a character offset.
... this
value of -2 means, use the caret position.
Text labels and names - Accessibility
examples the title for the reference article about the <title> element is as follows: <title><title>: the document title element - html: hypertext markup language</title> another example might look like so: <title>fill in your details to register — mygov services</title> to help the user, you can update the page title
value to reflect significant page state changes (such as form validation problems): <title>2 errors — fill in your details to register — mygov services</title> see also <title> embedded content must be labeled make sure that elements that embed content have a title attribute that describes the embedded content.
...or, you can create an association between a <label> and a form element by specifying the form element's id
value as the
value of the label's for attribute.
-moz-float-edge - CSS: Cascading Style Sheets
/* 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.
... formal definition initial
valuecontent-boxapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax border-box | content-box | margin-box | padding-box examples html <div class="box"> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> css .box { display: block; height: 5px; margin: 0.5em auto 0.5em auto; color: gray; -moz-float-edge: margin-box; box-sizing: border-box; } result specifications not part of...
-webkit-mask-attachment - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-mask-attachment: scroll; -webkit-mask-attachment: fixed; -webkit-mask-attachment: local; /* multiple
values */ -webkit-mask-attachment: scroll, local; -webkit-mask-attachment: fixed, local, scroll; /* global
values */ -webkit-mask-attachment: inherit; -webkit-mask-attachment: initial; -webkit-mask-attachment: unset; syntax
values scroll if scroll is specified, the mask image scrolls within the viewport along with the block that contains the mask image.
... formal definition initial
valuescrollapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <attachment>#where <attachment> = scroll | fixed | local examples fixing a mask image to the viewport body { -webkit-mask-image: url('images/mask.png'); -webkit-mask-attachment: fixed; } specifications not part of any standard.
-webkit-mask-repeat-x - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-mask-repeat-x: repeat; -webkit-mask-repeat-x: no-repeat; -webkit-mask-repeat-x: space; -webkit-mask-repeat-x: round; /* multiple
values */ -webkit-mask-repeat-x: repeat, no-repeat, space; /* global
values */ -webkit-mask-repeat-x: inherit; -webkit-mask-repeat-x: initial; -webkit-mask-repeat-x: unset; syntax
values repeat the mask image is repeated both horizontally and vertically.
... formal definition initial
valuerepeatapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax repeat | no-repeat | space | round examples using a repeating or non-repeating mask image .exampleone { -webkit-mask-image: url('mask.png'); -webkit-mask-repeat-x: repeat; } .exampletwo { -webkit-mask-image: url('mask.png'); -webkit-mask-repeat-x: no-repeat; } using multiple mask i...
-webkit-mask-repeat-y - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-mask-repeat-y: repeat; -webkit-mask-repeat-y: no-repeat; -webkit-mask-repeat-y: space; -webkit-mask-repeat-y: round; /* multiple
values */ -webkit-mask-repeat-y: repeat, no-repeat, space; /* global
values */ -webkit-mask-repeat-y: inherit; -webkit-mask-repeat-y: initial; -webkit-mask-repeat-y: unset; syntax
values repeat the mask image is repeated vertically.
... formal definition initial
valuerepeatapplies toall elementsinheritednocomputed
valuefor <length> the absolute
value, otherwise a percentageanimation typediscrete formal syntax repeat | no-repeat | space | round examples using a repeating or non-repeating mask image .exampleone { -webkit-mask-image: url('mask.png'); -webkit-mask-repeat-y: repeat; } .exampletwo { -webkit-mask-image: url('mask.png'); -webkit-mask-rep...
-webkit-overflow-scrolling - CSS: Cascading Style Sheets
syntax
values auto use "regular" scrolling, where the content immediately ceases to scroll when you remove your finger from the touchscreen.
... formal definition initial
valueautoapplies toscrolling boxesinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax auto | touch examples html <div class="scroll-touch"> <p> this paragraph has momentum scrolling </p> </div> <div class="scroll-auto"> <p> this paragraph does not.
-webkit-text-stroke-width - CSS: Cascading Style Sheets
syntax /* keyword
values */ -webkit-text-stroke-width: thin; -webkit-text-stroke-width: medium; -webkit-text-stroke-width: thick; /* <length>
values */ -webkit-text-stroke-width: 2px; -webkit-text-stroke-width: 0.1em; -webkit-text-stroke-width: 1mm; -webkit-text-stroke-width: 5pt; /* global
values */ -webkit-text-stroke-width: inherit; -webkit-text-stroke-width: initial; -webkit-text-stroke-width: unset;
values <line-width> the width of the stroke.
... formal definition initial
value0applies toall elementsinheritedyescomputed
valueabsolute <length>animation typediscrete formal syntax <length> examples varying stroke widths css p { margin: 0; font-size: 4em; -webkit-text-stroke-color: red; } #thin { -webkit-text-stroke-width: thin; } #medium { -webkit-text-stroke-width: 3px; } #thick { -webkit-text-stroke-width: 1.5mm; } html <p id="thin">thin stroke</p> <p id="medium">medium stroke</p> <p id="thick">thick stroke</p> results specifications specification status comment compatibility standardthe definition of '-webkit-text-stroke-width' in that specification.
-webkit-touch-callout - CSS: Cascading Style Sheets
/* keyword
values */ -webkit-touch-callout: default; -webkit-touch-callout: none; /* global
values */ -webkit-touch-callout: initial; -webkit-touch-callout: inherit; -webkit-touch-callout: unset; syntax
values default the default callout is displayed.
... formal definition initial
valuedefaultapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax default | none examples turn off touch callout .example { -webkit-touch-callout: none; } specifications not part of any standard.
::-moz-range-progress - CSS: Cascading Style Sheets
this portion corresponds to
values lower than the
value currently selected by the thumb (i.e., virtual knob).
... syntax ::-moz-range-progress examples html <input type="range" min="0" max="100" step="5"
value="50"/> css input[type=range]::-moz-range-progress { background-color: green; height: 1em; } result a progress bar using this style might look something like this: specifications not part of any standard.
::-moz-range-thumb - CSS: Cascading Style Sheets
the user can move the thumb along the input's track to alter its numerical
value.
... syntax ::-moz-range-thumb examples html <input type="range" min="0" max="100" step="5"
value="50"/> css input[type=range]::-moz-range-thumb { background-color: green; } result a progress bar using this style might look something like this: specifications not part of any standard.
::-webkit-progress-inner-element - CSS: Cascading Style Sheets
note: in order to let ::-webkit-progress-
value take effect, -webkit-appearance needs to be set to none on the <progress> element.
... html <progress
value="10" max="50"> css progress { -webkit-appearance: none; } ::-webkit-progress-inner-element { border: 2px solid black; } result result screenshot if you're not using a blink or webkit browsear, the above code resuls in a progress bar looking like this: specifications not part of any standard.
::before (:before) - CSS: Cascading Style Sheets
result special characters as this is css; not html, you can not use markup entities in content
values.
... if you need to use a special character, and can not enter it literally into your css content string, use a unicode escape sequence, consisting of a backslash followed by the hexadecimal unicode
value.
:dir() - CSS: Cascading Style Sheets
/* selects any element with right-to-left text */ :dir(rtl) { background-color: red; } the :dir() pseudo-class uses only the semantic
value of the directionality, i.e., the one defined in the document itself.
...(similarly, [dir=rtl] and [dir=ltr] won't match the auto
value.) in contrast, :dir() will match the
value calculated by the user agent, even if inherited.
:is() (:matches(), :any()) - CSS: Cascading Style Sheets
'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
... difference between :is() and :where() the diffference between the two is that :is() counts towards the specificity of the overall selector (it takes the specificity of its most specific argument), whereas :where() has a specificity
value of 0.
:link - CSS: Cascading Style Sheets
syntax :link examples by default, most browsers apply a special color
value to visited links.
...(after that, you'll need to clear your browser history to see them again.) however, the background-color
values are likely to remain, as most browsers do not set that property on visited links by default.
:nth-child() - CSS: Cascading Style Sheets
keyword
values odd represents elements whose numeric position in a series of siblings is odd: 1, 3, 5, etc.
...'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
@charset - CSS: Cascading Style Sheets
as there are several ways to define the character encoding of a style sheet, the browser will try the following methods in the following order (and stop as soon as one yields a result) : the
value of the unicode byte-order character placed at the beginning of the file.
... the
value given by the charset attribute of the content-type: http header or the equivalent in the protocol used to serve the style sheet.
font-display - CSS: Cascading Style Sheets
syntax /* keyword
values */ font-display: auto; font-display: block; font-display: swap; font-display: fallback; font-display: optional;
values auto the font display strategy is defined by the user agent.
... formal definition related at-rule@font-faceinitial
valueautocomputed
valueas specified formal syntax [ auto | block | swap | fallback | optional ] examples specifying fallback font-display @font-face { font-family: examplefont; src: url(/path/to/fonts/examplefont.woff) format('woff'), url(/path/to/fonts/examplefont.eot) format('eot'); font-weight: 400; font-style: normal; font-display: fallback; } specifications specific...
font-family - CSS: Cascading Style Sheets
syntax /* <string>
values */ font-family: "font family"; font-family: 'another font family'; /* <custom-ident>
value */ font-family: examplefont;
values <family-name> specifies the name of the font family.
... formal definition related at-rule@font-faceinitial
valuen/a (required)computed
valueas specified formal syntax <family-name>where <family-name> = <string> | <custom-ident>+ examples setting the font family name @font-face { font-family: examplefont; src: url('examplefont.ttf'); } specifications specification status comment css fonts module level 3the definition of 'font-family' in that specification.
unicode-range - CSS: Cascading Style Sheets
syntax /* <unicode-range>
values */ unicode-range: u+26; /* single codepoint */ unicode-range: u+0-7f; unicode-range: u+0025-00ff; /* codepoint range */ unicode-range: u+4??; /* wildcard range */ unicode-range: u+0025-00ff, u+4??; /* multiple
values */
values single codepoint a single unicode character code point, for example u+26.
... formal definition related at-rule@font-faceinitial
valueu+0-10ffffcomputed
valueas specified formal syntax <unicode-range># examples using a different font for a single character in this example we create a simple html containing a single <div> element, including an ampersand, that we want to style with a different font.
any-pointer - CSS: Cascading Style Sheets
syntax the any-pointer feature is specified as a keyword
value chosen from the list below.
... note: more than one
value can match if the available devices have different characteristics, although none only matches when none of them are pointing devices.
device-height - CSS: Cascading Style Sheets
syntax the device-height feature is specified as a <length>
value.
... it is a range feature, meaning that you can also use the prefixed min-device-height and max-device-height variants to query minimum and maximum
values, respectively.
device-width - CSS: Cascading Style Sheets
syntax the device-width feature is specified as a <length>
value.
... it is a range feature, meaning that you can also use the prefixed min-device-width and max-device-width variants to query minimum and maximum
values, respectively.
orientation - CSS: Cascading Style Sheets
syntax the orientation feature is specified as a keyword
value chosen from the list below.
... keyword
values portrait the viewport is in a portrait orientation, i.e., the height is greater than or equal to the width.
prefers-color-scheme - CSS: Cascading Style Sheets
alternately, users can create the numeric preference ui.systemusesdarktheme to override the default behavior and return light (
value: 0), dark (
value: 1), or no-preference (
value: 2).
... (any other
value causes firefox to return light.) the prefers-color-scheme css media feature is used to detect if the user has requested the system use a light or dark color theme.
resolution - CSS: Cascading Style Sheets
syntax the resolution feature is specified as a <resolution>
value representing the pixel density of the output device.
... it is a range feature, meaning that you can also use the prefixed min-resolution and max-resolution variants to query minimum and maximum
values, respectively.
marks - CSS: Cascading Style Sheets
syntax /* keyword
values */ marks: none; marks: crop; marks: cross; marks: crop cross;
values crop crop marks will be displayed.
... formal definition related at-rule@pageinitial
valuenonecomputed
valueas specified formal syntax none | [ crop | cross ] examples adding crop and cross marks @page { marks: crop cross; } specifications specification status comment css paged media module level 3the definition of 'marks' in that specification.
user-zoom - CSS: Cascading Style Sheets
/* keyword
values */ user-zoom: zoom; user-zoom: fixed; syntax
values zoom the user can zoom in or out.
... mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | understanding wcag 2.0 formal definition related at-rule@viewportinitial
valuezoompercentagesrefer to the size of bounding boxcomputed
valueas specified formal syntax zoom | fixed examples disabling user zoom @viewport { user-zoom: fixed; } specifications specification status comment css device adaptationthe definition of '"user-zoom" descriptor' in that specification.
viewport-fit - CSS: Cascading Style Sheets
syntax /* keyword
values */ viewport-fit: auto; viewport-fit: contain; viewport-fit: cover;
values auto this
value doesn’t affect the initial layout viewport, and the whole web page is viewable.
... formal definition related at-rule@viewportinitial
valueautocomputed
valueas specified formal syntax auto | contain | cover examples scaling viewport to fit device display @viewport { viewport-fit: cover; } specifications specification status comment css round display level 1the definition of '"viewport-fit" descriptor' in that specification.
At-rules - CSS: Cascading Style Sheets
(at the candidate recommendation stage, but only implemented in gecko as of writing) @font-feature-
values (plus @swash, @ornaments, @annotation, @stylistic, @styleset and @character-variant) — define common names in font-variant-alternates for feature activated differently in opentype.
... (at the candidate recommendation stage, but only implemented in gecko as of writing) conditional group rules much like the
values of properties, each at-rule has a different syntax.
Box alignment in Multi-column Layout - CSS: Cascading Style Sheets
using a
value of justify-content other than normal or stretch will cause column boxes to display at the column-width specified on the multicol container, and the remaining space distributed according to the
value of justify-content.
...while other layout methods treat the initial
value of column-gap as 0 multicol treats it as 1em, as in general you would not want to have no gap between columns.
Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
useful fallback techniques given that flexbox usage is initiated with
value of the display property, when needing to support very old browsers which do not support flexbox at all, fallbacks can be created by overwriting one layout method with another.
... “note: some
values of display normally trigger the creation of anonymous boxes around the original box.
Typical use cases of Flexbox - CSS: Cascading Style Sheets
you can change how the space is distributed using the space-around
value, or where supported, space-evenly.
...as that side of the media object is using the initial
values of flexbox it can shrink but not grow, and uses a flex-basis of auto.
CSS Flexible Box Layout - CSS: Cascading Style Sheets
the
value of justify-content has been set to space-between in order to space the items out evenly on the main axis.
...you can also see that the items are stretching on the cross axis, due to the default
value of align-items being stretch.
In Flow and Out of Flow - CSS: Cascading Style Sheets
in the next example i have three paragraph elements, the second element has position absolute, with offset
values of top: 30px and right: 30px.
... relative positioning and flow if you give an item relative positioning with position: relative it remains in flow, however you are then able to use the offset
values to push it around.
Introduction to formatting contexts - CSS: Cascading Style Sheets
owing situations: elements made to float using float absolutely positioned elements (including position: fixed or position: sticky) elements with display: inline-block table cells or elements with display: table-cell, including anonymous table cells created when using the display: table-* properties table captions or elements with display: table-caption block elements where overflow has a
value other than visible elements with display: flow-root or display: flow-root list-item elements with contain: layout, content, or strict flex items grid items multicol containers elements with column-span set to all this is useful because a new bfc will behave much like the outermost document in that it becomes a mini-layout inside the main layout.
...a typical way to do this in the past has been to set overflow: auto or set other
values than the initial
value of overflow: visible.
Realizing common layouts using CSS Grid Layout - CSS: Cascading Style Sheets
@media (min-width: 500px) { .wrapper { grid-template-columns: 1fr 3fr; grid-template-areas: "header header" "nav nav" "sidebar content" "ad footer"; } nav ul { display: flex; justify-content: space-between; } } you can see the layout taking shape in the
value of grid-template-areas.
...i have a class of wide on my larger item, and i add a rule grid-column-end with a
value of span 2.
Consistent list indentation - CSS: Cascading Style Sheets
this is why, in every browser except internet explorer for windows, markers are placed outside any border set for an <li> element, assuming the
value of list-style-position is outside.
...if you want to reproduce the default display in netscape 6.x, you write: ul {margin-left: 0; padding-left: 40px;} if you're more interested in following the internet explorer/opera model, then: ul {margin-left: 40px; padding-left: 0;} of course, you can fill in your own preferred
values.
Using z-index - CSS: Cascading Style Sheets
the z-index property can be specified with an integer
value (positive, zero, or negative), which represents the position of the element along the z-axis.
... if several elements share the same z-index
value (i.e., they are placed on the same layer), stacking rules explained in the section stacking without the z-index property apply.
Stacking with floated blocks - CSS: Cascading Style Sheets
this behavior can be shown with an added rule to the above list: the background and borders of the root element descendant non-positioned blocks, in order of appearance in the html floating blocks descendant non-positioned inline elements descendant positioned elements, in order of appearance in the html note: if an opacity
value is applied to the non-positioned block (div #4), then something strange happens: the background and border of that block pops up above the floating blocks and the positioned blocks.
... this is due to a peculiar part of the specification: applying a opacity
value creates a new stacking context (see what no one told you about z-index).
Stacking context example 2 - CSS: Cascading Style Sheets
you can see that div #2 (z-index: 2) is above div #3 (z-index: 1), because they both belong to the same stacking context (the root one), so z-index
values rule how elements are stacked.
... what can be considered strange is that div #2 (z-index: 2) is above div #4 (z-index: 10), despite their z-index
values.
Stacking context example 3 - CSS: Cascading Style Sheets
so a third-level menu will be stacked under the following second-level menus, because all second-level menus share the same z-index
value and the default stacking rules apply.
... level #1 this problem can be avoided by removing overlapping between different level menus, or by using individual (and different) z-index
values assigned through the id selector instead of class selector, or by flattening the html hierarchy.
CSS Shapes - CSS: Cascading Style Sheets
basic example the example below shows an image that has been floated left, and the shape-outside property applied with a
value of circle(50%).
... reference properties shape-image-threshold shape-margin shape-outside data types <basic-shape> guides overview of css shapes shapes from box
values basic shapes shapes from images edit shape paths in css — firefox developer tools external resources a list of css shapes resources css shapes 101 creating non-rectangular layouts with css shapes how to use css shapes in your web design how to get started with css shapes what i learned in one weekend with css shapes css vs.
Grid wrapper - CSS: Cascading Style Sheets
for the central columns with a maximum width we can set a minimum
value of 0 or greater and a maximum
value that specifies the maximum size the column tracks will grow to.
... using a numeric unit (pixels, ems, rems) will create a fixed maximum size for the central wrapper, whereas using percentage
values or viewport units will mean this wrapper grows or shrinks in response to its context.
Testing media queries programmatically - CSS: Cascading Style Sheets
for example, to set up a query list that determines if the device is in landscape or portrait orientation: const mediaquerylist = window.matchmedia("(orientation: portrait)"); checking the result of a query once you've created your media query list, you can check the result of the query by looking at the
value of its matches property: if (mediaquerylist.matches) { /* the viewport is currently in portrait orientation */ } else { /* the viewport is not currently in portrait orientation, therefore landscape */ } receiving query notifications if you need to be aware of changes to the evaluated result of the query on an ongoing basis, it's more efficient to register a listener than to poll the query...
... ending query notifications to stop receiving notifications about changes to the
value of your media query, call removelistener() on the mediaquerylist, passing it the name of the previously-defined callback function: mediaquerylist.removelistener(handleorientationchange); ...
Scaling of SVG backgrounds - CSS: Cascading Style Sheets
source: no dimensions or intrinsic ratio if the image has no dimensions or intrinsic ratio, rule 4 applies, and we use the background area's dimension to determine the
value for the auto dimension.
...the auto
value for the height is computed using that width and the 1:1 aspect ratio to be 150px as well, resulting in the image above.
Viewport concepts - CSS: Cascading Style Sheets
the
values returned for the outerwidth and outerheight depend on the browser: firefox reports the new
value in css pixels, but chrome returns the length in the default pixel size.
...there are other properties, including maximum-scale, minimum-scale, and user-scalable, which control whether users can zoom the page in or out, but the default
values are the best for accessibility and user experience, so these can be omitted.
WebKit CSS extensions - CSS: Cascading Style Sheets
** these
values are supported even though they are not standard and are not on track to becoming standard.
...edia-controls-panel ::-webkit-media-controls-play-button ::-webkit-media-controls-timeline ::-webkit-media-controls-time-remaining-display ::-webkit-media-controls-toggle-closed-captions-button ::-webkit-media-controls-volume-control-container ::-webkit-media-controls-volume-control-hover-background ::-webkit-media-controls-volume-slider ::-webkit-meter-bar ::-webkit-meter-even-less-good-
value ::-webkit-meter-inner-element ::-webkit-meter-optimum-
value ::-webkit-meter-suboptimum-
value -webkit-media-text-track-container ::-webkit-outer-spin-button ::-webkit-progress-bar ::-webkit-progress-inner-element ::-webkit-progress-
value ::-webkit-search-cancel-button ::-webkit-search-results-button ::-webkit-slider-runnable-track ::-webkit-slider-thumb note: generally, if there is...
box-ordinal-group - CSS: Cascading Style Sheets
/* <integer>
values */ box-ordinal-group: 1; box-ordinal-group: 5; /* global
values */ box-ordinal-group: inherit; box-ordinal-group: initial; box-ordinal-group: unset; ordinal groups may be used in conjunction with the box-direction property to control the order in which the direct children of a box appear.
... formal definition initial
value1applies tochildren of box elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax <integer> examples basic usage example in an older version of the spec, box-ordinal-group was included to allow you to change the display order of flex children inside a flex container: article:nth-child(1) { -webkit-box-ordinal-group: 2 -moz-box-ordinal-group: 2 box-ordinal-gro...
<display-internal> - CSS: Cascading Style Sheets
this page defines those "internal" display
values, which only have meaning within that particular layout mode.
... syntax valid <display-internal>
values: table-row-group these elements behave like <tbody> html elements.
element() - CSS: Cascading Style Sheets
the element() css function defines an <image>
value generated from an arbitrary html element.
... this image is live, meaning that if the html element is changed, the css properties using the resulting
value are automatically updated.
flex-flow - CSS: Cascading Style Sheets
-direction flex-wrap syntax /* flex-flow: <'flex-direction'> */ flex-flow: row; flex-flow: row-reverse; flex-flow: column; flex-flow: column-reverse; /* flex-flow: <'flex-wrap'> */ flex-flow: nowrap; flex-flow: wrap; flex-flow: wrap-reverse; /* flex-flow: <'flex-direction'> and <'flex-wrap'> */ flex-flow: row nowrap; flex-flow: column wrap; flex-flow: column-reverse wrap-reverse; /* global
values */ flex-flow: inherit; flex-flow: initial; flex-flow: unset;
values see flex-direction and flex-wrap for details on the
values.
... formal definition initial
valueas each of the properties of the shorthand:flex-direction: rowflex-wrap: nowrapapplies toflex containersinheritednocomputed
valueas each of the properties of the shorthand:flex-direction: as specifiedflex-wrap: as specifiedanimation typediscrete formal syntax <'flex-direction'> | <'flex-wrap'> examples setting column-reverse and wrap element { /* main-axis is the block direction with reversed main-start and main-end.
grid-template-areas - CSS: Cascading Style Sheets
syntax /* keyword
value */ grid-template-areas: none; /* <string>
values */ grid-template-areas: "a b"; grid-template-areas: "a b b" "a c d"; /* global
values */ grid-template-areas: inherit; grid-template-areas: initial; grid-template-areas: unset;
values none the grid container doesn’t define any named grid areas.
... formal definition initial
valuenoneapplies togrid containersinheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | <string>+ examples specifying named grid areas html <section id="page"> <header>header</header> <nav>navigation</nav> <main>main area</main> <footer>footer</footer> </section> css #page { display: grid; width: 100%; height: 250px; grid-template-areas: "head head" "nav main" "nav foo...
ident - CSS: Cascading Style Sheets
specifications specification status comment css
values and units module level 4the definition of '<ident>' in that specification.
... editor's draft css
values and units module level 3the definition of '<ident>' in that specification.
<image> - CSS: Cascading Style Sheets
if supported, the browser-defined size matching the usual cursor size on the client's system content for a pseudo-element (::after/::before) a 300px × 150px rectangle the concrete object size is calculated using the following algorithm: if the specified size defines both the width and the height, these
values are used as the concrete object size.
... if the specified size defines only the width or only the height, the missing
value is determined using the intrinsic ratio, if there is any, the intrinsic dimensions if the specified
value matches, or the default object size for that missing
value.
inherit - CSS: Cascading Style Sheets
the inherit css keyword causes the element for which it is specified to take the computed
value of the property from its parent element.
... css
values and units module level 3the definition of 'inherit' in that specification.
line-break - CSS: Cascading Style Sheets
/* keyword
values */ line-break: auto; line-break: loose; line-break: normal; line-break: strict; line-break: anywhere; /* global
values */ line-break: inherit; line-break: initial; line-break: unset; syntax
values auto break text using the default line break rule.
... formal definition initial
valueautoapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax auto | loose | normal | strict | anywhere examples setting text wrapping see whether the text is wrapped before "々", "ぁ" and "。".
margin-trim - CSS: Cascading Style Sheets
formal definition initial
valuenoneapplies toblock containers and multi-column containers.
... it also applies to ::first-letter and ::first-line.inheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | in-flow | all examples basic usage once support is implemented for this property, it will probably work like so: when you've got a container with some inline children and you want to put a margin between each child but not have it interfere with the spacing at the end of the row, you might do something like this: article { background-color: red; margin: 20px; padding: 20px; display: inline-block; } article > span { background-color: black; color: white; text-align: center; padding: 10px; margin-right: 20px; } the problem here is that you'd end up with 20px too much spacing at the right of the row, so you'd maybe do this to fix it: span:...
offset-distance - CSS: Cascading Style Sheets
syntax /* default
value */ offset-distance: 0; /* the middle of the offset-path */ offset-distance: 50%; /* a fixed length positioned along the path */ offset-distance: 40px; <length-percentage> a length that specifies how far the element is along the path (defined with offset-path).
... formal definition initial
value0applies totransformable elementsinheritednopercentagesrefer to the total path lengthcomputed
valuefor <length> the absolute
value, otherwise a percentageanimation typea length, percentage or calc(); formal syntax <length-percentage>where <length-percentage> = <length> | <percentage> examples using offset-distance in an animation the motion aspect in css motion path typically comes from animating the offset-distance property.
offset - CSS: Cascading Style Sheets
00 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 proper...
...ties 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()>offset-distance: a length, percentage or calc();offset-anchor: a positionoffset-rotate: as <angle>, <basic-shape> or <path()>creates stacking contextyes formal syntax [ <'offset-position'>?
Guide to scroll anchoring - CSS: Cascading Style Sheets
the only possible
values are auto or none: auto is the initial
value; as long as the user has a supported browser the scroll anchoring behavior will happen, and they should see fewer content jumps.
... these suppression triggers are changes to the computed
value of any of the following properties: top, left, right, or bottom margin or padding any width or height-related properties transform additionally, position changes anywhere inside the scrolling box also disable scroll anchoring.
<ratio> - CSS: Cascading Style Sheets
the <ratio> css data type, used for describing aspect ratios in media queries, denotes the proportion between two unitless
values.
...in addition a single <number> as a
value is allowable.
ruby-align - CSS: Cascading Style Sheets
/* keyword
values */ ruby-align: start; ruby-align: center; ruby-align: space-between; ruby-align: space-around; /* global
values */ ruby-align: inherit; ruby-align: initial; ruby-align: unset; syntax
values start is a keyword indicating that the ruby will be aligned with the start of the base text.
... formal definition initial
valuespace-aroundapplies toruby bases, ruby annotations, ruby base containers, ruby annotation containersinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax start | center | space-between | space-around examples ruby aligned at the start of the base text html <ruby> <rb>this is a long text to check</rb> <rp>(</rp><rt>short ruby</rt><rp>)</rp> </ruby> css ruby { ruby-align: start; } result ...
scroll-margin-block-end - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-block-end: 10px; scroll-margin-block-end: 1em; /* global
values */ scroll-margin-block-end: inherit; scroll-margin-block-end: initial; scroll-margin-block-end: unset;
values <length> an outset from the block end edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-block-end' in that specification.
scroll-margin-block-start - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-block-start: 10px; scroll-margin-block-start: 1em; /* global
values */ scroll-margin-block-start: inherit; scroll-margin-block-start: initial; scroll-margin-block-start: unset;
values <length> an outset from the block start edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-block-start' in that specification.
scroll-margin-bottom - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-bottom: 10px; scroll-margin-bottom: 1em; /* global
values */ scroll-margin-bottom: inherit; scroll-margin-bottom: initial; scroll-margin-bottom: unset;
values <length> an outset from the bottom edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-bottom' in that specification.
scroll-margin-left - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-left: 10px; scroll-margin-left: 1em; /* global
values */ scroll-margin-left: inherit; scroll-margin-left: initial; scroll-margin-left: unset;
values <length> an outset from the left edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-left' in that specification.
scroll-margin-right - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-right: 10px; scroll-margin-right: 1em; /* global
values */ scroll-margin-right: inherit; scroll-margin-right: initial; scroll-margin-right: unset;
values <length> an outset from the right edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-right' in that specification.
scroll-margin-top - CSS: Cascading Style Sheets
syntax /* <length>
values */ scroll-margin-top: 10px; scroll-margin-top: 1em; /* global
values */ scroll-margin-top: inherit; scroll-margin-top: initial; scroll-margin-top: unset;
values <length> an outset from the top edge of the scroll container.
... formal definition initial
value0applies toall elementsinheritednocomputed
valueas specifiedanimation typeby computed
value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-top' in that specification.
scroll-snap-points-x - CSS: Cascading Style Sheets
/* keyword
value */ scroll-snap-points-x: none; /* repeating snap points */ scroll-snap-points-x: repeat(400px); /* global
values */ scroll-snap-points-x: inherit; scroll-snap-points-x: initial; scroll-snap-points-x: unset; syntax
values none the scroll container does not define any snap points.
... formal definition initial
valuenoneapplies toscroll containersinheritednopercentagesrelative to same axis of the padding-box of the scroll containercomputed
valueas specified, but with relative lengths converted into absolute lengthsanimation typediscrete formal syntax none | repeat( <length-percentage> )where <length-percentage> = <length> | <percentage> examples setting horizontal scroll snap points html <div id="container"> <div>1</div> <div>2</div> <div>3</div>...
scroll-snap-points-y - CSS: Cascading Style Sheets
/* keyword
value */ scroll-snap-points-y: none; /* repeated snap points */ scroll-snap-points-y: repeat(400px); /* global
values */ scroll-snap-points-y: inherit; scroll-snap-points-y: initial; scroll-snap-points-y: unset; syntax
values none the scroll container does not define any snap points.
... formal definition initial
valuenoneapplies toscroll containersinheritednopercentagesrelative to same axis of the padding-box of the scroll containercomputed
valueas specified, but with relative lengths converted into absolute lengthsanimation typediscrete formal syntax none | repeat( <length-percentage> )where <length-percentage> = <length> | <percentage> examples setting vertical scroll snap points html <div id="container"> <div>1</div> <div>2</div> <div>3</div> <...
scroll-snap-stop - CSS: Cascading Style Sheets
/* keyword
values */ scroll-snap-stop: normal; scroll-snap-stop: always; /* global
values */ scroll-snap-type: inherit; scroll-snap-type: initial; scroll-snap-type: unset; syntax
values normal when the visual viewport of this element's scroll container is scrolled, it may "pass over" possible snap positions.
... formal definition initial
valuenormalapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax normal | always examples snapping in different axes this example is duplicated from scroll-snap-type with minor variances.
scroll-snap-type-x - CSS: Cascading Style Sheets
/* keyword
values */ scroll-snap-type-x: none; scroll-snap-type-x: mandatory; scroll-snap-type-x: proximity; /* global
values */ scroll-snap-type-x: inherit; scroll-snap-type-x: initial; scroll-snap-type-x: unset; syntax
values none when the visual viewport of this scroll container is scrolled horizontally, it must ignore snap points.
... formal definition initial
valuenoneapplies toscroll containersinheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | mandatory | proximity specifications not part of any standard.
scroll-snap-type-y - CSS: Cascading Style Sheets
/* keyword
values */ scroll-snap-type-y: none; scroll-snap-type-y: mandatory; scroll-snap-type-y: proximity; /* global
values */ scroll-snap-type-y: inherit; scroll-snap-type-y: initial; scroll-snap-type-y: unset; syntax
values none when the visual viewport of this scroll container is scrolled vertically, it must ignore snap points.
... formal definition initial
valuenoneapplies toscroll containersinheritednocomputed
valueas specifiedanimation typediscrete formal syntax none | mandatory | proximity specifications not part of any standard.
shape-margin - CSS: Cascading Style Sheets
syntax /* <length>
values */ shape-margin: 10px; shape-margin: 20mm; /* <percentage>
value */ shape-margin: 60%; /* global
values */ shape-margin: inherit; shape-margin: initial; shape-margin: unset;
values <length-percentage> sets the margin of the shape to a <length>
value or to a <percentage> of the width of the element's containing block.
... formal definition initial
value0applies tofloatsinheritednopercentagesrefer to the width of the containing blockcomputed
valueas specified, but with relative lengths converted into absolute lengthsanimation typea length, percentage or calc(); formal syntax <length-percentage>where <length-percentage> = <length> | <percentage> examples adding a margin to a polygon html <section> <div class="shape"></div> we are not quite sure of any one thing in biology; our knowledge of geology is relatively very slight, and the economic laws of society are uncertain to every one except some individual who attempts to set them forth; but before the world was fashioned the square on the hypotenuse was equal to the sum of the squares on the other two sides of a right triangle, and it will be so after th...
<string> - CSS: Cascading Style Sheets
however, to get new lines, you must also set the white-space property to appropriate
value.
...'this string also has \27 an escaped single quote.' "this is a string with \\ an escaped backslash." /* new line in a string */ "this string has a \aline break in it." /* string spanning two lines of code (these two strings will have identical output) */ "a really long \ awesome string" "a really long awesome string" specifications specification status comment css
values and units module level 3the definition of '<string>' in that specification.
tab-size - CSS: Cascading Style Sheets
syntax /* <integer>
values */ tab-size: 4; tab-size: 0; /* <length>
values */ tab-size: 10px; tab-size: 2em; /* global
values */ tab-size: inherit; tab-size: initial; tab-size: unset;
values <integer> a multiple of the advance width of the space character (u+0020) to be used as the width of tabs.
... formal definition initial
value8applies toblock containersinheritedyescomputed
valuethe specified integer or an absolute lengthanimation typea length formal syntax <integer> | <length> examples expanding by character count pre { tab-size: 4; /* set tab size to 4 characters wide */ } collapse tabs pre { tab-size: 0; /* remove indentation */ } comparing to the default size this example compares a default tab size with a custom tab size.
table-layout - CSS: Cascading Style Sheets
syntax /* keyword
values */ table-layout: auto; table-layout: fixed; /* global
values */ table-layout: inherit; table-layout: initial; table-layout: unset;
values auto by default, most browsers use an automatic table layout algorithm.
... formal definition initial
valueautoapplies totable and inline-table elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax auto | fixed examples fixed-width tables with text-overflow this example uses a fixed table layout, combined with the width property, to restrict the table's width.
text-align-last - CSS: Cascading Style Sheets
syntax /* keyword
values */ text-align-last: auto; text-align-last: start; text-align-last: end; text-align-last: left; text-align-last: right; text-align-last: center; text-align-last: justify; /* global
values */ text-align-last: inherit; text-align-last: initial; text-align-last: unset;
values auto the affected line is aligned per the
value of text-align, unless text-align is justify, in which case the effect is the same as setting text-...
... formal definition initial
valueautoapplies toblock containersinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax auto | start | end | left | right | center | justify examples justifying the last line <p>integer elementum massa at nulla placerat varius.
text-decoration-skip-ink - CSS: Cascading Style Sheets
syntax /* single keyword */ text-decoration-skip-ink: none; text-decoration-skip-ink: auto; text-decoration-skip-ink: all; /* global keywords */ text-decoration-skip: inherit; text-decoration-skip: initial; text-decoration-skip: unset;
values none underlines and overlines are drawn across the full length of the text content, including parts that cross over glyph descenders and ascenders.
... formal definition initial
valueautoapplies toall elementsinheritedyescomputed
valueas specifiedanimation typediscrete formal syntax auto | all | none examples html <p>you should go on a quest for a cup of coffee.</p> <p class="no-skip-ink">or maybe you'd prefer some tea?</p> <p>この文は、 text-decoration-skip-ink: auto の使用例を示しています。</p> <p class="skip-ink-all">この文は、 text-decoration-ski...
text-emphasis-position - CSS: Cascading Style Sheets
/* initial
value */ text-emphasis-position: over right; /* keywords
value */ text-emphasis-position: over left; text-emphasis-position: under right; text-emphasis-position: under left; text-emphasis-position: left over; text-emphasis-position: right under; text-emphasis-position: left under; /* global
values */ text-emphasis-position: inherit; text-emphasis-position: initial; text-emphasis-position: unset; syntax
values over draw marks over the text in horizontal writing mode.
... formal definition initial
valueover rightapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete formal syntax [ over | under ] && [ right | left ] examples preferring ruby over emphasis marks some editors prefer to hide emphasis marks when they conflict with ruby.
skewX() - CSS: Cascading Style Sheets
the abscissa coordinate of each point is modified by a
value proportionate to the specified angle and the distance to the origin; thus, the farther from the origin a point is, the greater will be the
value added it.
... syntax skewx(a)
values a is an <angle> representing the angle to use to distort the element along the abscissa.
skewY() - CSS: Cascading Style Sheets
the ordinate coordinate of each point is modified by a
value proportionate to the specified angle and the distance to the origin; thus, the farther from the origin a point is, the greater will be the
value added it.
... syntax skewy(a)
values a is an <angle> representing the angle to use to distort the element along the ordinate.
translate3d() - CSS: Cascading Style Sheets
syntax translate3d(tx, ty, tz)
values tx is a <length> or <percentage> representing the abscissa of the translating vector.
...it can't be a <percentage>
value; in that case the property containing the transform is considered invalid.
translateX() - CSS: Cascading Style Sheets
syntax /* <length-percentage>
values */ transform: translatex(200px); transform: translatex(50%);
values <length-percentage> is a <length> or <percentage> representing the abscissa of the translating vector.
... a percentage
value refers to the width of the reference box defined by the transform-box property.
translateY() - CSS: Cascading Style Sheets
syntax /* <length-percentage>
values */ transform: translatey(200px); transform: translatey(50%);
values <length-percentage> the
value is a <length> or <percentage> representing the ordinate of the translating vector.
... a percentage
value refers to the height of the reference box defined by the transform-box property.
transform-style - CSS: Cascading Style Sheets
syntax /* keyword
values */ transform-style: flat; transform-style: preserve-3d; /* global
values */ transform-style: inherit; transform-style: initial; transform-style: unset;
values flat indicates that the children of the element are lying in the plane of the element itself.
... formal definition initial
valueflatapplies totransformable elementsinheritednocomputed
valueas specifiedanimation typediscretecreates stacking contextyes formal syntax flat | preserve-3d examples transform style demonstration in this example we have a 3d cube created using transforms.
unset - CSS: Cascading Style Sheets
the unset css keyword resets a property to its inherited
value if the property naturally inherits from its parent, and to its initial
value if not.
... examples color html <p>this text is red.</p> <div class="foo"> <p>this text is also red.</p> </div> <div class="bar"> <p>this text is green (default inherited
value).</p> </div> css .foo { color: blue; } .bar { color: green; } p { color: red; } .bar p { color: unset; } result border html <p>this text has a red border.</p> <div> <p>this text has a red border.</p> </div> <div class="bar"> <p>this text has a black border (initial default, not inherited).</p> </div> css div { border: 1px solid green; } p { border: 1px solid red; } ...
<url> - CSS: Cascading Style Sheets
ttp://mysite.example.com/mycursor.png") <a_css_property>: url('http://mysite.example.com/mycursor.png') <a_css_property>: url(http://mysite.example.com/mycursor.png) examples .topbanner { background: url("topbanner.png") #00d no-repeat fixed; } ul { list-style: square url(http://www.example.com/redball.png); } specifications specification status comment css
values and units module level 4the definition of '<url>' in that specification.
... editor's draft css
values and units module level 3the definition of '<url>' in that specification.
Math (math) - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt math package provides functions for working with numeric
values and comparing nodes.
... math:highest()math:highest() returns the node in the specified node-set with the highest
value (where the highest
value calculated using math:max()).math:lowest()math:lowest() returns the node in the specified node-set with the lowest
value (where the lowest
value calculated using math:min()).math:max()math:max() returns the maximum
value of a node-set.math:min()math:min() returns the minimum
value of a node-set.
set:distinct() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes set:distinct() returns a subset of the nodes in the specified node-set, returning only nodes with unique string
values.
... returns a node-set containing the nodes that have unique string
values.
Web Audio playbackRate explained - Developer guides
to the original rate.) a complete example let's create a <video> element first, and set up video and playback rate controls in html: <video id="myvideo" controls> <source src="https://udn.realityripple.com/samples/6f/08625b424a.m4v" type='video/mp4' /> <source src="https://udn.realityripple.com/samples/5b/8cd6da9c65.webm" type='video/webm' /> </video> <form> <input id="pbr" type="range"
value="1" min="0.5" max="4" step="0.1" > <p>playback rate <span id="currentpbr">1</span></p> </form> and apply some javascript to it: window.onload = function () { var v = document.getelementbyid("myvideo"); var p = document.getelementbyid("pbr"); var c = document.getelementbyid("currentpbr"); p.addeventlistener('input',function(){ c.innerhtml = p.
value; v.playbackrate = p.
value; ...
... negative
values will not cause the media to play in reverse.
Challenge solutions - Developer guides
see css color
value for a complete list as well as other ways of specifying colors.
... solution the following
values are reasonable approximations of the named colors: strong { color: #f00; /* red */ background-color: #ddf; /* pale blue */ font: 200% serif; } .carrot { color: #fa0; /* orange */ } .spinach { color: #080; /* dark green */ } p { color: #00f; /* blue */ } content add an image challenge add a one rule to your stylesheet so that it displays the image at the start of each li...
Creating and triggering events - Developer guides
t, and have an ancestor catch it; optionally, with data: <form> <textarea></textarea> </form> const form = document.queryselector('form'); const textarea = document.queryselector('textarea'); // create a new event, allow bubbling, and provide any data you want to pass to the "detail" property const eventawesome = new customevent('awesome', { bubbles: true, detail: { text: () => textarea.
value } }); // the form element listens for the custom "awesome" event and then consoles the output of the passed text() method form.addeventlistener('awesome', e => console.log(e.detail.text())); // as the user types, the textarea inside the form dispatches/triggers the event to fire, and uses itself as the starting point textarea.addeventlistener('input', e => e.target.dispatchevent(eventawesome));...
...er('awesome', e => console.log(e.detail.text())); textarea.addeventlistener('input', function() { // create and dispatch/trigger an event on the fly // note: optionally, we've also leveraged the "function expression" (instead of the "arrow function expression") so "this" will represent the element this.dispatchevent(new customevent('awesome', { bubbles: true, detail: { text: () => textarea.
value } })) }); triggering built-in events this example demonstrates simulating a click (that is programmatically generating a click event) on a checkbox using dom methods.
Orientation and motion data explained - Developer guides
summary when using orientation and motion events, it's important to understand what the
values you're given by the browser mean.
...the
value of the z coordinate is positive upward (away from the center of the earth) and negative downward (toward the center of the earth).
HTML5 Parser - Developer guides
when the attribute
value is not the empty string and does not contain whitespace, ", ', `, <, =, or >).
...if you omit quotes on the last attribute
value, you must have a space before the closing slash.
Index - Developer guides
16 audio and video manipulation audio, canvas, examples, guide, html5, media, video, web audio api, webgl, developer recommendation the ability to read the pixel
values from each frame of a video can be very useful.
... 23 orientation and motion data explained intermediate, mobile, motion, needscontent, orientation, páginas_a_traducir, rotation when using orientation and motion events, it's important to understand what the
values you're given by the browser mean.
Writing forward-compatible websites - Developer guides
a good example, for a browser vendor using the -vnd css prefix that has shipped an unprefixed implementation of the make-it-pretty property, with a behavior for the
value "sometimes" that differs from the prefixed version: <style> .pretty-element { -vnd-make-it-pretty: sometimes; make-it-pretty: sometimes; } </style> the order of the declarations in the rule above is important: the unprefixed one needs to come last.
...here's an example that works in browsers without html5 support but breaks in a browser supporting html5: <form action="http://www.example.com"> <input type="submit"
value="submit the form" </form> due to the missing > on the input tag.
HTML attribute: accept - HTML: Hypertext Markup Language
the accept attribute takes as its
value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.
... the accept attribute takes as its
value a string containing one or more of these unique file type specifiers, separated by commas.
<applet>: The Embed Java Applet element - HTML: Hypertext Markup Language
the html 4.01 specification defines
values of bottom, left, middle, right, and top, whereas microsoft and netscape also might support absbottom, absmiddle, baseline, center, and texttop.
... example html <applet code="game.class" align="left" archive="game.zip" height="250" width="350"> <param name="difficulty"
value="easy"> <b>sorry, you need java to play this game.</b> </applet> specifications specification status comment html 5.2the definition of '<applet>' in that specification.
<bdi>: The Bidirectional Isolate element - HTML: Hypertext Markup Language
implicit aria role no corresponding role permitted aria roles any dom interface htmlelement attributes like all other html elements, this element supports the global attributes, except that the dir attribute behaves differently than normal: it defaults to auto, meaning its
value is never inherited from the parent element.
... this means that unless you specify a
value of either rtl or ltr for dir, the user agent will determine the correct directionality to use based on the contents of the <bdi>.
<data> - HTML: Hypertext Markup Language
value this attribute specifies the machine-readable translation of the content of the element.
... <p>new products</p> <ul> <li><data
value="398">mini ketchup</data></li> <li><data
value="399">jumbo ketchup</data></li> <li><data
value="400">mega jumbo ketchup</data></li> </ul> specifications specification status comment html living standardthe definition of '<data>' in that specification.
<dfn>: The Definition element - HTML: Hypertext Markup Language
specifying the term being defined the term being defined is identified following these rules: if the <dfn> element has a title attribute, the
value of the title attribute is considered to be the term being defined.
... if the <dfn> contains a single child element and does not have any text content of its own, and the child element is an <abbr> element with a title attribute itself, then the exact
value of the <abbr> element's title is the term being defined.
<title>: The Document Title element - HTML: Hypertext Markup Language
accessibility concerns it is important to provide a title
value that describes the page's purpose.
... example <title>menu - blue house chinese food - foodyum: online takeout today!</title> to help the user, update the page title
value to reflect significant page state changes (such as form validation problems).
<ul>: The Unordered List element - HTML: Hypertext Markup Language
to give a similar effect as the compact attribute, the css property line-height can be used with a
value of 80%.
...the
values defined under html3.2 and the transitional version of html 4.0/4.01 are: circle disc square a fourth bullet type has been defined in the webtv interface, but not all browsers support it: triangle.
autocapitalize - HTML: Hypertext Markup Language
the attribute must take one of the following
values: off or none: no autocapitalization is applied (all letters default to lowercase) on or sentences: the first letter of each sentence defaults to a capital letter; all other letters default to lowercase words: the first letter of each word defaults to a capital letter; all other letters default to lowercase characters: all letters should default to uppercase the autocapitalize attribute doesn’t affect behavior when typing on a physical keyboard.
... the autocapitalize attribute never causes autocapitalization to be enabled for an <input> element with a type attribute whose
value is url, email, or password.
lang - HTML: Hypertext Markup Language
the default
value of lang is unknown, therefore it is recommended to always specify this attribute with the appropriate
value.
... if the attribute
value is the empty string (lang=""), the language is set to unknown; if the language tag is not valid according to bcp47, it is set to invalid.
translate - HTML: Hypertext Markup Language
the translate global attribute is an enumerated attribute that is used to specify whether an element's translateable attribute
values and its text node children should be translated when the page is localized, or whether to leave them unchanged.
... it can have the following
values: empty string or "yes", which indicates that the element should be translated when the page is localized.
HTML reference - HTML: Hypertext Markup Language
html attribute reference elements in html have attributes; these are additional
values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
... date and time formats used in html certain html elements allow you to specify dates and/or times as the
value or as the
value of an attribute.
HTML: Hypertext Markup Language
preloading content with rel="preload" the preload
value of the <link> element's rel attribute allows you to write declarative fetch requests in your html <head>, specifying resources that your pages will need very soon after loading, which you therefore want to start preloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in.
...these are additional
values that configure the elements or adjust their behavior in various ways.
Resource URLs - HTTP
the file firefox.js passes preference names and
values to the pref() function.
... furthermore, some default
values of preferences differ between build configurations, such as platform and locale, which means web sites could identify individual users using this information.
Reason: CORS header 'Access-Control-Allow-Origin' missing - HTTP
if the server is under your control, add the origin of the requesting site to the set of domains permitted access by adding it to the access-control-allow-origin header's
value.
... to allow any site to make cors requests without using the * wildcard (for example, to enable credentials), your server must read the
value of the request's origin header and use that
value to set access-control-allow-origin, and must also set a vary: origin header to indicate that some headers are being set dynamically depending on the origin.
Access-Control-Expose-Headers - HTTP
* (wildcard) the
value "*" only counts as a special wildcard
value for requests without credentials (requests without http cookies or http authentication information).
... examples to expose a non-cors-safelisted request header, you can specify: access-control-expose-headers: content-length to additionally expose a custom header, like x-kuma-revision, you can specify multiple headers separated by a comma: access-control-expose-headers: content-length, x-kuma-revision in requests without credentials, you can also use a wildcard
value: access-control-expose-headers: * however, this won't wildcard the authorization header, so if you need to expose that, you will need to list it explicitly: access-control-expose-headers: *, authorization specifications specification status comment fetchthe definition of 'access-control-expose-headers' in that specification.
Access-Control-Max-Age - HTTP
chromium also specifies a default
value of 5 seconds.
... a
value of -1 will disable caching, requiring a preflight options check for all calls.
Content-Encoding - HTTP
when present, its
value indicates which encodings were applied to the entity-body.
...the
value name was taken from the unix compress program, which implemented this algorithm.
CSP: trusted-types - HTTP
the http content-security-policy (csp) trusted-types directive instructs user agents to restrict usage of known dom xss sinks to a predefined set of functions that only accept non-spoofable, typed
values in place of strings.
... this allows authors to define rules guarding writing
values to the dom and thus reducing the dom xss attack surface to small, isolated parts of the web application codebase, facilitating their monitoring and code review.
Content-Security-Policy - HTTP
header type response header forbidden header name no syntax content-security-policy: <policy-directive>; <policy-directive> where <policy-directive> consists of: <directive> <
value> with no internal punctuation.
...trusted types allows applications to lock down dom xss injection sinks to only accept non-spoofable, typed
values in place of strings.
Cross-Origin-Embedder-Policy - HTTP
header type response header forbidden header name no syntax cross-origin-embedder-policy: unsafe-none | require-corp directives unsafe-none this is the default
value.
... examples certain features depend on cross-origin isolation you can only access certain features like sharedarraybuffer objects or performance.now() with unthrottled timers, if your document has a coep header with the
value require-corp
value set.
Cross-Origin-Opener-Policy - HTTP
header type response header forbidden header name no syntax cross-origin-opener-policy: unsafe-none | same-origin-allow-popups | same-origin directives unsafe-none this is the default
value.
... examples certain features depend on cross-origin isolation certain features like sharedarraybuffer objects or performance.now() with unthrottled timers are only available if your document has a coop header with the
value same-origin
value set.
Device-Memory - HTTP
syntax the amount of device ram can be used as a fingerprinting variable, so
values for the header are intentionally coarse to reduce the potential for its misuse.
... the header takes on the following
values: 0.25, 0.5, 1, 2, 4, 8.
Feature-Policy: display-capture - HTTP
syntax feature-policy: display-capture <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: encrypted-media - HTTP
syntax feature-policy: encrypted-media <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: midi - HTTP
syntax feature-policy: midi <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: picture-in-picture - HTTP
syntax feature-policy: picture-in-picture <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: publickey-credentials-get - HTTP
syntax feature-policy: publickey-credentials-get <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: screen-wake-lock - HTTP
syntax feature-policy: screen-wake-lock <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: sync-xhr - HTTP
syntax feature-policy: sync-xhr <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: wake-lock - HTTP
syntax feature-policy: wake-lock <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy: xr-spatial-tracking - HTTP
syntax feature-policy: xr-spatial-tracking <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
Feature-Policy - HTTP
<allowlist> an allowlist is a list of origins that takes one or more of the following
values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
... the
values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
If-Match - HTTP
header type request header forbidden header name no syntax if-match: <etag_
value> if-match: <etag_
value>, <etag_
value>, … directives <etag_
value> entity tags uniquely representing the requested resources.
... * the asterisk is a special
value representing any resource.
Keep-Alive - HTTP
header type general header forbidden header name yes syntax keep-alive: parameters directives parameters a comma-separated list of parameters, each consisting of an identifier and a
value separated by the equal sign ('=').
...unless 0, this
value is ignored for non-pipelined connections as another request will be sent in the next response.
Save-Data - HTTP
a
value of on indicates explicit user opt-in into a reduced data usage mode on the client, and when communicated to origins allows them to deliver alternative content to reduce the data downloaded such as smaller image and video resources, different markup and styling, disabled polling and automatic updates, and so on.
... syntax save-data: <sd-token> directives <sd-token> a numerical
value indicating whether the client wants to opt in to reduced data usage mode.
Server - HTTP
avoid overly-detailed server
values, as they can reveal information that might make it (slightly) easier for attackers to exploit known security holes.
... how much detail to include is an interesting balance to strike; exposing the os version is probably a bad idea, as mentioned in the earlier warning about overly-detailed
values.
Set-Cookie2 - HTTP
header type response header forbidden header name no syntax set-cookie2: <cookie-name>=<cookie-
value> set-cookie2: <cookie-name>=<cookie-
value>; comment=<
value> set-cookie2: <cookie-name>=<cookie-
value>; commenturl=<http-url> set-cookie2: <cookie-name>=<cookie-
value>; discard set-cookie2: <cookie-name>=<cookie-
value>; domain=<domain-
value> set-cookie2: <cookie-name>=<cookie-
value>; max-age=<non-zero-digit> set-cookie2: <cookie-name>=<cookie-
value>; path=<path-
value> set-cookie2: <cookie-name>=<cookie-
value>; port=<port-number> set-cookie2: <cookie-name>=<cookie-
value>; secure set-co...
...okie2: <cookie-name>=<cookie-
value>; version=<version-number> // multiple directives are also possible, for example: set-cookie2: <cookie-name>=<cookie-
value>; domain=<domain-
value>; secure // multiple cookies are seperated by a comma set-cookie2: <cookie-name>=<cookie-
value>, <cookie-name>=<cookie-
value>, ...
HTTP Public Key Pinning (HPKP) - HTTP
header always set public-key-pins "pin-sha256=\"base64+primary==\"; pin-sha256=\"base64+backup==\"; max-age=5184000; includesubdomains" nginx adding the following line and inserting the appropriate pin-sha256="..."
values will enable hpkp on your nginx.
... <httpprotocol> <customheaders> <add name="public-key-pins"
value="pin-sha256="base64+primary=="; pin-sha256="base64+backup=="; max-age=5184000; includesubdomains" /> </customheaders> </httpprotocol> ...
JavaScript modules - JavaScript
if you really
value the clarity of using .mjs for modules versus using .js for "normal" javascript files, but don't want to run into the problem described above, you could always use .mjs during development and convert them to .js during your build step.
...additionally, these features are imported as live bindings, meaning that they can change in
value even if you cannot modify the binding unlike const.
Character classes - JavaScript
\uhhhh matches a utf-16 code-unit with the
value hhhh (four hexadecimal digits).
... \u{hhhh} or \u{hhhhh} (only when the u flag is set.) matches the character with the unicode
value u+hhhh or u+hhhhh (hexadecimal digits).
The legacy Iterator protocol - JavaScript
property
value next a zero arguments function that returns an
value.
... difference between legacy and es2015 iterator protocols the
value was returned directly as a return
value of calls to next, instead of the
value property of a placeholder object iteration termination was expressed by throwing a stopiteration object.
TypeError: can't redefine non-configurable property "x" - JavaScript
var obj = object.create({}); object.defineproperty(obj, "foo", {
value: "bar"}); object.defineproperty(obj, "foo", {
value: "baz"}); // typeerror: can't redefine non-configurable property "foo" you will need to set the "foo" property to configurable, if you intend to redefine it later in the code.
... var obj = object.create({}); object.defineproperty(obj, "foo", {
value: "bar", configurable: true}); object.defineproperty(obj, "foo", {
value: "baz", configurable: true}); ...
RangeError: invalid date - JavaScript
message rangeerror: invalid date (edge) rangeerror: invalid date (firefox) rangeerror: invalid time
value (chrome) rangeerror: provided date is not in valid range (chrome) error type rangeerror what went wrong?
... examples invalid cases unrecognizable strings or dates containing illegal element
values in iso formatted strings usually return nan.
SyntaxError: JSON.parse: bad parsing - JavaScript
cted syntaxerror: json.parse: expected ',' or ']' after array element syntaxerror: json.parse: end of data when property name was expected syntaxerror: json.parse: expected double-quoted property name syntaxerror: json.parse: end of data after property name when ':' was expected syntaxerror: json.parse: expected ':' after property name in object syntaxerror: json.parse: end of data after property
value in object syntaxerror: json.parse: expected ',' or '}' after property
value in object syntaxerror: json.parse: expected ',' or '}' after property-
value pair in object literal syntaxerror: json.parse: property names must be double-quoted strings syntaxerror: json.parse: expected property name or '}' syntaxerror: json.parse: unexpected character syntaxerror: json.parse: unexpected non-whitespace ch...
... json.parse('{"foo": 01}'); // syntaxerror: json.parse: expected ',' or '}' after property
value // in object at line 1 column 2 of the json data json.parse('{"foo": 1.}'); // syntaxerror: json.parse: unterminated fractional number // at line 1 column 2 of the json data instead write just 1 without a zero and use at least one digit after a decimal point: json.parse('{"foo": 1}'); json.parse('{"foo": 1.0}'); ...
RangeError: repeat count must be non-negative - JavaScript
message rangeerror: argument out of range rangeerror: repeat count must be non-negative (firefox) rangeerror: invalid count
value (chrome) error type rangeerror what went wrong?
...the range of allowed
values can be described like this: [0, +∞).
TypeError: "x" is not a non-null object - JavaScript
message typeerror: invalid descriptor for property {x} (edge) typeerror: "x" is not a non-null object (firefox) typeerror: property description must be an object: "x" (chrome) typeerror: invalid
value used in weak set (chrome) error type typeerror what went wrong?
...providing no object (like just a number), will throw an error: object.defineproperty({}, 'key', 1); // typeerror: 1 is not a non-null object object.defineproperty({}, 'key', null); // typeerror: null is not a non-null object a valid property descriptor object might look like this: object.defineproperty({}, 'key', {
value: 'foo', writable: false }); weakmap and weakset objects require object keys weakmap and weakset objects store object keys.
TypeError: can't delete non-configurable array element - JavaScript
var arr = []; object.defineproperty(arr, 0, {
value: 0}); object.defineproperty(arr, 1, {
value: "1"}); arr.length = 1; // typeerror: can't delete non-configurable array element you will need to set the elements as configurable, if you intend to shorten the array.
... var arr = []; object.defineproperty(arr, 0, {
value: 0, configurable: true}); object.defineproperty(arr, 1, {
value: "1", configurable: true}); arr.length = 1; seal-ed arrays the object.seal() function marks all existing elements as non-configurable.
TypeError: "x" is not a function - JavaScript
the javascript exception "is not a function" occurs when there was an attempt to call a
value from a function, but the
value is not actually a function.
... it attempted to call a
value from a function, but the
value is not actually a function.
RangeError: repeat count must be less than infinity - JavaScript
message rangeerror: argument out of range (edge) rangeerror: repeat count must be less than infinity and not overflow maximum string size (firefox) rangeerror: invalid count
value (chrome) error type rangeerror what went wrong?
...the range of allowed
values can be described like this: [0, +∞).
InternalError: too much recursion - JavaScript
function loop(x) { if (x >= 10) // "x >= 10" is the exit condition return; // do stuff loop(x + 1); // the recursive call } loop(0); setting this condition to an extremely high
value, won't work: function loop(x) { if (x >= 1000000000000) return; // do stuff loop(x + 1); } loop(0); // internalerror: too much recursion this recursive function is missing a base case.
... function loop(x) { // the base case is missing loop(x + 1); // recursive call } loop(0); // internalerror: too much recursion class error: too much recursion class person{ constructor(){} set name(name){ this.name = name; // recursive call } } const tony = new person(); tony.name = "tonisha"; // internalerror: too much recursion when a
value is assigned to the property name (this.name = name;) javascript needs to set that property.
JavaScript error reference - JavaScript
error: test for equality (==) mistyped as assignment (=)?syntaxerror: unterminated string literaltypeerror: "x" has no propertiestypeerror: "x" is (not) "y"typeerror: "x" is not a constructortypeerror: "x" is not a functiontypeerror: "x" is not a non-null objecttypeerror: "x" is read-onlytypeerror: 'x' is not iterabletypeerror: more arguments neededtypeerror: reduce of empty array with no initial
valuetypeerror: x.prototype.y called on incompatible typetypeerror: can't access dead objecttypeerror: can't access property "x" of "y"typeerror: can't assign to property "x" on "y": not an objecttypeerror: can't define property "x": "obj" is not extensibletypeerror: can't delete non-configurable array elementtypeerror: can't redefine non-configurable property "x"typeerror: cannot use "in" operator to ...
...search for "x" in "y"typeerror: cyclic object
valuetypeerror: invalid "instanceof" operand "x"typeerror: invalid array.prototype.sort argumenttypeerror: invalid argumentstypeerror: invalid assignment to const "x"typeerror: property "x" is non-configurable and can't be deletedtypeerror: setting getter-only property "x"typeerror: variable "x" redeclares argumenturierror: malformed uri sequencewarning: 08/09 is not a legal ecma-262 octal constantwarning: -file- is being assigned a //# sourcemappingurl, but already has onewarning: date.prototype.tolocaleformat is deprecatedwarning: javascript 1.6's for-each-in loops are deprecatedwarning: string.x is deprecated; use string.prototype.x insteadwarning: expression closures are deprecatedwarning: unreachable code after return statement ...
Method definitions - JavaScript
syntax const obj = { get property() {}, set property(
value) {}, property( parameters… ) {}, *generator( parameters… ) {}, async property( parameters… ) {}, async* generator( parameters… ) {}, // with computed keys get [property]() {}, set [property](
value) {}, [property]( parameters… ) {}, *[generator]( parameters… ) {}, async [property]( parameters… ) {}, async* [generator]( parameters… ) {}, }; description the...
... // using a named property const obj2 = { g: function* () { let index = 0 while (true) { yield index++ } } }; // the same object using shorthand syntax const obj2 = { * g() { let index = 0 while (true) { yield index++ } } }; const it = obj2.g() console.log(it.next().
value) // 0 console.log(it.next().
value) // 1 async methods async methods can also be defined using the shorthand syntax.
arguments.callee - JavaScript
is was actually a really bad solution as this (in conjunction with other arguments, callee, and caller issues) make inlining and tail recursion impossible in the general case (you can achieve it in select cases through tracing, etc., but even the best code is suboptimal due to checks that would not otherwise be necessary.) the other major issue is that the recursive call will get a different this
value, e.g.: var global = this; var sillyfunction = function(recursed) { if (!recursed) { return arguments.callee(true); } if (this !== global) { alert('this is: ' + this); } else { alert('this is the global'); } } sillyfunction(); ecmascript 3 resolved these issues by allowing named function expressions.
...now in this particular case a smart interpreter should be able to rearrange the checks to be more optimal and not check any
values that would not be used.
Array.prototype[@@unscopables] - JavaScript
description the default array properties that are excluded from with bindings are: copywithin() entries() fill() find() findindex() includes() keys()
values() see symbol.unscopables for how to set unscopables for your own objects.
... var keys = []; with (array.prototype) { keys.push('something'); } object.keys(array.prototype[symbol.unscopables]); // ["copywithin", "entries", "fill", "find", "findindex", // "includes", "keys", "
values"] specifications specification ecmascript (ecma-262)the definition of 'array.prototype[@@unscopables]' in that specification.
Array.prototype.entries() - JavaScript
the entries() method returns a new array iterator object that contains the key/
value pairs for each index in the array.
... syntax array.entries() return
value a new array iterator object.
Array.prototype.flat() - JavaScript
return
value a new array with the sub-array elements concatenated into it.
...flatdeep(val, d - 1) : val), []) : arr.slice(); }; flatdeep(arr, infinity); // [1, 2, 3, 4, 5, 6] use a stack // non recursive flatten deep using a stack // note that depth control is hard/inefficient as we will need to tag each
value with its own depth // also possible w/o reversing on shift/unshift, but array ops on the end tends to be faster function flatten(input) { const stack = [...input]; const res = []; while(stack.length) { // pop
value from stack const next = stack.pop(); if(array.isarray(next)) { // push back array items, won't modify the original input stack.push(...next); } else {...
Array.of() - JavaScript
the difference between array.of() and the array constructor is in the handling of integer arguments: array.of(7) creates an array with a single element, 7, whereas array(7) creates an empty array with a length property of 7 (note: this implies an array of 7 empty slots, not slots with actual undefined
values).
... return
value a new array instance.
Array.prototype.pop() - JavaScript
syntax arrname.pop() return
value the removed element from the array; undefined if the array is empty.
... description the pop method removes the last element from an array and returns that
value to the caller.
Array.prototype.shift() - JavaScript
syntax arr.shift() return
value the removed element from the array; undefined if the array is empty.
... description the shift method removes the element at the zeroeth index and shifts the
values at consecutive indexes down, then returns the removed
value.
Array.prototype.splice() - JavaScript
if deletecount is omitted, or if its
value is equal to or larger than array.length - start (that is, if it is equal to or greater than the number of elements left in the array, starting at start), then all the elements from start to the end of the array will be deleted.
... return
value an array containing the deleted elements.
Array.prototype.toSource() - JavaScript
syntax arr.tosource() return
value a string representing the source code of the array.
... description the tosource method returns the following
values: for the built-in array object, tosource returns the following string indicating that the source code is not available: function array() { [native code] } for instances of array, tosource returns a string representing the source code.
Array.prototype.unshift() - JavaScript
return
value the new length property of the object upon which the method was called.
... description the unshift method inserts the given
values to the beginning of an array-like object.
Atomics.load() - JavaScript
the static atomics.load() method returns a
value at a given position in the array.
... return
value the
value at the given position (typedarray[index]).
BigInt() constructor - JavaScript
the bigint() constructor returns a
value of type bigint.
... syntax bigint(
value); parameters
value the numeric
value of the object being created.
BigInt.asIntN() - JavaScript
the bigint.asintn static method is used to wrap a bigint
value to a signed integer between -2width-1 and 2width-1-1.
... returns the
value of bigint modulo 2width as a signed integer.
BigInt.asUintN() - JavaScript
the bigint.asuintn static method is used to wrap a bigint
value to an unsigned integer between 0 and 2width-1.
... returns the
value of bigint modulo 2width as an unsigned integer.
BigInt.prototype.toString() - JavaScript
an integer in the range 2 through 36 specifying the base to use for representing numeric
values.
... return
value a string representing the specified bigint object.
Boolean() constructor - JavaScript
syntax new boolean([
value]) parameters
value optional the initial
value of the boolean object.
... examples creating boolean objects with an initial
value of false var bnoparam = new boolean(); var bzero = new boolean(0); var bnull = new boolean(null); var bemptystring = new boolean(''); var bfalse = new boolean(false); creating boolean objects with an initial
value of true var btrue = new boolean(true); var btruestring = new boolean('true'); var bfalsestring = new boolean('false'); var bsulin = new boolean('su lin'); var barrayproto = new boolean([]); var bobjproto = new boolean({}); specifications specification ecmascript (ecma-262)the definition of 'boolean constructor' in that specification.
DataView() constructor - JavaScript
return
value a new dataview object representing the specified data buffer.
... exceptions rangeerror thrown if the byteoffset or bytelength parameter
values result in the view extending past the end of the buffer.
Date.prototype.getDate() - JavaScript
syntax dateobj.getdate() return
value an integer number, between 1 and 31, representing the day of the month for the given date according to local time.
... examples using getdate() the second statement below assigns the
value 25 to the variable day, based on the
value of the date object xmas95.
Date.prototype.getDay() - JavaScript
syntax dateobj.getday() return
value an integer number, between 0 and 6, corresponding to the day of the week for the given date, according to local time: 0 for sunday, 1 for monday, 2 for tuesday, and so on.
... examples using getday() the second statement below assigns the
value 1 to weekday, based on the
value of the date object xmas95.
Date.prototype.getHours() - JavaScript
syntax dateobj.gethours() return
value an integer number, between 0 and 23, representing the hour for the given date according to local time.
... examples using gethours() the second statement below assigns the
value 23 to the variable hours, based on the
value of the date object xmas95.
Date.prototype.getMinutes() - JavaScript
syntax dateobj.getminutes() return
value an integer number, between 0 and 59, representing the minutes in the given date according to local time.
... examples using getminutes() the second statement below assigns the
value 15 to the variable minutes, based on the
value of the date object xmas95.
Date.prototype.getSeconds() - JavaScript
syntax dateobj.getseconds() return
value an integer number, between 0 and 59, representing the seconds in the given date according to local time.
... examples using getseconds() the second statement below assigns the
value 30 to the variable seconds, based on the
value of the date object xmas95.
Date.prototype.getTimezoneOffset() - JavaScript
syntax dateobj.gettimezoneoffset() return
value a number representing the time-zone offset, in minutes, from the date based on current host system settings to utc.
... current locale utc-8 utc utc+3 return
value 480 0 -180 the time zone offset returned is the one that applies for the date that it's called on.
Date.prototype.getUTCMilliseconds() - JavaScript
the getutcmilliseconds() method returns the milliseconds portion of the time object's
value.
... syntax dateobj.getutcmilliseconds() return
value an integer number, between 0 and 999, representing the milliseconds portion of the given date object.
Date.prototype.getUTCMonth() - JavaScript
the getutcmonth() returns the month of the specified date according to universal time, as a zero-based
value (where zero indicates the first month of the year).
... syntax dateobj.getutcmonth() return
value an integer number, between 0 and 11, corresponding to the month of the given date according to universal time.
Date.now() - JavaScript
syntax var timeinms = date.now(); return
value a number representing the milliseconds elapsed since the unix epoch.
... in firefox, you can also enable privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
Date.prototype.setMilliseconds() - JavaScript
syntax dateobj.setmilliseconds(milliseconds
value) parameters milliseconds
value a number between 0 and 999, representing the milliseconds.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date.
Date.prototype.setTime() - JavaScript
syntax dateobj.settime(time
value) parameters time
value an integer representing the number of milliseconds since 1 january 1970, 00:00:00 utc.
... return
value the number of milliseconds between 1 january 1970 00:00:00 utc and the updated date (effectively, the
value of the argument).
Date.prototype.toISOString() - JavaScript
syntax dateobj.toisostring() return
value a string representing the given date in the iso 8601 format according to universal time.
... ':' + pad(this.getutcminutes()) + ':' + pad(this.getutcseconds()) + '.' + (this.getutcmilliseconds() / 1000).tofixed(3).slice(2, 5) + 'z'; }; })(); } examples using toisostring() let today = new date('05 october 2011 14:48 utc') console.log(today.toisostring()) // returns 2011-10-05t14:48:00.000z the above example uses parsing of a non–standard string
value that may not be correctly parsed in non–mozilla browsers.
Date.prototype.toJSON() - JavaScript
syntax dateobj.tojson() return
value a string representation of the given date.
...calling tojson() returns a string (using toisostring()) representing the date object's
value.
Date.prototype.toLocaleDateString() - JavaScript
the default
value for each date-time component property is undefined, but if the weekday, year, month, day properties are all undefined, then year, month, and day are assumed to be "numeric".
... return
value a string representing the date portion of the given date instance according to language-specific conventions.
Date.prototype.toLocaleTimeString() - JavaScript
the default
value for each date-time component property is undefined, but if the hour, minute, second properties are all undefined, then hour, minute, and second are assumed to be "numeric".
... return
value a string representing the time portion of the given date instance according to language-specific conventions.
Error() constructor - JavaScript
filename optional the
value for the filename property on the created error object.
... linenumber optional the
value for the linenumber property on the created error object.
Error.prototype.toString() - JavaScript
syntax e.tostring() return
value a string representing the specified error object.
...its semantics are as follows (assuming object and string have their original
values): error.prototype.tostring = function() { 'use strict'; var obj = object(this); if (obj !== this) { throw new typeerror(); } var name = this.name; name = (name === undefined) ?
Function.arguments - JavaScript
if function f appears several times on the call stack, the
value of f.arguments represents the arguments corresponding to the most recent invocation of the function.
... the
value of the arguments property is normally null if there is no outstanding invocation of the function in progress (that is, the function has been called but has not yet returned.
Function.caller - JavaScript
description if the function f was invoked by the top level code, the
value of f.caller is null, otherwise it's the function that called f.
... examples checking the
value of a function's caller property the following code checks the
value a function's caller property.
GeneratorFunction - JavaScript
each must be a string that corresponds to a valid javascript identifier or a list of such strings separated with a comma; for example "x", "the
value", or "a,b".
... examples creating a generator function from a generatorfunction() constructor var generatorfunction = object.getprototypeof(function*(){}).constructor var g = new generatorfunction('a', 'yield a * 2'); var iterator = g(10); console.log(iterator.next().
value); // 20 specifications specification ecmascript (ecma-262)the definition of 'generatorfunction' in that specification.
Intl.Collator.supportedLocalesOf() - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
... return
value an array of strings representing a subset of the given locale tags that are supported in collation without having to fall back to the runtime's default locale.
Intl.DateTimeFormat.prototype.format() - JavaScript
var a = [new date(2012, 08), new date(2012, 11), new date(2012, 03)]; var options = { year: 'numeric', month: 'long' }; var datetimeformat = new intl.datetimeformat('pt-br', options); var formatted = a.map(datetimeformat.format); console.log(formatted.join('; ')); // → "setembro de 2012; dezembro de 2012; abril de 2012" avoid comparing formatted date
values to static
values most of the time, the formatting returned by format() is consistent.
... for this reason you cannot expect to be able to compare the results of format() to a static
value: let d = new date("2019-01-01t00:00:00.000000z"); let formatteddate = intl.datetimeformat(undefined, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' }).format(d); "1.1.2019, 01:00:00" === formatteddate; // true in firefox and others // false in ie and edge note: see also this stackoverflow thread for more details and exam...
Intl.DateTimeFormat.prototype.formatRangeToParts() - JavaScript
let date1 = new date(date.utc(2007, 0, 10, 10, 0, 0)); let date2 = new date(date.utc(2007, 0, 10, 11, 0, 0)); // > 'wed, 10 jan 2007 10:00:00 gmt' // > 'wed, 10 jan 2007 11:00:00 gmt' let fmt = new intl.datetimeformat("en", { hour: 'numeric', minute: 'numeric' }); console.log(fmt.formatrange(date1, date2)); // > '10:00 – 11:00 am' fmt.formatrangetoparts(date1, date2); // return
value: // [ // { type: 'hour',
value: '10', source: "startrange" }, // { type: 'literal',
value: ':', source: "startrange" }, // { type: 'minute',
value: '00', source: "startrange" }, // { type: 'literal',
value: ' – ', source: "shared" }, // { type: 'hour',
value: '11', source: "endrange" }, // { type: 'literal',
value: ':', source: "endrange" }, // { ...
...type: 'minute',
value: '00', source: "endrange" }, // { type: 'literal',
value: ' ', source: "shared" }, // { type: 'dayperiod',
value: 'am', source: "shared" } // ] specifications specification intl.datetimeformat.formatrangethe definition of 'formatrangetoparts()' in that specification.
Intl.DateTimeFormat.supportedLocalesOf() - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
... return
value an array of strings representing a subset of the given locale tags that are supported in date and time formatting without having to fall back to the runtime's default locale.
Intl.DisplayNames() constructor - JavaScript
possible
values include: "arab", "arabext", "bali", "beng", "deva", "fullwide", "gujr", "guru", "hanidec", "khmr", "knda", "laoo", "latn", "limb", "mlym", "mong", "mymr", "orya", "tamldec", "telu", "thai", "tibt".
...possible
values are "lookup" and "best fit"; the default is "best fit".
Intl.DisplayNames.supportedLocalesOf() - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
... return
value an array of strings representing a subset of the given locale tags that are supported in date and time formatting without having to fall back to the runtime's default locale.
Intl.ListFormat.supportedLocalesOf() - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
... return
value an array of strings representing a subset of the given locale tags that are supported in date and time formatting without having to fall back to the runtime's default locale.
Intl.ListFormat - JavaScript
intl.listformat.prototype.formattoparts() returns an array of objects representing the different components that can be used to format a list of
values in a locale-aware fashion.
... console.log(new intl.listformat('en-gb', { style: 'narrow', type: 'unit' }).format(list)); // > motorcycle bus car using formattoparts the following example shows how to create a list formatter returning formatted parts const list = ['motorcycle', 'bus', 'car']; console.log(new intl.listformat('en-gb', { style: 'long', type: 'conjunction' }).formattoparts(list)); // [ { "type": "element", "
value": "motorcycle" }, // { "type": "literal", "
value": ", " }, // { "type": "element", "
value": "bus" }, // { "type": "literal", "
value": ", and " }, // { "type": "element", "
value": "car" } ]; specifications specification intl.listformatthe definition of 'listformat' in that specification.
Intl.Locale.prototype.maximize() - JavaScript
the intl.locale.prototype.maximize() method gets the most likely
values for the language, script, and region of the locale based on existing
values.
... syntax locale.maximize() return
value a locale instance whose basename property returns the result of the add likely subtags algorithm executed against locale.basename.
Intl.Locale - JavaScript
instance methods intl.locale.prototype.maximize() gets the most likely
values for the language, script, and region of the locale based on existing
values.
... intl.locale.prototype.minimize() gets the most likely
values for the language, script, and region of the locale based on existing
values.
Intl.NumberFormat.supportedLocalesOf() - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
... return
value an array of strings representing a subset of the given locale tags that are supported in number formatting without having to fall back to the runtime's default locale.
Intl.PluralRules.supportedLocalesOf() - JavaScript
possible
values are lookup and best fit; the default is best fit.
... return
value an array of strings representing a subset of the given locale tags that are supported in plural formatting without having to fall back to the runtime's default locale.
Intl.RelativeTimeFormat.supportedLocalesOf() - JavaScript
possible
values are "lookup" and "best fit"; the default is "best fit".
... return
value an array of strings representing a subset of the given locale tags that are supported in date and time formatting without having to fall back to the runtime's default locale.
Intl.getCanonicalLocales() - JavaScript
syntax intl.getcanonicallocales(locales) parameters locales a list of string
values for which to get the canonical locale names.
... return
value an array containing the canonical locale names.
Map() constructor - JavaScript
syntax new map([iterable]) parameters iterable an array or other iterable object whose elements are key-
value pairs.
... (for example, arrays with two elements, such as [[ 1, 'one' ],[ 2, 'two' ]].) each key-
value pair is added to the new map.
Map.prototype.get() - JavaScript
if the
value that is associated to the provided key is an object, then you will get a reference to that object and any change made to that object will effectively modify it inside the map object.
... return
value the element associated with the specified key, or undefined if the key can't be found in the map object.
Map.prototype.keys() - JavaScript
syntax mymap.keys() return
value a new map iterator object.
... examples using keys() var mymap = new map(); mymap.set('0', 'foo'); mymap.set(1, 'bar'); mymap.set({}, 'baz'); var mapiter = mymap.keys(); console.log(mapiter.next().
value); // "0" console.log(mapiter.next().
value); // 1 console.log(mapiter.next().
value); // object specifications specification ecmascript (ecma-262)the definition of 'map.prototype.keys' in that specification.
Math.abs() - JavaScript
the math.abs() function returns the absolute
value of a number, that is math.abs(x)=|x|={xifx>00ifx=0-xifx<0{\mathtt{\operatorname{math.abs}(z)}} = {|z|} = \begin{cases} x & \text{if} \quad x \geq 0 \\ x & \text{if} \quad x < 0 \end{cases} the source for this interactive example is stored in a github repository.
... return
value the absolute
value of the given number.
Math.acosh() - JavaScript
return
value the hyperbolic arc-cosine of the given number.
...(x)=ln(x+x2-1)\operatorname {arcosh} (x) = \ln \left(x + \sqrt{x^{2} - 1} \right) and so this can be emulated with the following function: math.acosh = math.acosh || function(x) { return math.log(x + math.sqrt(x * x - 1)); }; examples using math.acosh() math.acosh(-1); // nan math.acosh(0); // nan math.acosh(0.5); // nan math.acosh(1); // 0 math.acosh(2); // 1.3169578969248166 for
values less than 1 math.acosh() returns nan.
Math.atan() - JavaScript
return
value the arctangent (in radians) of the given number.
... description the math.atan() method returns a numeric
value between -π2-\frac{\pi}{2} and π2\frac{\pi}{2} radians.
Math.atan2() - JavaScript
x the x coordinate of the point return
value the angle in radians (in [-π,π][-\pi, \pi]) between the positive x-axis and the ray from (0,0) to the point (x,y).
... description the math.atan2() method returns a numeric
value between -π and π representing the angle theta of an (x, y) point.
Math.atanh() - JavaScript
return
value the hyperbolic arctangent of the given number.
...tanh} (x) = \frac{1}{2}\ln \left( \frac{1 + x}{1 - x} \right) so this can be emulated by the following function: math.atanh = math.atanh || function(x) { return math.log((1+x)/(1-x)) / 2; }; examples using math.atanh() math.atanh(-2); // nan math.atanh(-1); // -infinity math.atanh(0); // 0 math.atanh(0.5); // 0.5493061443340548 math.atanh(1); // infinity math.atanh(2); // nan for
values greater than 1 or less than -1, nan is returned.
Math.fround() - JavaScript
return
value the nearest 32-bit single precision float representation of the given number.
...however, sometimes you may be working with 32-bit floating-point numbers, for example if you are reading
values from a float32array.
Math.imul() - JavaScript
return
value the result of the c-like 32-bit multiplication of the given arguments.
... polyfill this can be emulated with the following function: if (!math.imul) math.imul = function(a, b) { var ahi = (a >>> 16) & 0xffff; var alo = a & 0xffff; var bhi = (b >>> 16) & 0xffff; var blo = b & 0xffff; // the shift by 0 fixes the sign on the high part // the final |0 converts the unsigned
value into a signed
value return ((alo * blo) + (((ahi * blo + alo * bhi) << 16) >>> 0) | 0); }; however, the following function is more performant because it is likely that browsers in which this polyfill would be used do not optimize with an internal integer type in javascript, instead using floating points for all numbers.
Math.log10() - JavaScript
return
value the base 10 logarithm of the given number.
... description if the
value of x is less than 0, the return
value is always nan.
Math.sin() - JavaScript
return
value the sine of the given number.
... description the math.sin() method returns a numeric
value between -1 and 1, which represents the sine of the angle given in radians.
Math.sqrt() - JavaScript
return
value the square root of the given number.
... description if the
value of x is negative, math.sqrt() returns nan.
Number.MAX_SAFE_INTEGER - JavaScript
property attributes of number.max_safe_integer writable no enumerable no configurable no description the max_safe_integer constant has a
value of 9007199254740991 (9,007,199,254,740,991 or ~9 quadrillion).
... polyfill if (!number.max_safe_integer) { number.max_safe_integer = 9007199254740991; // math.pow(2, 53) - 1; } examples return
value of max_safe_integer number.max_safe_integer; // 9007199254740991 numbers higher than safe integer this returns 2 because in floating points, the
value is actually the decimal trailing "1" except for in subnormal precision cases such as zero.
Number.parseFloat() - JavaScript
syntax number.parsefloat(string) parameters string the
value to parse.
... return
value a floating point number parsed from the given string.
Number.parseInt() - JavaScript
syntax number.parseint(string,[ radix]) parameters string the
value to parse.
... return
value an integer parsed from the given string.
Number.prototype.toString() - JavaScript
an integer in the range 2 through 36 specifying the base to use for representing numeric
values.
... return
value a string representing the specified number object.
Object.prototype.__lookupGetter__() - JavaScript
return
value the function bound as a getter to the specified property.
... description if a getter has been defined for an object's property, it's not possible to reference the getter function through that property, because that property refers to the return
value of that function.
Object.getOwnPropertyNames() - JavaScript
return
value an array of strings that corresponds to the properties found directly in the given object.
...// logs ["0", "1", "2"] // logging property names and
values using array.foreach object.getownpropertynames(obj).foreach( function (val, idx, array) { console.log(val + ' -> ' + obj[val]); } ); // logs // 0 -> a // 1 -> b // 2 -> c // non-enumerable property var my_obj = object.create({}, { getfoo: {
value: function() { return this.foo; }, enumerable: false } }); my_obj.foo = 1; console.log(object.getownpropertynames(my_obj).sort());...
Object.preventExtensions() - JavaScript
return
value the object being made non-extensible.
...var nonextensible = { removable: true }; object.preventextensions(nonextensible); object.defineproperty(nonextensible, 'new', {
value: 8675309 }); // throws a typeerror // in strict mode, attempting to add new properties // to a non-extensible object throws a typeerror.
Object.prototype.toLocaleString() - JavaScript
syntax obj.tolocalestring() return
value a string representing the object.
... objects overriding tolocalestring array: array.prototype.tolocalestring() number: number.prototype.tolocalestring() date: date.prototype.tolocalestring() typedarray: typedarray.prototype.tolocalestring() bigint: bigint.prototype.tolocalestring() examples array tolocalestring() override on array objects, tolocalestring() can be used to print array
values as a string, optionally with locale-specific identifiers (such as currency symbols) appended to them: for example: const testarray = [4, 7, 10]; let europrices = testarray.tolocalestring('fr', { style: 'currency', currency: 'eur'}); // "4,00 €,7,00 €,10,00 €" date tolocalestring() override on date objects, tolocalestring() is used to print out date displays more suitable for specific ...
Object.prototype.toSource() - JavaScript
syntax object.tosource(); obj.tosource(); return
value a string representing the source code of the object.
... description the tosource() method returns the following
values: for the built-in object object, tosource() returns the following string indicating that the source code is not available: function object() { [native code] } for instances of object, tosource() returns a string representing the source code.
Promise.prototype.finally() - JavaScript
return
value returns a promise whose finally handler is set to the specified function, onfinally.
...this use case is for precisely when you do not care about the rejection reason, or the fulfillment
value, and so there's no need to provide it.
handler.construct() - JavaScript
return
value the construct method must return an object.
... const p = new proxy(function() {}, { construct: function(target, argumentslist, newtarget) { console.log('called: ' + argumentslist.join(', ')); return {
value: argumentslist[0] * 10 }; } }); console.log(new p(1).
value); // "called: 1" // 10 the following code violates the invariant.
handler.getOwnPropertyDescriptor() - JavaScript
return
value the getownpropertydescriptor() method must return an object or undefined.
... const p = new proxy({ a: 20}, { getownpropertydescriptor: function(target, prop) { console.log('called: ' + prop); return { configurable: true, enumerable: true,
value: 10 }; } }); console.log(object.getownpropertydescriptor(p, 'a').
value); // "called: a" // 10 the following code violates an invariant.
handler.isExtensible() - JavaScript
return
value the isextensible() method must return a boolean
value.
... interceptions this trap can intercept these operations: object.isextensible() reflect.isextensible() invariants if the following invariants are violated, the proxy will throw a typeerror: object.isextensible(proxy) must return the same
value as object.isextensible(target).
RangeError() constructor - JavaScript
the rangeerror() constructor creates an error when a
value is not in the set or range of allowed
values.
... filename optional the name of the file containing the code that caused the exception linenumber optional the line number of the code that caused the exception examples using rangeerror (for numeric
values) function check(n) { if( !(n >= -500 && n <= 500) ) { throw new rangeerror("the argument must be between -500 and 500.") } } try { check(2000) } catch(error) { if (error instanceof rangeerror) { // handle the error } } using rangeerror (for non-numeric
values) function check(
value) { if(["apple", "banana", "carrot"].includes(
value) === false) { throw new rangeerror('the argument must be a...
Reflect.construct() - JavaScript
if newtarget is not present, its
value defaults to target.
... return
value a new instance of target (or newtarget, if present), initialized by target as a constructor with the given argumentslist.
Reflect.defineProperty() - JavaScript
return
value a boolean indicating whether or not the property was successfully defined.
... examples using reflect.defineproperty() let obj = {} reflect.defineproperty(obj, 'x', {
value: 7}) // true obj.x // 7 checking if property definition has been successful with object.defineproperty, which returns an object if successful, or throws a typeerror otherwise, you would use a try...catch block to catch any error that occurred while defining a property.
Reflect.get() - JavaScript
receiver optional the
value of this provided for the call to target if a getter is encountered.
... return
value the
value of the property.
Reflect.ownKeys() - JavaScript
return
value an array of the target object's own property keys.
...its return
value is equivalent to object.getownpropertynames(target).concat(object.getownpropertysymbols(target)).
Reflect.setPrototypeOf() - JavaScript
return
value a boolean indicating whether or not the prototype was successfully set.
...the
value of the internal [[prototype]] property) of the specified object.
Reflect - JavaScript
reflect.get(target, propertykey[, receiver]) returns the
value of the property.
... reflect.set(target, propertykey,
value[, receiver]) a function that assigns
values to properties.
RegExp.prototype[@@matchAll]() - JavaScript
return
value an iterator.
... examples direct call this method can be used in almost the same way as string.prototype.matchall(), except for the different
value of this and the different order of arguments.
RegExp() constructor - JavaScript
patterns may include special characters to match a wider range of
values than would a literal string.
... if flags is not specified and a regular expressions object is supplied, that object's flags (and lastindex
value) will be copied over.
RegExp.prototype.toString() - JavaScript
syntax regexobj.tostring(); return
value a string representing the given object.
... examples using tostring() the following example displays the string
value of a regexp object: var myexp = new regexp('a+b+c'); console.log(myexp.tostring()); // logs '/a+b+c/' var foo = new regexp('bar', 'g'); console.log(foo.tostring()); // logs '/bar/g' empty regular expressions and escaping starting with ecmascript 5, an empty regular expression returns the string "/(?:)/" and line terminators such as "\n" are escaped: new regexp().tostring(); // "/(?:)/" new regexp('\n').tostring() === '/\n/'; // true, prior to es5 new regexp('\n').tostring() ...
RegExp - JavaScript
both names always refer to the same
value.
... to match characters from other languages such as cyrillic or hebrew, use \uhhhh, where hhhh is the character's unicode
value in hexadecimal.
Set.prototype.delete() - JavaScript
syntax myset.delete(
value); parameters
value the
value to remove from myset.
... return
value returns true if
value was successfully removed from myset; otherwise false.
String.prototype.anchor() - JavaScript
syntax str.anchor(name) parameters name a string representing a name
value to put into the generated <a name="..."> start tag.
... return
value a string beginning with an <a name="name"> start tag, then the text str, and then an </a> end tag description don't use this method.
String.prototype.charAt() - JavaScript
return
value a string representing the character (exactly one utf-16 code unit) at the specified index.
... let str = 'a\ud87e\udc04z' // we could also use a non-bmp character directly for (let i = 0, chr; i < str.length; i++) { [chr, i] = getwholecharandi(str, i) // adapt this line at the top of each loop, passing in the whole string and // the current iteration and returning an array with the individual character // and 'i'
value (only changed if a surrogate pair) console.log(chr) } function getwholecharandi(str, i) { let code = str.charcodeat(i) if (number.isnan(code)) { return '' // position not found } if (code < 0xd800 || code > 0xdfff) { return [str.charat(i), i] // normal character, keeping 'i' the same } // high surrogate (could change last hex to 0xdb7f to treat high private // surrog...
String.prototype.concat() - JavaScript
return
value a new string containing the combined text of the strings provided.
... if the arguments are not of the type string, they are converted to string
values before concatenating.
String.prototype.fontcolor() - JavaScript
return
value a string containing a <font> html element.
...for example, the hexadecimal rgb
values for salmon are red=fa, green=80, and blue=72, so the rgb triplet for salmon is "fa8072".
String.fromCodePoint() - JavaScript
return
value a string created by using the specified sequence of code points.
...0xdc00 // lowsurrogate ); } if (codelen >= 0x3fff) { result += stringfromcharcode.apply(null, codeunits); codeunits.length = 0; } } return result + stringfromcharcode.apply(null, codeunits); }; try { // ie 8 only supports `object.defineproperty` on dom elements object.defineproperty(string, "fromcodepoint", { "
value": fromcodepoint, "configurable": true, "writable": true }); } catch(e) { string.fromcodepoint = fromcodepoint; } }(string.fromcharcode)); examples using fromcodepoint() valid input: string.fromcodepoint(42); // "*" string.fromcodepoint(65, 90); // "az" string.fromcodepoint(0x404); // "\u0404" == "Є" string.fromcodepoint(0x2f804); // "\ud87e\udc04" string.from...
String length - JavaScript
utf-16, the string format used by javascript, uses a single 16-bit code unit to represent the most common characters, but needs to use two code units for less commonly-used characters, so it's possible for the
value returned by length to not match the actual number of characters in the string.
...nsole.log('a\ud87e\udc04z'.charlength); // 3 examples basic usage let x = 'mozilla'; let empty = ''; console.log(x + ' is ' + x.length + ' code units long'); /* "mozilla is 7 code units long" */ console.log('the empty string has a length of ' + empty.length); // expected output: "the empty string has a length of 0" assigning to length let mystring = "bluebells"; // attempting to assign a
value to a string's .length property has no observable effect.
String.prototype.search() - JavaScript
return
value the index of the first match between the regular expression and the given string, or -1 if no match was found.
... examples using search() the following example searches a string with two different regex objects to show a successful search (positive
value) vs.
String.prototype.split() - JavaScript
for example, a string containing tab separated
values (tsv) could be parsed by passing a tab character as the separator, like this: mystring.split("\t").
... return
value an array of strings, split at each point where the separator occurs in the given string.
String.prototype.startsWith() - JavaScript
return
value true if the given characters are found at the beginning of the string; otherwise, false.
...however, you can polyfill string.prototype.startswith() with the following snippet: if (!string.prototype.startswith) { object.defineproperty(string.prototype, 'startswith', {
value: function(search, rawpos) { var pos = rawpos > 0 ?
String.prototype.trim() - JavaScript
syntax str.trim() return
value a new string representing the str stripped of whitespace from both ends.
...trim() does not affect the
value of the str itself.
String.prototype.trimEnd() - JavaScript
syntax str.trimend(); str.trimright(); return
value a new string representing the calling string stripped of whitespace from its (right) end.
...trimend() or trimright() do not affect the
value of the string itself.
String.prototype.trimStart() - JavaScript
syntax str.trimstart(); str.trimleft(); return
value a new string representing the calling string stripped of whitespace from its beginning (left end).
...trimleft() or trimstart() do not affect the
value of the string itself.
Symbol.for() - JavaScript
return
value an existing symbol with the given key if found; otherwise, a new symbol is created and returned.
... global symbol registry the global symbol registry is a list with the following record structure and it is initialized empty: a record in the global symbol registry field name
value [[key]] a string key used to identify a symbol.
Symbol.unscopables - JavaScript
the symbol.unscopables well-known symbol is used to specify an object
value of whose own and inherited property names are excluded from the with environment bindings of the associated object.
... var keys = []; with (array.prototype) { keys.push('something'); } object.keys(array.prototype[symbol.unscopables]); // ["copywithin", "entries", "fill", "find", "findindex", // "includes", "keys", "
values"] unscopables in objects you can also set unscopables for your own objects.
TypeError - JavaScript
the typeerror object represents an error when an operation could not be performed, typically (but not exclusively) when a
value is not of the expected type.
... a typeerror may be thrown when: an operand or argument passed to a function is incompatible with the type expected by that operator or function; or when attempting to modify a
value that cannot be changed; or when attempting to use a
value in an inappropriate way.
TypedArray.prototype.indexOf() - JavaScript
if the provided index
value is a negative number, it is taken as the offset from the end of the typed array.
... return
value the first index of the element in the array; -1 if not found.
TypedArray.prototype.join() - JavaScript
return
value a string with all array elements joined.
... // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.join if (!uint8array.prototype.join) { object.defineproperty(uint8array.prototype, 'join', {
value: array.prototype.join }); } if you need to support truly obsolete javascript engines that don't support object.defineproperty, it's best not to polyfill array.prototype methods at all, as you can't make them non-enumerable.
TypedArray.prototype.keys() - JavaScript
syntax arr.keys() return
value a new array iterator object.
... examples iteration using for...of loop var arr = new uint8array([10, 20, 30, 40, 50]); var earray = arr.keys(); // your browser must support for..of loop // and let-scoped variables in for loops for (let n of earray) { console.log(n); } alternative iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr.keys(); console.log(earr.next().
value); // 0 console.log(earr.next().
value); // 1 console.log(earr.next().
value); // 2 console.log(earr.next().
value); // 3 console.log(earr.next().
value); // 4 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.keys()' in that specification.
TypedArray.of() - JavaScript
return
value a new typedarray instance.
... description some subtle distinctions between array.of() and typedarray.of(): if the this
value passed to typedarray.of is not a constructor, typedarray.of will throw a typeerror, where array.of defaults to creating a new array.
TypedArray.prototype.slice() - JavaScript
return
value a new typed array containing the extracted elements.
... if (!uint8array.prototype.slice) { object.defineproperty(uint8array.prototype, 'slice', {
value: function (begin, end) { return new uint8array(array.prototype.slice.call(this, begin, end)); } }); } if you need to support truly obsolete javascript engines that don't support object.defineproperty, it's best not to polyfill array.prototype methods at all, as you can't make them non-enumerable.
TypedArray.prototype.sort() - JavaScript
this method has the same algorithm as array.prototype.sort(), except that sorts the
values numerically instead of as strings.
... return
value the sorted typed array.
TypedArray.prototype.toString() - JavaScript
syntax typedarray.tostring() return
value a string representing the elements of the typed array.
... var numbers = new uint8array([2, 5, 8, 1, 4]) numbers.tostring(); // "2,5,8,1,4" javascript calls the tostring method automatically when a typed array is to be represented as a text
value or when an array is referred to in a string concatenation.
Uint8ClampedArray() constructor - JavaScript
the uint8clampedarray() constructor creates a typed array of 8-bit unsigned integers clamped to 0-255; if you specified a
value that is out of the range of [0,255], 0 or 255 will be set instead; if you specify a non-integer, the nearest integer will be set.
...each
value in typedarray is converted to the corresponding type of the constructor before being copied into the new array.
WeakSet.prototype.has() - JavaScript
syntax ws.has(
value); parameters
value required.
... return
value boolean returns true if an element with the specified
value exists in the weakset object; otherwise false.
WebAssembly.Memory() constructor - JavaScript
shared optional a boolean
value that defines whether the memory is a shared memory or not.
...it then stores some
values in that memory, then exports a function and uses it to sum some
values.
WebAssembly.Memory.prototype.grow() - JavaScript
return
value the previous size of the memory, in units of webassembly pages.
... var memory = new webassembly.memory({initial:1, maximum:10}); we can then grow the instance by one page like so: const bytesperpage = 64 * 1024; console.log(memory.buffer.bytelength / bytesperpage); // "1" console.log(memory.grow(1)); // "1" console.log(memory.buffer.bytelength / bytesperpage); // "2" note the return
value of grow() here is the previous number of webassembly pages.
WebAssembly.Table - JavaScript
table.prototype.set() sets an element stored at a given index to a given
value.
... webassembly.instantiatestreaming(fetch('table2.wasm'), importobject) .then(function(obj) { console.log(tbl.length); console.log(tbl.get(0)()); console.log(tbl.get(1)()); }); note how you've got to include a second function invocation operator at the end of the accessor to actually invoke the referenced function and log the
value stored inside it (e.g.
WebAssembly.instantiateStreaming() - JavaScript
importobject optional an object containing the
values to be imported into the newly-created instance, such as functions or webassembly.memory objects.
... return
value a promise that resolves to a resultobject which contains two fields: module: a webassembly.module object representing the compiled webassembly module.
escape() - JavaScript
return
value a new string in which certain characters have been escaped.
...special characters are encoded with the exception of: @*_+-./ the hexadecimal form for characters, whose code unit
value is 0xff or less, is a two-digit escape sequence: %xx.
Standard built-in objects - JavaScript
standard objects by category
value properties these global properties return a simple
value.
... string regexp indexed collections these objects represent collections of data which are ordered by an index
value.
Pipeline operator (|>) - JavaScript
the experimental pipeline operator |> (currently at stage 1) pipes the
value of an expression into a function.
...the result is syntactic sugar in which a function call with a single argument can be written like this: let url = "%21" |> decodeuri; the equivalent call in traditional syntax looks like this: let url = decodeuri("%21"); syntax expression |> function the
value of the specified expression is passed into the function as its sole parameter.
Right shift (>>) - JavaScript
since the new leftmost bit has the same
value as the previous leftmost bit, the sign bit (the leftmost bit) does not change.
...since the new leftmost bit has the same
value as the previous leftmost bit, the sign bit (the leftmost bit) does not change.
Strict equality (===) - JavaScript
otherwise, compare the two operand's
values: numbers must have the same numeric
values.
... +0 and -0 are considered to be the same
value.
in operator - JavaScript
// arrays let trees = ['redwood', 'bay', 'cedar', 'oak', 'maple'] 0 in trees // returns true 3 in trees // returns true 6 in trees // returns false 'bay' in trees // returns false (you must specify the index number, not the
value at that index) 'length' in trees // returns true (length is an array property) symbol.iterator in trees // returns true (arrays are iterable, works only in es2015+) // predefined objects 'pi' in math // returns true // custom objects let mycar = {make: 'honda', model: 'accord', year: 1998} 'make' in mycar // returns true 'model' in mycar // returns true you must specify an object on...
... let empties = new array(3) empties[2] // returns undefined 2 in empties // returns false to avoid this, make sure a new array is always filled with non-empty
values or not write to indexes past the end of array.
instanceof - JavaScript
the return
value is a boolean
value.
...e: c.prototype instanceof object // true c.prototype = {} let o2 = new c() o2 instanceof c // true // false, because c.prototype is nowhere in // o's prototype chain anymore o instanceof c d.prototype = new c() // add c to [[prototype]] linkage of d let o3 = new d() o3 instanceof d // true o3 instanceof c // true since c.prototype is now in o3's prototype chain note that the
value of an instanceof test can change based on changes to the prototype property of constructors.
continue - JavaScript
examples using continue with while the following example shows a while loop that has a continue statement that executes when the
value of i is 3.
... thus, n takes on the
values 1, 3, 7, and 12.
if...else - JavaScript
in general, it is a good practice to always use block statements, especially in code involving nested if statements: if (condition) { statements1 } else { statements2 } do not confuse the primitive boolean
values true and false with truthiness or falsiness of the boolean object.
... any
value that is not false, undefined, null, 0, -0, nan, or the empty string (""), and any object, including a boolean object whose
value is false, is considered truthy when used as the condition.
import - JavaScript
for example, if the module imported above includes an export doalltheamazingthings(), you would call it like this: mymodule.doalltheamazingthings(); import a single export from a module given an object or
value named myexport which has been exported from the module my-module either implicitly (because the entire module is exported) or explicitly (using the export statement), this inserts myexport into the current scope.
...this runs the module's global code, but doesn't actually import any
values.
categories - Web app manifests
there is no standard list of possible
values, but the w3c maintains a list of known categories.
... note: categories
values are lower-cased by the stores and catalogs before processing, so "news" and "news" are treated as the same
value.
orientation - Web app manifests
note: orientation and/or its specific
values might not be supported by a user agent on various display modes because supporting them does not make sense for the particular context.
...
values orientation can take one of the following
values: any natural landscape landscape-primary landscape-secondary portrait portrait-primary portrait-secondary examples "orientation": "portrait-primary" specification specification status comment feedback web app manifestthe definition of 'orientation' in that specification.
related_applications - Web app manifests
examples "related_applications": [ { "platform": "play", "url": "https://play.google.com/store/apps/details?id=com.example.app1", "id": "com.example.app1" }, { "platform": "itunes", "url": "https://itunes.apple.com/app/example-app1/id123456789" } ] related application
values application objects may contain the following
values: member description platform the platform on which the application can be found.
... list of available
values url the url at which the application can be found.
serviceworker - Web app manifests
examples "serviceworker": { "src": "./serviceworker.js", "scope": "/app", "type": "", "update_via_cache": "none" }
values service worker contain the following
values (only src is required): member description src the url to download the service worker script from.
...by default, the scope
value for a service worker registration is set to the directory where the service worker script is located.
<mlabeledtr> - MathML
possible
values are: left, center and right.
... possible
values are: axis, baseline, bottom, center and top.
<mover> - MathML
if false (default
value) the over-script is a limit over the base expression.
...possible
values are: left, center, and right.
<msubsup> - MathML
subscriptshift the minimum space by which to shift the subscript below the baseline of the expression, as a length
value.
... superscriptshift the minimum space by which to shift the superscript above the baseline of the expression, as a length
value.
<mtr> - MathML
possible
values are: left, center and right.
... possible
values are: axis, baseline, bottom, center and top.
<munder> - MathML
if false (default
value), the element is a limit under the base expression.
...possible
values are: left, center, and right.
MathML documentation index - MathML
7
values guide, mathml, mathml reference several mathml presentation elements have attributes that accept length
values used for size or spacing.
...besides operators in strict mathematical meaning, this element also includes "operators" like parentheses, separators like comma and semicolon, or "absolute
value" bars.
Lazy loading - Web Performance
this enables sending the minimal code required to provide
value upfront, improving page-load times.
... you can determine if a given image has finished loading by examining the
value of its boolean complete property.
alphabetic - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value 0 animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'alphabetic' in that specification.
ascent - SVG: Scalable Vector Graphics
if the attribute is not specified, the effect is as if the attribute were set to the difference between the units-per-em
value and the vert-origin-y
value for the corresponding font.
...
value <number> default
value difference between units-per-em and vert-origin-y animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'ascent' in that specification.
baseProfile - SVG: Scalable Vector Graphics
for example, the
value of the attribute could be used by an authoring tool to warn the user when they are modifying the document beyond the scope of the specified base profile.
... only one element is using this attribute: <svg> context notes
value profile name default
value none animatable no example <svg width="120" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg" baseprofile="full"> ...
bias - SVG: Scalable Vector Graphics
this allows representation of
values that would otherwise be clamped to 0 or 1.
... usage notes
value <number> default
value 0 animatable yes one application of bias is when it is desirable to have 0.5 gray
value be the zero response of the filter.
class - SVG: Scalable Vector Graphics
usage context categories none
value <list-of-class-names> animatable yes normative document svg 1.1 (2nd edition): the class attribute list-of-ts <list-of-ts> (where t is some type.) a list consists of a separated sequence of
values.
... the following is a template for an ebnf grammar describing the <list-of-ts> syntax: list-of-ts ::= t | t, list-of-ts within the svg dom,
values of a <list-of-ts> type are represented by an interface specific for the particular type t.
color-rendering - SVG: Scalable Vector Graphics
in this case, the svg user agent should perform color operations in a way that optimizes performance, which might mean sacrificing the color interpolation precision as specified by through the linearrgb
value for color-interpolation-filters.
... r="100" fill="url(#gradient)" color-rendering="optimizequality" /> <text x="45" y="50%" color-rendering="optimizequality">quality-optimized</text> <circle cx="100" cy="100" r="100" color-rendering="optimizespeed" fill="url(#gradient)" style="transform: translatex(240px);" /> <text x="290" y="50%" color-rendering="optimizespeed">speed-optimized</text> </svg> usage notes
value auto | optimizespeed | optimizequality default
value auto animatable yes auto indicates that the user agent shall make appropriate tradeoffs to balance speed and quality, but quality shall be given more importance than speed.
color - SVG: Scalable Vector Graphics
the color attribute is used to provide a potential indirect
value, currentcolor, for the fill, stroke, stop-color, flood-color, and lighting-color attributes.
... usage notes
value <color> | inherit default
value depends on user agent animatable yes example html, body, svg { height: 100%; } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <g color="green"> <rect width="50" height="50" fill="currentcolor" /> <circle r="25" cx="70" cy="70" stroke="currentcolor" fill="none" stroke-width="5" /> </g> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'color' in that sp...
contentStyleType - SVG: Scalable Vector Graphics
the
value specifies a media type, per mime part two: media types [rfc2046].
... usage notes
value one of the content types specified in the media types default
value text/css animatable no since css is the only widely deployed style sheet language for online styling and it's already defined as default
value if contentstyletype is ommitted, the attribute is not well supported in user agents.
direction - SVG: Scalable Vector Graphics
it also may affect the direction in which characters are positioned if the unicode-bidi property's
value is either embed or bidi-override.
... html, body, svg { height: 100%; } <svg viewbox="0 0 600 72" xmlns="http://www.w3.org/2000/svg" direction="rtl" lang="fa"> <text x="300" y="50" text-anchor="middle" font-size="36">داستان svg 1.1 se طولا ني است.</text> </svg> usage notes
value ltr | rtl default
value ltr animatable yes specifications specification status comment css writing modes module level 3the definition of 'direction' in that specification.
filter - SVG: Scalable Vector Graphics
html, body, svg { height: 100%; } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <fegaussianblur stddeviation="2" /> </filter> <rect x="10" y="10" width="80" height="80" filter="url(#blur)" /> </svg> usage notes
value none | <filter-function-list> default
value none animatable yes for a description of the
values see the css filter property.
... working draft extended the
values by several special filter functions.
flood-color - SVG: Scalable Vector Graphics
od-color="skyblue" x="0" y="0" width="200" height="200"/> </filter> <filter id="flood2"> <feflood flood-color="seagreen" x="0" y="0" width="200" height="200"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood2); transform: translatex(220px);" /> </svg> usage notes
value color initial
value black animatable yes specifications specification status comment filter effects module level 1the definition of 'flood-color' in that specification.
... working draft removed the <icccolor>
value and aligned the
value to the css color
value.
font-size-adjust - SVG: Scalable Vector Graphics
« svg attribute reference home the font-size-adjust attribute allows authors to specify an aspect
value for an element that will preserve the x-height of the first choice font in a substitute font.
... </text> </svg> usage notes default
value none
value none | <number> animatable yes none choose the size of the font based only on the font-size property.
font-variant - SVG: Scalable Vector Graphics
n be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-variant="normal">normal text</text> <text x="100" y="20" font-variant="small-caps">small-caps text</text> </svg> usage notes
value normal | none | [ <common-lig-
values> || <discretionary-lig-
values> || <historical-lig-
values> || <contextual-alt-
values> || stylistic( <feature-
value-name> ) || historical-forms || styleset( <feature-
value-name># ) || character-variant( <feature-
value-name># ) || swash( <feature-
value-name> ) || ornaments( <feature-
value-name> ) || annotation( <feature-
value-name> ) || [ small-caps | all...
...-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-
values> || <numeric-spacing-
values> || <numeric-fraction-
values> || ordinal || slashed-zero || <east-asian-variant-
values> || <east-asian-width-
values> || ruby ] default
value normal animatable yes for a description of the
values, please refer to the css font-variant property.
format - SVG: Scalable Vector Graphics
two elements are using this attribute: <altglyph> and <glyphref> context notes
value <string> default
value none animatable no <string> this
value specifies the format of the given font.
... here is a list of font formats and their strings that can be used as
values for this attribute: format string format truedoc-pfr truedoc™ portable font resource embedded-opentype embedded opentype type-1 postscript™ type 1 truetype truetype opentype opentype, including truetype open truetype-gx truetype with gx extensions speedo speedo intellifont intellifont specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'format for <glyphref>' in that specification.
gradientTransform - SVG: Scalable Vector Graphics
late(-35, 0)"> <stop offset="0%" stop-color="darkblue" /> <stop offset="50%" stop-color="skyblue" /> <stop offset="100%" stop-color="darkblue" /> </radialgradient> <rect x="0" y="0" width="200" height="200" fill="url(#gradient1)" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient2)" style="transform: translatex(220px);" /> </svg> usage notes default
value identity transform
value <transform-list> animatable yes <transform-list> a list of transformation functions specifying some additional transformation from the gradient coordinate system onto the target coordinate system.
... working draft defines the <transformation-list>
value.
hanging - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the alignment coordinate for the glyphs.
horiz-adv-x - SVG: Scalable Vector Graphics
value <number> default
value none animatable no <number> this
value indicates the horizontal advance of the glyph.
...
value <number> default
value <font>ʼs horiz-adv-x
value animatable no <number> this
value indicates the horizontal advance of the glyph.
ideographic - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the alignment coordinate for the glyphs.
k - SVG: Scalable Vector Graphics
the
value is in the font coordinate system.
... two elements are using this attribute: <hkern> and <vkern> context notes
value <number> default
value none animatable no <number> this
value indicates the amount for decreasing the spacing between the two glyphs in the kerning pair.
k1 - SVG: Scalable Vector Graphics
the k1 attribute defines one of the
values to be used within the the arithmetic operation of the <fecomposite> filter primitive.
..." k1="10" k2="0" k3="0" k4="0" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k1' in that specification.
k2 - SVG: Scalable Vector Graphics
the k2 attribute defines one of the
values to be used within the the arithmetic operation of the <fecomposite> filter primitive.
..." k1="1" k2="10" k3="0" k4="0" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k2' in that specification.
k3 - SVG: Scalable Vector Graphics
the k3 attribute defines one of the
values to be used within the the arithmetic operation of the <fecomposite> filter primitive.
..." k1="1" k2="0" k3="10" k4="0" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k3' in that specification.
k4 - SVG: Scalable Vector Graphics
the k4 attribute defines one of the
values to be used within the the arithmetic operation of the <fecomposite> filter primitive.
...k1="10" k2="0" k3="0" k4="0.3" /> </filter> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k4' in that specification.
lighting-color - SVG: Scalable Vector Graphics
eight="100%"> <fediffuselighting in="sourcegraphic" lighting-color="blue"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> usage notes
value color default
value white animatable yes specifications specification status comment filter effects module level 1the definition of 'lighting-color' in that specification.
... working draft removed the <icccolor>
value.
marker-mid - SVG: Scalable Vector Graphics
{ height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="circle" markerwidth="8" markerheight="8" refx="4" refy="4"> <circle cx="4" cy="4" r="4" stroke="none" fill="#f00"/> </marker> </defs> <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" marker-mid="url(#circle)"/> </svg> usage notes
value none | <marker-ref> default
value none animatable yes none indicates that no marker symbol shall be drawn at the given vertices.
... <marker-ref> this
value is a reference to a <marker> element, which will be drawn at the given vertices.
markerUnits - SVG: Scalable Vector Graphics
usage notes
value userspaceonuse | strokewidth default
value strokewidth animatable yes userspaceonuse this
value specifies that the markerwidth and markerunits attributes and the contents of the <marker> element represent
values in the current user coordinate system in place for the graphic object referencing the marker (i.e., the user coordinate system for the element referencing the <marker> element via a marker, marker-start, marker-mid, or marker-end property).
... strokewidth this
value specifies that the markerwidth and markerunits attributes and the contents of the <marker> element represent
values in a coordinate system which has a single unit equal the size in user units of the current stroke width (see the stroke-width attribute) in place for the graphic object referencing the marker.
maskContentUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default
value userspaceonuse animatable yes userspaceonuse this
value indicates that all coordinates inside the <mask> element refer to the user coordinate system as defined when the mask was created.
... objectboundingbox this
value indicates that all coordinates inside the <mask> element are relative to the bounding box of the element the mask is applied to.
maskUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default
value objectboundingbox animatable yes userspaceonuse this
value indicates that all coordinates for the geometry attributes refer to the user coordinate system as defined when the mask was created.
... objectboundingbox this
value indicates that all coordinates for the geometry attributes represent fractions or percentages of the bounding box of the element to which the mask is applied.
mathematical - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the alignment coordinate for the glyphs.
media - SVG: Scalable Vector Graphics
sing this attribute: <style> html, body, svg { height: 100%; } <svg viewbox="0 0 240 220" xmlns="http://www.w3.org/2000/svg"> <style> rect { fill: black; } </style> <style media="all and (min-width: 600px)"> rect { fill: seagreen; } </style> <text y="15">resize the window to see the effect</text> <rect y="20" width="200" height="200" /> </svg> usage notes
value <media-query-list> default
value all animatable yes <media-query-list> this
value holds a media query that needs to match in order for the style sheet to be applied.
... candidate recommendation changed the
value definition from different media types as defined in css 2 to <media-query-list>.
name - SVG: Scalable Vector Graphics
value <name> default
value none animatable yes <name> this
value is the name which is used as the first parameter for icc color specifications within fill, stroke, stop-color, flood-color and lighting-color property
values to identify the color profile to use for the icc color specification and the name which can be the
value of the color-profile property.
...
value <name> default
value none animatable yes <name> this
value specifies the name of a local font.
numOctaves - SVG: Scalable Vector Graphics
frequency="0.025" numoctaves="1" /> </filter> <filter id="noise2" x="0" y="0" width="100%" height="100%"> <feturbulence basefrequency="0.025" numoctaves="3" /> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#noise1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#noise2); transform: translatex(220px);" /> </svg> usage notes
value <integer> default
value 1 animatable yes <integer> defines the number of octaves.
... negative
values are forbidden.
opacity - SVG: Scalable Vector Graphics
%" y1="0%" x2="0" y2="100%"> <stop offset="0%" style="stop-color:skyblue;" /> <stop offset="100%" style="stop-color:seagreen;" /> </lineargradient> </defs> <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient)" /> <circle cx="50" cy="50" r="40" fill="black" /> <circle cx="150" cy="50" r="40" fill="black" opacity="0.3" /> </svg> usage notes default
value 1
value <alpha-
value> animatable yes <alpha-
value> the uniform opacity setting to be applied across an entire object, as a <number>.
... any
values outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range.
orientation - SVG: Scalable Vector Graphics
only one element is using this attribute: <glyph> usage notes
value h | v default
value none (meaning glyph can be used for both text directions) animatable yes h this
value indicates that the glyph is only used for a horizontal text direction.
... v this
value indicates that the glyph is only used for a vertical text direction.
patternUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default
value objectboundingbox animatable yes userspaceonuse this
value indicates that all coordinates for the geometry properties refer to the user coordinate system as defined when the pattern was applied.
... objectboundingbox this
value indicates that all coordinates for the geometry properties represent fractions or percentages of the bounding box of the element to which the mask is applied.
points - SVG: Scalable Vector Graphics
value [ <number>+ ]# default
value none animatable yes example html,body,svg { height:100% } <svg viewbox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- polyline is an open shape --> <polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90"/> </svg> polygon for <polygon>, points defines a list of points, each representing a ve...
...
value [ <number>+ ]# default
value none animatable yes example html,body,svg { height:100% } <svg viewbox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- polygon is an closed shape --> <polygon stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'points' in that specification.
repeatDur - SVG: Scalable Vector Graphics
150" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatdur="5s"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatdur="indefinite"/> </rect> </svg> usage notes
value <clock-
value> | indefinite default
values none animatable no <clock-
value> this
value specifies the duration in presentation time to repeat the animation.
... indefinite this
value indicates that the animation will be repeated indefinitely (i.e.
requiredExtensions - SVG: Scalable Vector Graphics
usage notes
value <list-of-extensions> default
value none animatable no <list-of-extensions> the
value is a list of references (iri references in svg 1, url references in svg 2) which identify the required extensions, with the individual
values separated by white space.
...if a null string or empty string
value is given, the attribute evaluates to "false".
scale - SVG: Scalable Vector Graphics
<feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50"/> </filter> <circle cx="100" cy="100" r="80" style="filter: url(#displacementfilter);""/> <circle cx="100" cy="100" r="80" style="filter: url(#displacementfilter2); transform: translatex(240px);""/> </svg> usage notes
value <number> default
value none animatable yes <number> this
value defines the scale factor for the displacement.
... when the
value of this attribute is 0, this operation has no effect on the source image.
side - SVG: Scalable Vector Graphics
> <text> <textpath href="#circle1" side="left">text left from the path</textpath> </text> <text> <textpath href="#circle2" side="right">text right from the path</textpath> </text> <circle id="circle1" cx="100" cy="100" r="70" fill="transparent" stroke="silver"/> <circle id="circle2" cx="320" cy="100" r="70" fill="transparent" stroke="silver"/> </svg> usage notes
value left | right default
value left animatable yes left this
value places the text on the left side of the path (relative to the path direction).
... right this
value places the text on the right side of the path (relative to the path direction).
spacing - SVG: Scalable Vector Graphics
only one element is using this attribute: <textpath> usage notes
value auto | exact default
value exact animatable yes auto this
value indicates that the user agent should use text-on-a-path layout algorithms to adjust the spacing between typographic characters in order to achieve visually appealing results.
... exact this
value indicates that the typographic characters should be rendered exactly according to the spacing rules as specified by the layout rules for text-on-a-path.
stitchTiles - SVG: Scalable Vector Graphics
rm: translate(220px, 0);" /> <rect x="0" y="0" width="100" height="100" style="filter: url(#noise2); transform: translate(320px, 0);" /> <rect x="0" y="0" width="100" height="100" style="filter: url(#noise2); transform: translate(220px, 100px);" /> <rect x="0" y="0" width="100" height="100" style="filter: url(#noise2); transform: translate(320px, 100px);" /> </svg> usage notes
value nostitch | stitch default
value nostitch animatable yes nostitch this
value indicates that no attempt is made to achieve smooth transitions at the border of tiles which contain a turbulence function.
... stitch this
value indicates that the user agent will automatically adjust the x and y
values of the base frequency such that the <feturbulence> node’s width and height (i.e., the width and height of the current subregion) contain an integral number of the tile width and height for the first octave.
stroke-dasharray - SVG: Scalable Vector Graphics
gaps --> <line x1="0" y1="1" x2="30" y2="1" stroke="black" /> <!-- dashes and gaps of the same size --> <line x1="0" y1="3" x2="30" y2="3" stroke="black" stroke-dasharray="4" /> <!-- dashes and gaps of different sizes --> <line x1="0" y1="5" x2="30" y2="5" stroke="black" stroke-dasharray="4 1" /> <!-- dashes and gaps of various sizes with an odd number of
values --> <line x1="0" y1="7" x2="30" y2="7" stroke="black" stroke-dasharray="4 1 2" /> <!-- dashes and gaps of various sizes with an even number of
values --> <line x1="0" y1="9" x2="30" y2="9" stroke="black" stroke-dasharray="4 1 2 3" /> </svg> usage notes
value none | <dasharray> default
value none animatable yes <dashar...
... if an odd number of
values is provided, then the list of
values is repeated to yield an even number of
values.
stroke - SVG: Scalable Vector Graphics
le cx="5" cy="5" r="4" fill="none" stroke="green" /> <!-- stroke a circle with a gradient --> <defs> <lineargradient id="mygradient"> <stop offset="0%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </lineargradient> </defs> <circle cx="15" cy="5" r="4" fill="none" stroke="url(#mygradient)" /> </svg> usage notes
value <paint> default
value none animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'stroke' in that specification.
... legend compatibility unknown compatibility unknown note: for information on using the context-stroke (and context-fill)
values from html documents, see the documentation for the non-standard -moz-context-properties property.
surfaceScale - SVG: Scalable Vector Graphics
value <number> default
value 1 animatable yes fediffuselighting for <fediffuselighting>, surfacescale defines the height of the surface.
...
value <number> default
value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'surfacescale for <fediffuselighting>' in that specification.
targetX - SVG: Scalable Vector Graphics
the
value must be such that: 0 <= targetx < orderx.
... only one element is using this attribute: <feconvolvematrix> usage notes
value <integer> default
value floor(orderx / 2) animatable yes <integer> this
value indicates the positioning in horizontal direction of the convolution matrix relative to a given target pixel in the input image.
targetY - SVG: Scalable Vector Graphics
the
value must be such that: 0 <= targety < ordery.
... only one element is using this attribute: <feconvolvematrix> usage notes
value <integer> default
value floor(ordery / 2) animatable yes <integer> this
value indicates the positioning in vertical direction of the convolution matrix relative to a given target pixel in the input image.
text-decoration - SVG: Scalable Vector Graphics
the fill and stroke, is determined by the
value of the paint-order attribute at the point where the text decoration is declared.
...any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 50" xmlns="http://www.w3.org/2000/svg"> <text y="20" text-decoration="underline">underlined text</text> <text x="0" y="40" text-decoration="line-through">struck-through text</text> </svg> usage notes
value <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> default
value see individual properties animatable yes for a description of the
values, please refer to the css text-decoration property.
transform - SVG: Scalable Vector Graphics
value <transform-list> default
value none animatable yes transform functions the following transform functions can be used by the transform attribute <transform-list> warning: as per the spec, you should be able to also use css transform functions.
... matrix the matrix(<a> <b> <c> <d> <e> <f>) transform function specifies a transformation in the form of a transformation matrix of six
values.
u1 - SVG: Scalable Vector Graphics
if a given unicode character within the set has multiple corresponding <glyph> elements (i.e., there are multiple <glyph> elements with the same unicode attribute
value but different glyph-name
values), then all such glyphs are included in the set.
... two elements are using this attribute: <hkern> and <vkern> context notes
value [ <character> | <urange> ]# default
value none animatable no [ <character> | <urange> ]# this
value indicates a comma-separated sequence of unicode characters and/or ranges of unicode characters, which identify a set of possible first glyphs in a kerning pair.
u2 - SVG: Scalable Vector Graphics
if a given unicode character within the set has multiple corresponding <glyph> elements (i.e., there are multiple <glyph> elements with the same unicode attribute
value but different glyph-name
values), then all such glyphs are included in the set.
... two elements are using this attribute: <hkern> and <vkern> context notes
value [ <character> | <urange> ]# default
value none animatable no [ <character> | <urange> ]# this
value indicates a comma-separated sequence of unicode characters and/or ranges of unicode characters, which identify a set of possible second glyphs in a kerning pair.
units-per-em - SVG: Scalable Vector Graphics
note: this
value is almost always necessary as nearly every other attribute requires the definition of a design grid.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value 1000 animatable no <number> this
value indicates the the number of coordinate units on the em square.
v-alphabetic - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system relative to the glyph-specific vert-origin-x attribute.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'v-alphabetic' in that specification.
v-hanging - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system relative to the glyph-specific vert-origin-x attribute.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the alignment coordinate for the glyphs to achieve hanging baseline alignment.
v-ideographic - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system relative to the glyph-specific vert-origin-x attribute.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the alignment coordinate for the glyphs.
v-mathematical - SVG: Scalable Vector Graphics
the
value is an offset in the font coordinate system relative to the glyph-specific vert-origin-x attribute.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the alignment coordinate for the glyphs.
vert-adv-y - SVG: Scalable Vector Graphics
value <number> default
value 1 em as of units-per-em animatable no <number> this
value indicates the default vertical advance of the glyph in vertical direction glyph, missing-glyph for <glyph> and <missing-glyph> elements, vert-adv-y specifies the vertical advance for a glyph in vertical orientation.
...
value <number> default
value <font>ʼs vert-adv-y
value animatable no <number> this
value indicates the vertical advance of the glyph in vertical direction specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'vert-adv-y for <glyph> and <missing-glyph>' in that specification.
widths - SVG: Scalable Vector Graphics
the widths attribute indicates a list of range
values, each followed by one or more glyph widths.
... only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value is a comma-separated list of ucs range
values as defined in iso 10646, each followed by one or more glyph widths.
z - SVG: Scalable Vector Graphics
value <number> default
value 1 animatable yes fespotlight for <fespotlight>, z defines the location along the z-axis for the light source in the coordinate system established by the primitiveunits attribute on the <filter> element.
...
value <number> default
value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'z for <fepointlight>' in that specification.
SVG Attribute reference - SVG: Scalable Vector Graphics
ing slope spacing specularconstant specularexponent speed spreadmethod startoffset stddeviation stemh stemv stitchtiles stop-color stop-opacity strikethrough-position strikethrough-thickness string stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width style surfacescale systemlanguage t tabindex table
values target targetx targety text-anchor text-decoration text-rendering textlength to transform transform-origin type u u1 u2 underline-position underline-thickness unicode unicode-bidi unicode-range units-per-em v v-alphabetic v-hanging v-ideographic v-mathematical
values vector-effect version vert-adv-y vert-origin-x vert-origin-y viewbox viewtarget visibility...
...-opacity, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, text-decoration, text-rendering, transform, transform-origin, unicode-bidi, vector-effect, visibility, word-spacing, writing-mode filters attributes filter primitive attributes height, result, width, x, y transfer function attributes type, table
values, slope, intercept, amplitude, exponent, offset animation attributes animation attribute target attributes attributetype, attributename animation timing attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill animation
value attributes calcmode,
values, keytimes, keysplines, from, to, by, autoreverse, accelerate, decelerate animation addition attributes additive, accu...
<feDisplacementMap> - SVG: Scalable Vector Graphics
the <fedisplacementmap> svg filter primitive uses the pixel
values from the image from in2 to spatially displace the image from in.
...xc(x,y) and yc(x,y) are the component
values of the channel designated by xchannelselector and ychannelselector.
<feFlood> - SVG: Scalable Vector Graphics
working draft removed <icccolor>
value from flood-color property and defined that the alpha channel of it gets multiplied with the computed
value of the flood-opacity property.
... clarified
value of flood-opacity property.
SVG fonts - SVG: Scalable Vector Graphics
the
value 1000 sets a reasonable
value to work with.
...in the example above the first and most important to be defined is font-family, the
value of which can then be referenced in css and svg font-family properties.
How to turn off form autocompletion - Web security
as website author, you might prefer that the browser not remember the
values for such fields, even if the browser's autocomplete feature is enabled.
...when the user visits the site again, the browser autofills the login fields with the stored
values.
Using custom elements - Web Components
as you can see from its properties, it is possible to act on attributes individually, looking at their name, and old and new attribute
values.
... in this case however, we are just running the updatestyle() function again to make sure that the square's style is updated as per the new
values: attributechangedcallback(name, old
value, new
value) { console.log('custom square element attributes changed.'); updatestyle(this); } note that to get the attributechangedcallback() callback to fire when an attribute changes, you have to observe the attributes.
lang - XPath
if the current node does not have an xml:lang attribute, then the
value of the xml:lang attribute of the nearest ancestor that has an xml:lang attribute will determine the current node's language.
... given this fragment of xml: <p xml:lang="en">i went up a floor.</p> <p xml:lang="en-gb">i took the lift.</p> <p xml:lang="en-us">i rode the elevator.</p> and this part of an xsl template: <xsl:
value-of select="count(//p[lang('en')])" /> <xsl:
value-of select="count(//p[lang('en-gb')])" /> <xsl:
value-of select="count(//p[lang('en-us')])" /> <xsl:
value-of select="count(//p[lang('de')])" /> the output might be: 3 1 1 0 defined xpath 1.0 4.3 gecko support supported.
translate - XPath
example <xsl:
value-of select="translate('the quick brown fox.', 'abcdefghijklmnopqrstuvwxyz', 'abcdefghijklmnopqrstuvwxyz')" /> output the quick brown fox.
... example <xsl:
value-of select="translate('the quick brown fox.', 'brown', 'red')" /> output the quick red fdx.
<xsl:attribute> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:attribute> element creates an attribute in the output document, using any
values that can be accessed from the stylesheet.
... the element must be defined before any other output document element inside the output document element for which it establishes attribute
values.
<xsl:if> - XSLT: Extensible Stylesheet Language Transformations
syntax <xsl:if test=expression> template </xsl:if> required attributes test contains an xpath expression that can be evaluated (using the rules defined for boolean( ) if necessary) to a boolean
value.
... if the
value is true, the template is processed; if it is not, no action is taken.
<xsl:param> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:param> element establishes a parameter by name and, optionally, a default
value for that parameter.
... optional attributes select uses an xpath expression to provide a default
value if none is specified.
Basic Example - XSLT: Extensible Stylesheet Language Transformations
</myns:body> </myns:article> figure 5 : xslt stylesheet <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns:myns="http://devedge.netscape.com/2002/de"> <xsl:output method="html" /> <xsl:template match="/"> <html> <head> <title> <xsl:
value-of select="/myns:article/myns:title"/> </title> <style type="text/css"> .mybox {margin:10px 155px 0 50px; border: 1px dotted #639ace; padding:0 5px 0 5px;} </style> </head> <body> <p class="mybox"> <span class="title"> <xsl:
value-of select="/myns:article/myns:title"/> </span> <br /> authors: <br ...
.../> <xsl:apply-templates select="/myns:article/myns:authors/myns:author"/> </p> <p class="mybox"> <xsl:apply-templates select="//myns:body"/> </p> </body> </html> </xsl:template> <xsl:template match="myns:author"> -- <xsl:
value-of select="." /> <xsl:if test="@company"> :: <b> <xsl:
value-of select="@company" /> </b> </xsl:if> <br /> </xsl:template> <xsl:template match="myns:body"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> </xsl:stylesheet> the example loads using synchronous xmlhttprequest both the .xsl (x...
Exported WebAssembly functions - WebAssembly
they are real functions in the previous example, the return
value of each table.prototype.get() call is an exported webassembly function — exactly what we have been talking about.
... if you try to call a exported wasm function that takes or returns an i64 type
value, it currently throws an error because javascript currently has no precise way to represent an i64.
2015 MDN Fellowship Program - Archive of obsolete content
github: chrisdavidmills twitter: @chrisdavidmills why increase the reach and impact of your expertise grow your skills beyond coding and managing to educating and communicating build something used by hundreds of thousands (or more) developers worldwide directly impact and grow the
value of the open web when application deadline: april 1, 2015 orientation: early june (dates tbd) graduation: august 11-12, 2015 where orientation: a mozilla location (tbd).
Communicating With Other Scripts - Archive of obsolete content
elf = require("sdk/self"); var pageurl = self.data.url("page.html") var pagemod = mod.pagemod({ include: pageurl, contentscriptfile: self.data.url("content-script.js"), contentscriptwhen: "ready" }) tabs.open(pageurl); the target web page "page.html" includes a button and a page script: <html> <head> <meta charset="utf-8"> </head> <body> <input id="message" type="button"
value="send a message"/> <script type="text/javascript" src="page-script.js"></script> </body> </html> the content script "content-script.js" adds an event listener to the button, that sends a custom event containing a message: var messenger = document.getelementbyid("message"); messenger.addeventlistener("click", sendcustomevent, false); function sendcustomevent() { var greeting = {"greetin...
Cross-domain Content Scripts - Archive of obsolete content
ontent = summary; }; request.send(); }); function getsummary(forecast) { return forecast.regionalfcst.fcstperiods.period[0].paragraph[0].$; } finally, we need to add the "cross-domain-content" key to "package.json": "permissions": { "cross-domain-content": ["http://datapoint.metoffice.gov.uk"] } content permissions and unsafewindow if you use "cross-domain-content", then javascript
values in content scripts will not be available from pages.
self - Archive of obsolete content
postmessage() send a message from a content script to a listener in the main add-on code: self.postmessage(contentscriptmessage); this takes a single parameter, the message payload, which may be any json-serializable
value.
Communicating using "postMessage" - Archive of obsolete content
handling message events in the content script to send a message from a content script, you use the postmessage function of the global self object: self.postmessage(contentscriptmessage); this takes a single parameter, the message payload, which may be any json-serializable
value.
Modules - Archive of obsolete content
this becomes a problem when two scripts try to define the same property: // index.js: loadscript("www.foo.com/a.js"); loadscript("www.foo.com/b.js"); foo; // => 5 // a.js: foo = 3; // b.js: foo = 5; in the above example, the
value of foo depends on the order in which the subscripts are loaded: there is no way to access the property foo defined by "a.js", since it is overwritten by "b.js".
Private Properties - Archive of obsolete content
a weakmap is very similar to an ordinary hash map, but differs from it in two crucial ways: it can use ordinary objects as keys it does not maintain a strong reference to its
values to understand how weakmaps are used in practice, the following rewrites the thumbnail cache using a weakmap: let thumbnails = new weakmap(); function getthumbnail(image) { let thumbnail = thumbnails.get(image); if (!thumbnail) { thumbnail = createthumbnail(image); thumbnails.set(image, thumbnail); } return thumbnail; } this version suffers from none of the p...
Program ID - Archive of obsolete content
when you create an xpi with jpm xpi: if the package.json does not include an id field, then the id written into the install.rdf is the
value of the name field prepended with "@".
XUL Migration Guide - Archive of obsolete content
this simple example modifies the selected tab's css to enable the user to highlight the selected tab: function highlightactivetab() { var window = require("sdk/window/utils").getmostrecentbrowserwindow(); var tab = require("sdk/tabs/utils").getactivetab(window); if (tab.style.getproperty
value('background-color')) { tab.style.setproperty('background-color','','important'); } else { tab.style.setproperty('background-color','rgb(255,255,100)','important'); } } require("sdk/ui/button/action").actionbutton({ id: "highlight-active-tab", label: "highlight active tab", icon: "./icon-16.png", onclick: highlightactivetab }); security implications the sdk implements a s...
Using XPCOM without chrome - Archive of obsolete content
('sdk/platform/xpcom'); const { placesutils } = require("resource://gre/modules/placesutils.jsm"); let bmlistener = class({ extends: unknown, interfaces: [ "nsinavbookmarkobserver" ], //this event most often handles all events onitemchanged: function(bid, prop, an, nv, lm, type, parentid, aguid, aparentguid) { console.log("onitemchanged", "bid: "+bid, "property: "+prop, "isanno: "+an, "new
value: "+nv, "lastmod: "+lm, "type: "+type, "parentid:"+parentid, "aguid:"+aguid);0 // code to handle the event here } }); //we just have a class, but need an object.
Alerts and Notifications - Archive of obsolete content
var message = 'another pop-up blocked'; var box = gbrowser.getnotificationbox(); var notification = box.getnotificationwith
value('popup-blocked'); if (notification) { notification.label = message; } else { var buttons = [{ label: 'button', accesskey: 'b', popup: 'blockedpopupoptions', callback: null }]; let priority = box.priority_warning_medium; box.appendnotification(message, 'popup-blocked', 'chrome://browser/skin/info.png', ...
Bookmarks - Archive of obsolete content
// an nsinavbookmarkobserver var myext_bookmarklistener = { onbeginupdatebatch: function() {}, onendupdatebatch: function() {}, onitemadded: function(aitemid, afolder, aindex) {}, onitemremoved: function(aitemid, afolder, aindex) {}, onitemchanged: function(abookmarkid, aproperty, aisannotationproperty, a
value) { myextension.dosomething(); }, onitemvisited: function(abookmarkid, avisitid, time) {}, onitemmoved: function(aitemid, aoldparent, aoldindex, anewparent, anewindex) {}, queryinterface: xpcomutils.generateqi([components.interfaces.nsinavbookmarkobserver]) }; // an extension var myextension = { // this function is called when my add-on is loaded onload: function() { bmsvc.addo...
Downloading Files - Archive of obsolete content
var privacy = privatebrowsingutils.privacycontextfromwindow(urlsourcewindow); var hardcodedusername = "ericjung"; var hardcodedpassword = "foobar"; persist.progresslistener = { queryinterface: xpcomutils.generateqi(["nsiauthprompt"]), // implements nsiauthprompt prompt: function(dialogtitle, text, passwordrealm, savepassword, defaulttext, result) { result.
value = hardcodedpassword; return true; }, promptpassword: function(dialogtitle, text, passwordrealm, savepassword, pwd) { pwd.
value = hardcodedpassword; return true; }, promptusernameandpassword: function(dialogtitle, text, passwordrealm, savepassword, user, pwd) { user.
value = hardcodedusername; pwd.
value = hardcodedpassword; return true; } }; persist.saveuri(urltos...
Drag & Drop - Archive of obsolete content
ents.interfaces.nsitransferable); trans.adddataflavor("text/x-moz-url"); trans.adddataflavor("application/x-moz-file"); for (var i=0; i<dragsession.numdropitems; i++) { var uri = null; dragsession.getdata(trans, i); var flavor = {}, data = {}, length = {}; trans.getanytransferdata(flavor, data, length); if (data) { try { var str = data.
value.queryinterface(components.interfaces.nsisupportsstring); } catch(ex) { } if (str) { uri = _ios.newuri(str.data.split("\n")[0], null, null); } else { var file = data.
value.queryinterface(components.interfaces.nsifile); if (file) uri = _ios.newfileuri(file); } } if (uri) uris.push...
Embedding SVG - Archive of obsolete content
2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- xul and svg go here --> </window> example: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <vbox> <label
value="hello"/> <svg:svg version="1.1" baseprofile="full" width="150" height="150"> <svg:rect x="10" y="10" width="100" height="100" fill="red"/> <svg:circle cx="50" cy="50" r="30" fill="blue"/> </svg:svg> <label
value="world"/> </vbox> </window> ...
Finding window handles - Archive of obsolete content
// that child is hopefully the content window if (htemp) { htemp = ::getwindow(htemp, gw_child); hcontent = ::findwindowex(htemp, 0, "mozillacontentwindowclass", 0); } } // at this point hcontent is null or the content window hwnd i am not sure how "fragile" the assumptions are about the window structure, but it matched the
values i got from spy++.
Forms related code snippets - Archive of obsolete content
"getmonth" : "getfullyear"]() + ndelta); othiscal.writedays(); return false; } function ondayclick () { const othiscal = ainstances[this.id.replace(rbgnandend, "")]; othiscal.target.
value = (this.innerhtml / 100).tofixed(2).substr(-2) + "\/" + (othiscal.current.getmonth() + 1) + "\/" + othiscal.current.getfullyear(); othiscal.container.parentnode.removechild(othiscal.container); return false; } function buildcalendars () { const afields = document.getelementsbyclassname(sdpclass), nlen = afields.length; for (var nitem = 0; nitem < nlen; new datepicker(afields[...
HTML to DOM - Archive of obsolete content
let's take a look at the donkeyfire.donkeybrowser_onpageload() handler: donkeybrowser_onpageload: function(aevent) { var doc = aevent.originaltarget; var url = doc.location.href; if (aevent.originaltarget.nodename == "#document") { // ok, it's a real page, let's do our magic dump("[df] url = "+url+"\n"); var text = doc.evaluate("/html/body/h1",doc,null,xpathresult.string_type,null).string
value; dump("[df] text in /html/body/h1 = "+text+"\n"); } }, as you can see, we obtain full access to the dom of the page we loaded in background, and we can even evaluate xpath expressions.
LookupPrefix - Archive of obsolete content
+) { var att = originalelement.attributes[i]; xmlnspattern.lastindex = 0; var localname = att.localname || att.name.substr(att.name.indexof(':')+1); // latter test for ie which doesn't support localname if (localname.indexof(':') !== -1) { // for firefox when in html mode localname = localname.substr(att.name.indexof(':')+1); } if ( xmlnspattern.test(att.name) && att.
value === namespaceuri && lookupnamespaceuri(originalelement, localname) === namespaceuri ) { return localname; } } } if (originalelement.parentnode) { // entityreferences may have to be skipped to get to it return _lookupnamespaceprefix(namespaceuri, originalelement.parentnode); } return null; } ...
QuerySelector - Archive of obsolete content
tion (selector) { // only for html return this.queryselector(selector); }; example: <h1>test!</h1> <script> htmldocument.prototype.$ = function (selector) { return this.queryselector(selector); }; alert(document.$('h1')); // [object htmlheadingelement] </script> xuldocument.prototype.$ = function (selector) { // only for xul return this.queryselector(selector); }; example: <label
value="test!"/> <script type="text/javascript"><![cdata[ xuldocument.prototype.$ = function (selector) { // only for xul return this.queryselector(selector); }; alert(document.$('label')); // [object xulelement] ]]></script> document.prototype.$ = function (selector) { // only for plain xml return this.queryselector(selector); }; var foo = document.implementation.createdocument('somens', 'foo...
Rosetta - Archive of obsolete content
cript() \u2013 unknown mime-type \"" + smimetype + "\": script ignored."); return; } var ocompiled = document.createelement("script"); oscript.parentnode.insertbefore(obaton, oscript); oscript.parentnode.removechild(oscript); for (var aattrs = oscript.attributes, nattr = 0; nattr < aattrs.length; nattr++) { ocompiled.setattribute(aattrs[nattr].name, aattrs[nattr].
value); } ocompiled.type = "text\/ecmascript"; if (oxhr200) { ocompiled.src = "data:text\/javascript," + encodeuricomponent(odicts[smimetype](oxhr200.responsetext)); } ocompiled.text = oxhr200 ?
SVG General - Archive of obsolete content
attr_map[attribute] : attribute); var
value = attributes[attribute]; if (attribute in ns_map) elem.setattributens(ns_map[attribute], name,
value); else elem.setattribute(name,
value); } return elem; } attributes are packed in a literal object and the helper script unpacks them and adds them to the element.
Scrollbar - Archive of obsolete content
so to make this work with osx, make an extra override: override chrome://global/skin/nativescrollbars.css chrome://app-global/skin/scrollbars.css change some color
values inside the app/chrome/skin/global/scrollbars.css to test that the css is used.
Sidebar - Archive of obsolete content
for this snippet to work, you have to declare mainwindow as in the previous code block then write: mainwindow.document.getelementbyid("sidebar-splitter").hidden = true; be aware that if you change the splitter's hidden attribute, you need to reset it to a safe
value when your sidebar is closed, or replaced by another sidebar.
Tree - Archive of obsolete content
<tree id="my-tree" onclick="ontreeclicked(event)"> use the following javascript: function ontreeclicked(event){ var tree = document.getelementbyid("my-tree"); var tbo = tree.treeboxobject; // get the row, col and child element at the point var row = { }, col = { }, child = { }; tbo.getcellat(event.clientx, event.clienty, row, col, child); var celltext = tree.view.getcelltext(row.
value, col.
value); alert(celltext); } getting the selected indices of a multiselect tree var start = {}, end = {}, numranges = tree.view.selection.getrangecount(), selectedindices = []; for (var t = 0; t < numranges; t++){ tree.view.selection.getrangeat(t, start, end); for (var v = start.
value; v <= end.
value; v++) selectedindices.push(v); } other resources xul: tree docu...
getAttributeNS - Archive of obsolete content
ile (thisitem.nodename !== '#document' && thisitem.nodename !== '#document-fragment') { attrs2 = thisitem.attributes; for (var i = 0; i < attrs2.length; i++) { // search for any prefixed xmlns declaration on thisitem which match prefixes found above with desired local name if (attrs2[i].nodename.match(xmlnsprefix) && attrs2[i].node
value === ns ) { // e.g., 'xmlns:xlink' and 'http://www.w3.org/1999/xlink' return attrs[j].node
value; } } thisitem = thisitem.parentnode; } } } return ''; // if not found (some implementations return 'null' but this is not standard) } alert(getattributenswrapper (someelement, 'http://www.w3.org/1999/xlink', 'hre...
Migrating from Internal Linkage to Frozen Linkage - Archive of obsolete content
the frozen string api does not have (or need) nsxpidlstring: - nsxpidlstring
value; + nsstring
value; ptr->gettermethod(getter_copies(
value)); - const prunichar *str
value =
value; + // nsstring doesn't cast directly to prunichar*, use .get()+ const prunichar *str
value =
value.get(); the frozen string api doesn't accept a length for .truncate().
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
someexistingobject.someproperty = "abc"; // we already demonstrated with with functions in a previous example alternative: object.defineproperty() for most objects it is possible to (re-)define properties with the object.defineproperty() api, which allows to not override
values, but also lets you define getters and setters.
Intercepting Page Loads - Archive of obsolete content
it actually allows for cleaner-looking code than most of the previously seen solutions, because you get the content uri directly as an argument, and you indicate if the content should be loaded or not with the return
value, which has well-defined possible
values.
Tabbed browser - Archive of obsolete content
var url = "https://developer.mozilla.org"; var tab = gbrowser.addtab(null, {relatedtocurrent: true}); gsessionstore.settabstate(tab, json.stringify({ entries: [ { title: url } ], usertyped
value: url, usertypedclear: 2, lastaccessed: tab.lastaccessed, index: 1, hidden: false, attributes: {}, image: null })); reusing tabs rather than open a new browser or new tab each and every time one is needed, it is good practice to try to re-use an existing tab which already displays the desired url--if one is already open.
Makefile - .mk files - Archive of obsolete content
makefile description client.mk top level makefile which controls the overall build config/android-common.m config/autoconf.mk config/rules.mk targets (export, deps, libs, tools) and generic build rules config/static-checking-config.mk config/version.mk makefile description config/myconfig.mk user defined build configuration
values config/myrules.mk user defined makefile rules for building $(topsrcdir)/$(moz_build_app)/app-config.mk application specific build configuration ...
Monitoring WiFi access points - Archive of obsolete content
y.privilegemanager.enableprivilege('universalxpconnect'); var d = document.getelementbyid("d"); d.innerhtml = ""; for (var i=0; i<accesspoints.length; i++) { var a = accesspoints[i]; d.innerhtml += "<p>" + a.mac + " " + a.ssid + " " + a.signal + "</p>"; } var c = document.getelementbyid("c"); c.innerhtml = "<p>" + count++ + "</p>"; }, onerror: function (
value) { alert("error: " +
value); }, queryinterface: function(iid) { netscape.security.privilegemanager.enableprivilege('universalxpconnect'); if (iid.equals(components.interfaces.nsiwifilistener) || iid.equals(components.interfaces.nsisupports)) return this; throw components.results.ns_error_no_interface; }, } netscape.security.privilegem...
Visualizing an audio spectrum - Archive of obsolete content
ssuming interlaced stereo channels, // need to split and merge into a stero-mix mono signal signal[i] = (fb[2*i] + fb[2*i+1]) / 2; } fft.forward(signal); // clear the canvas before drawing spectrum ctx.clearrect(0,0, canvas.width, canvas.height); for (var i = 0; i < fft.spectrum.length; i++ ) { // multiply spectrum by a zoom
value magnitude = fft.spectrum[i] * 4000; // draw rectangle bars for each frequency bin ctx.fillrect(i * 4, canvas.height, 3, -magnitude); } } var audio = document.getelementbyid('audio-element'); audio.addeventlistener('mozaudioavailable', audioavailable, false); audio.addeventlistener('loadedmetadata', loadedmetadata, false); // f...
Creating a Firefox sidebar extension - Archive of obsolete content
n="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css" ?> <?xml-stylesheet href="chrome://browser/skin/browser.css" type="text/css" ?> <!doctype page system "chrome://emptysidebar/locale/emptysidebar.dtd"> <page id="sbemptysidebar" title="&emptysidebar.title;" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" > <vbox flex="1"> <label id="atest"
value="&emptysidebar.title;" /> </vbox> </page> new extensions can be registered in the menus or popups, firefox uses overlays for extending menus.
Specifying the appearance - Archive of obsolete content
and reference it at the top of that file right under the global stylesheet reference: <?xml-stylesheet href="chrome://navigator/skin/" type="text/css"?> <?xml-stylesheet href="chrome://navigator/content/tinderstatus.css" type="text/css"?> our css rules use the list-style-image property to define an image to appear when our status bar panel, identified by its id attribute, has a given
value for its status attribute.
box - Archive of obsolete content
examples <box orient="horizontal"> <label
value="zero"/> <box orient="vertical"> <label
value="one"/> <label
value="two"/> </box> <box orient="horizontal"> <label
value="three"/> <label
value="four"/> </box> </box> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equals...
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.
dropmarker - Archive of obsolete content
sertafter, 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.
grid - Archive of obsolete content
the second column is twice as big as the first column --> <groupbox> <caption label="details"/> <grid> <columns> <column flex="1"/> <column flex="2"/> </columns> <rows> <row> <label
value="user name"/> <textbox id="user"/> </row> <row> <label
value="group"/> <menulist> <menupopup> <menuitem label="accounts"/> <menuitem label="sales" selected="true"/> <menuitem label="support"/> </menupopup> </menulist> </row> </rows> </grid> </groupbox> attributes inherited from xu...
groupbox - Archive of obsolete content
sertafter, 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.
popupset - Archive of obsolete content
examples <popupset> <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </popupset> <label
value="right click for popup" context="clipmenu"/> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ord...
toolbarseparator - Archive of obsolete content
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.
toolbarspacer - Archive of obsolete content
sertafter, 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.
toolbarspring - Archive of obsolete content
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.
treecols - Archive of obsolete content
sertafter, 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.
vbox - Archive of obsolete content
example <!-- two labels at bottom --> <vbox> <spacer flex="1"/> <label
value="one"/> <label
value="two"/> </vbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, per...
Application Update - Archive of obsolete content
pref("app.update.url.manual", "http://yourserver.net/yourpage"); // a default
value for the "more information about this update" link // supplied in the "an update is available" page of the update wizard.
CommandLine - Archive of obsolete content
onents.results.ns_error_no_interface; }, /* nsicommandlinehandler */ handle : function clh_handle(acmdline) { var observerservice = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); observerservice.notifyobservers(acmdline, "commandline-args-changed", null); }, helpinfo : " -test <
value> a test attribute\n", /* nsifactory */ createinstance : function mdh_ci(aouter, aiid) { if (aouter != null) { throw components.results.ns_error_no_aggregation; } return this.queryinterface(aiid); }, lockfactory : function mdh_lock(alock) { /* no-op */ } }; var apphandlermodule = { /* nsisupports */ queryinterface : function mod_qi(aiid) { i...
Custom app bundles for Mac OS X - Archive of obsolete content
ings) example.icns (this is the icon which will be used by your application bundle) chrome/ content/ example.xul (this directory contains your application's chrome) example.manifest defaults/ preferences/ app-prefs.js (this provides some default
values for preferences) application bundle contents in addition to the standard directory hierarchy that's required of all mac os x applications, as shown above in application bundle layout, there are some specific rules for what content goes where: the top-level directory is given a name that ends with .app which designates the who...
MacFAQ - Archive of obsolete content
s[0]){ try { var cmdline = window.arguments[0] .queryinterface(components.interfaces.nsicommandline); for (var i = 0; i < cmdline.length; ++i) { debug(cmdline.getargument(i)) } } catch(ex) { debug(window.arguments[0]) // do something with window.arguments[0] //nspreferences.setunicharpref("myxul.cmdline
value", window.arguments[0]) } window.addeventlistener("load", checkotherwindows , false); } ]]></script> </window> ...
XUL Explorer - Archive of obsolete content
support attribute
value checking where appropriate (boolean and enumerated
values) - xul checker support “best practice” checks such as: using of commands and keys, strings in dtds and so on - xul checker multi-tabbed editor support support wizards to generate common projects - extensions support extension testing using firefox extension test mode venkman support dom inspector support future: support more...
Mozprofile - Archive of obsolete content
block.xpi"]) setting preferences preferences can be set in several ways: using the api: you can pass preferences in to the profile class's constructor: obj = firefoxprofile(preferences=[("accessibility.typeaheadfind.flashbar", 0)]) using a json blob file: mozprofile --preferences myprefs.json using a .ini file: mozprofile --preferences myprefs.ini via the command line: mozprofile --pref key:
value --pref key:
value [...] when setting preferences from an .ini file or the --pref switch, the
value will be interpolated as an integer or a boolean (true/false) if possible.
reftest opportunities files - Archive of obsolete content
est/tborder1 http://dbaron.org/css/test/tborder2 http://dbaron.org/css/test/sec1706c http://dbaron.org/css/test/sec1801 http://dbaron.org/css/test/sec1802 http://dbaron.org/css/test/sec1803 http://dbaron.org/css/test/outline http://dbaron.org/css/test/sq_small http://dbaron.org/css/test/sq_large tests from mozilla source tree parser/htmlparser/tests/html/xmp005.html parser/htmlparser/tests/html/
value001.html parser/htmlparser/tests/html/utf8001.html parser/htmlparser/tests/html/usascii.html parser/htmlparser/tests/html/title01.html parser/htmlparser/tests/html/title.html parser/htmlparser/tests/html/tiny.html parser/htmlparser/tests/html/thead001.html parser/htmlparser/tests/html/text003.html parser/htmlparser/tests/html/text002.html parser/htmlparser/tests/html/text001.html parser/htmlparser...
NP_Port - Archive of obsolete content
the np_port is valid for the lifetime of the npwindow, that is, until npp_setwindow is called again with a different
value or the instance is destroyed.
NPAPI plug-in side API - Archive of obsolete content
npp_destroy npp_destroystream npp_get
value np_get
value npp_handleevent np_initialize npp_new npp_newstream npp_print npp_set
value npp_setwindow np_shutdown npp_streamasfile npp_urlnotify npp_write npp_writeready ...
.htaccess ( hypertext access ) - Archive of obsolete content
php_
value auto_prepend_file "/real/path/to/file/functions.php" # adds function.php at the top of requested document php_
value auto_append_file "/real/path/to/file/footer.php" # adds footer.html at bottom of requested document customized error responses : user can be directed to different pages depending on the error they caused or by the webserver.
Vulnerabilities - Archive of obsolete content
an example is an input validation error, such as user-provided input not being properly evaluated for malicious character strings and overly long
values associated with known attacks.
Table Reflow Internals - Archive of obsolete content
absolutely positioned elements) reflows reflowee and passes a reflow state (in) and a reflow metrics (in/out) review of reflow the reflow state: is a node in a tree structurally equivalent to the frame tree of reflow participants contains: reflow type, avail size, various computed
values, resolved style structs possible request for preferred size and more.
Scratchpad - Archive of obsolete content
inspect the inspect option executes the code just like the run option; however, after the code returns, an object inspector is opened to let you examine the returned
value.
Summary of Changes - Archive of obsolete content
block-level elements deprecated bgcolor css1 background-color: ; non-standard embed html 4.01 object deprecated applet html 4.01 object non-standard marquee html 4.01 div plus scripting non-standard bgsound html 4.01 object proprietary or deprecated feature w3c feature or recommended replacement ie5+ id_attribute_
value document.all.id_attribute_
value document.all[id_attribute_
value] dom level 2: document.getelementbyid(id_attribute_
value) ie5+ formname.inputname.
value dom level 1: document.forms["formname"].inputname.
value ie5+ inputname.
value dom level 1: document.forms["formname"].inputname.
value ie5+ formctrlname dom level 1: document.fo...
-ms-ime-align - Archive of obsolete content
initial
valueautoapplies toall elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax /* keyword
values */ -ms-ime-align: auto; -ms-ime-align: after;
values auto initial
value.
-ms-overflow-style - Archive of obsolete content
initial
valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritedyescomputed
valueas specifiedanimation typediscrete syntax
values auto the initial
value.
-ms-wrap-through - Archive of obsolete content
initial
valuewrapapplies toblock-level elementsinheritednocomputed
valueas specifiedanimation typediscrete syntax
values wrap the exclusion element inherits its parent node's wrapping context.
:-moz-system-metric() - Archive of obsolete content
syntax
values -moz-windows-compositormedia: media/visual accepts min/max prefixes: no:-moz-system-metric(images-in-menus)the :-moz-system-metric(images-in-menus) css pseudo-class matches an element if the computer's user interface supports images in menus.:-moz-system-metric(mac-graphite-theme):-moz-system-metric(mac-graphite-theme) will match an element if the user has chosen the "graphite" appearance in the "appearance" prefpane of the mac os x system preferences.:-moz-system-metric(scrollbar-end-backward)the :-moz-system-metric(...
::-ms-browse - Archive of obsolete content
round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-browse example html <label>select image: <input type="file"></label> css input...
::-ms-check - Archive of obsolete content
round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-check example html <form> <label for="redbutton">red</label> <input type="rad...
::-ms-expand - Archive of obsolete content
round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-clear specifications not part of any specification.
::-ms-ticks-after - Archive of obsolete content
round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-tic...
::-ms-ticks-before - Archive of obsolete content
round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-tic...
::-ms-track - Archive of obsolete content
round-size border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-left-color border-left-style border-left-width border-right-color border-right-style border-right-width border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width box-shadow box-sizing color cursor display (
values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top -ms-background-position-x -ms-background-position-y -ms-high-contrast-adjust opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-tra...
ECMAScript 2016 to ES.Next support in Mozilla - Archive of obsolete content
ecmascript 2016 array.prototype.includes() (firefox 43) typedarray.prototype.includes() (firefox 43) exponentiation operator (firefox 52) ecmascript 2017 object.
values() (firefox 47) object.entries() (firefox 47) string.prototype.padstart() (firefox 48) string.prototype.padend() (firefox 48) object.getownpropertydescriptors() (firefox 50) async functions async function (firefox 52) async function expression (firefox 52) asyncfunction (firefox 52) await (firefox 52) trailing commas in function parameter lists (firefox 52) ecmascript ...
Generator comprehensions - Archive of obsolete content
an array comprehension would create a full array in memory containing the doubled
values: var doubles = [for (i in it) i * 2]; a generator comprehension on the other hand would create a new iterator which would create doubled
values on demand as they were needed: var it2 = (for (i in it) i * 2); console.log(it2.next()); // the first
value from it, doubled console.log(it2.next()); // the second
value from it, doubled when a generator comprehension is used as the argument to a f...
JavaArray - Archive of obsolete content
in addition, the tostring method is inherited from the object object and returns the following
value: [object javaarray] you must specify a class object, such as one returned by java.lang.object.forname, for the componenttype parameter of newinstance when you use this method to create an array.
background-size - Archive of obsolete content
if so, feel free to change the en/css_reference/property_template and all css property pages ; ) start with -webkit-background-size and investigate support of contain and cover keywords and "omitted second
value" behavior.
Reference - Archive of obsolete content
--nickolay 18:40, 16 july 2006 (pdt) js 1.2 and gecko 1.8 per the fix for bug 255895, "javascript1.2"
values for the script's language attribute no longer work, e.g.
RFE to the Custom Controls Interfaces - Archive of obsolete content
in short, we have the following interfaces: nsixformsaccessors - serves to get/set the
value of the instance data node that the xforms element is bound to as well as getting the various states of that node nsixformsdelegate - used to obtain the nsixformsaccessors interface nsixformsuiwidget - used by the xforms processor to update the
value/state of an xforms element when its bound node's
value/state is changed our current mechanism that allows authors to build custom controls assumes that the controls will be bound to instance nodes of simple content type.
RFE to the XForms API - Archive of obsolete content
as an example, the nsixformsaccessors interface which allows a user to get/set the
value of an instance node and get the state of an instance node, is exposed by the nsixformsdelegate interface using the accessors property.
XForms Message Element - Archive of obsolete content
representations it may be represented in the following ways: modal window - if level attribute
value is modal modeless window - if level attribute
value is modeless tooltip window - if level attribute
value is ephemeral note: message element doesn't define a default presentation.
XForms - Archive of obsolete content
other strengths that xforms brings to the table is the separation of data from presentation, strong data typing, the ability to submit xml data to servers instead of name/
value pairs, and a descriptive way to author forms so that they can be displayed by a wide variety of devices.
Displaying a graphic with audio samples - Archive of obsolete content
need to split and merge into a stero-mix mono signal signal[i] = (fb[2*i] + fb[2*i+1]) / 2; } // clear the canvas before drawing spectrum ctx.fillstyle = "rgb(0,0,0)"; ctx.fillrect (0,0, canvas.width, canvas.height); ctx.fillstyle = "rgb(255,255,255)"; for (var i = 0; i < signal.length; i++ ) { // multiply spectrum by a zoom
value magnitude = signal[i] * 1000; // draw rectangle bars for each frequency bin ctx.fillrect(i * 4, canvas.height, 3, -magnitude); } ctx.drawimage(document.getelementbyid('mozlogo'),0,0, canvas.width, canvas.height); } var audio = document.getelementbyid('audio-element'); audio.addeventlistener('mozaudioavailable', audioavail...
Audio for Web games - Game development
here's a bit of code that given a tempo (the time in seconds of your beat/bar) will calculate how long to wait until you play the next part — you feed the resulting
value to the start() function with the first parameter, which takes the absolute time of when that playback should commence.
Implementing game control mechanisms - Game development
} it will be created once at the start of the game, and will execute this.clickenclave() action assigned to it when clicked, but you can also use the mouse's pointer
value in the update() function to make an action: update: function() { // ...
Collision detection - Game development
update the following part of the code as indicated by the highlighted line: var bricks = []; for(var c=0; c<brickcolumncount; c++) { bricks[c] = []; for(var r=0; r<brickrowcount; r++) { bricks[c][r] = { x: 0, y: 0, status: 1 }; } } next we'll check the
value of each brick's status property in the drawbricks() function before drawing it — if status is 1, then draw it, but if it's 0, then it was hit by the ball and we don't want it on the screen anymore.
Paddle and keyboard controls - Game development
add these lines somewhere near the rest of your variables: var rightpressed = false; var leftpressed = false; the default
value for both is false because at the beginning the control buttons are not pressed.
Track the score and win - Game development
to award a score each time a brick is hit, add a line to the collisiondetection() function to increment the
value of the score variable each time a collision is detected.
Animations and tweens - Game development
it takes an object containing the chosen parameter's desired ending
values (scale takes a scale
value, 1 being 100% of size, 0 being 0% of size, etc.), the time of the tween in milliseconds and the type of easing to use for the tween.
Build the brick field - Game development
brickx and bricky lines as follows: var brickx = (c*(brickinfo.width+brickinfo.padding))+brickinfo.offset.left; var bricky = (r*(brickinfo.height+brickinfo.padding))+brickinfo.offset.top; each brickx position is worked out as brickinfo.width plus brickinfo.padding, multiplied by the column number, c, plus the brickinfo.offset.left; the logic for the bricky is identical except that it uses the
values for row number, r, brickinfo.height, and brickinfo.offset.top.
Buttons - Game development
new variables we will need a variable to store a boolean
value representing whether the game is currently being played or not, and another one to represent our button.
Extra lives - Game development
ght-5); game.input.ondown.addonce(function(){ lifelosttext.visible = false; ball.body.velocity.set(150, -150); }, this); } else { alert('you lost, game over!'); location.reload(); } } instead of instantly printing out the alert when you lose a life, we first subtract one life from the current number and check if it's a non-zero
value.
IPDL Type Serialization
it is never acceptable to serialize/deserialize raw pointer
values; if you are tempted, you probably should create a subprotocol for that data, so that ipdl can check the
values and lifetime.
Infallible memory allocation
when using these, you must check to ensure the resulting
value isn't null before attempting to use the returned memory.
JavaScript Tips
instead, use instanceof, e,g,: if (target instanceof components.interfaces.nsirdfresource) return target.
value; if (target instanceof components.interfaces.nsirdfliteral) return target.
value; return null; don't test the return
value of queryinterface, it always returns the original variable if it succeeds.
AddonType
built-in
values:
value category 2000 locale 4000 extension 5000 theme 6000 plugin viewtype integer the type of ui to use to display this type of add-on in the ui.
UpdateCheckListener
void onupdatecheckerror( in integer status ) parameters status a
value representing the type of failure; see the range of possible
values.
Downloads.jsm
for example, the properties that handle progress are now more detailed and don't use the special
value -1 anymore.
Interfacing with the Add-on Repository
recurl = ""; try { recurl = prefbranch.getcharpref("getaddons.recommended.url"); } catch(e) { recurl = ""; } if (recurl == "") { prefbranch.setcharpref("getaddons.recommended.url", "https://services.addons.mozilla.org/%locale%/%app%/api/%api_version%/list/recommended/all/%max_results%/%os%/%version%?src=firefox"); prefsservice.savepreffile(null); } this fetches the
value of the extensions.getaddons.recommended.url preference, and, if the preference doesn't exist or has no
value, sets the
value of the preference to the correct one for the amo site.
Log.jsm
structuredformatter(); length: 0 keys of prototype: format(); method overview enumerateinterfaces(); length: 0 enumerateproperties(); length: 2 member fields variable type description level object contains the following fields: field name
value all 0 config 30 debug 20 desc { 0: "all", 10: "trace", 20: "debug", 30: "config", 40: "info", 50: "warn", 60: "error", 70: "fatal" } error 30 fatal 70 info 40 numbers { "all":...
PromiseUtils.jsm
return
value a new object, containing the new promise in the promise property, and the methods to change its state in the resolve and reject properties.
Bootstrapping a new locale
--> after the localization notes, you will see a list of <!entity> strings like the following: <!entity certerror.pagetitle "untrusted connection"> you should go through each entity, translating the
value in the parameters (e.g.
Localizing extension descriptions
d matches your application id from install.rdf and path_to_localization_file is the chrome path to the localization file you added to earlier): pref("extensions.extension_id.description", "path_to_localization_file"); localizable strings the following add-on metadata can be localized using this process: name description creator homepageurl localizable lists in cases where multiple
values can exist, a numeric index is appended to the end of the preference name: extensions.extension_id.contributor.1=first_localized_contributor_name extensions.extension_id.contributor.2=second_localized_contributor_name extensions.extension_id.contributor.3=thrid_localized_contributor_name pref("extensions.extension_id.contributor.1", "path_to_localization_file"); pref("extensions.extension_id.co...
Localizing without a specialized tool
--> after the localization notes, you will see a list of <!entity> strings like the following: <!entity certerror.pagetitle "untrusted connection"> you should go through each entity, translating the
value in the parameters (e.g.
MathML Accessibility in Mozilla
torture test 14: ( ∂ 2 ∂ x 2 + ∂ 2 ∂ y 2 ) | φ ( x + i y ) | 2 = 0 __________ open the second partialderivative with respect to x of plus fraction the partial derivative of squared over the partial derivative of y squared end fraction close times the absolute
value of phi open x plus i y close end absolute
value squared is equal to 0 __________ ( fraction start, ∂ squared over ∂ x squared, end of fraction, + fraction start, ∂ squared over ∂ y squared, end of fraction, ), | ϕ ( x + i y ) | squared = 0 left paren fraction start.
MathML Demo: <mspace> - space
you can set the width ∑ x y height ∫ x y and depth [ x y ] of mspace elements (click the math text to view the numeric
values that are set).
Mozilla Port Blocking
"access to the port number given has been disabled for security reasons." "establishing a connection to an unsafe or otherwise banned port was prohibited" "0x804b0013 (ns_error_port_access_not_allowed)" if your product or web site uses a port which is blocked by mozilla's default port blocking rules, you can either change the port of your service to a unblocked
value (recommended if possible) or ask your mozilla users to enable the port.
Mozilla Web Services Security Model
the type attribute the type attribute of the allow element can take the following
values: any means that the allow element applies to all services that use web-scripts-access.xml for security checks.
BloatView
you can set these environment variables to any of the following
values.
Power profiling overview
these
values are computed using a power model that uses processor-internal counts as inputs, and they have been verified as being fairly accurate.
TraceMalloc
de 209 11704 1614 90384 1405 78680 4.34 htmlattributesimpl 482 14288 2824 88400 2342 74112 4.09 nsscanner 58 76824 94 146300 36 69476 3.83 nsscripterror 253 25070 842 91548 589 66478 3.67 nshtmldocument.mreferrer 177 21550 691 85460 514 63910 3.53 nshtml
value 139 7846 1215 68734 1076 60888 3.36 htmlcontentsink 6 4816 12 57782 6 52966 2.92 uncategorized.pl, which lists all the void* allocations (the ones that couldn't be categorized by type), sorted by size.
perf
the -r 1 means <command> is executed once; higher
values can be used to get variations.
tools/power/rapl
once sampling is finished — either because the user interrupted it, or because the requested number of samples has been taken — the following summary data is shown: 10 samples taken over a period of 10.000 seconds distribution of 'total'
values: mean = 8.85 w std dev = 3.50 w 0th percentile = 5.17 w (min) 5th percentile = 5.17 w 25th percentile = 5.17 w 50th percentile = 8.13 w 75th percentile = 11.16 w 95th percentile = 14.63 w 100th percentile = 14.63 w (max) the distribution data is omitted if there was zero or one samples taken.
browser.altClickSave
type:boolean default
value: false exists by default: yes application support:firefox 13.0 status: active; last updated 2012-03-19 introduction: pushed to nightly on 2012-03-02 bugs: bug 713052
values true clicking a link while holding the alt key starts the download of that link.
browser.dom.window.dump.file
type:string default
value:none exists by default: no application support: gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) status: active; last updated 2012-03-18 introduction: pushed to nightly on 2009-04-24 bugs: bug 489938
values the
value holds the file system path for the file in which the content of the window.dump() calls get written, e.g.
browser.download.lastDir.savePerSite
type:boolean default
value:true exists by default: no application support:firefox 11.0 status: active; last updated 2012-02-15 introduction: pushed to nightly on 2011-12-11 bugs: bug 702748
values true (default) the last used directory for the website (host) serving the file for download will be preselected in the file picker.
browser.pagethumbnails.capturing_disabled
type:boolean default
value:true exists by default: no application support: firefox 14.0 status: active; last updated 2012-09-17 introduction: pushed to nightly on 2012-04-13 bugs: bug 726347
values false the application creates screenshots of visited web pages.
browser.search.context.loadInBackground
type:boolean default
value:false exists by default: yes application support: firefox 13.0 status: active; last updated 2012-02-17 introduction: pushed to nightly on 2012-02-15 bugs: bug 727131
values true new tab with search results will be opened in the background, focus stays on the current tab.
browser.urlbar.formatting.enabled
type:boolean default
value: true exists by default: yes application support:firefox 6.0 status: active; last updated 2012-04-03 introduction: pushed to nightly on 2011-05-03 bugs: bug 451833
values true (default) the domain name including the top level domain is highlighted in the address bar by coloring it black and the other parts grey.
browser.urlbar.trimURLs
type:boolean default
value: true exists by default: yes application support:firefox 7.0 status: active; last updated 2012-04-03 introduction: pushed to nightly on 2011-06-23 bugs: bug 665580
values true (default) if the active url is exactly the domain name, the trailing slash (/) behind the top level domain will be hidden.
dom.event.clipboardevents.enabled
type:boolean default
value:true exists by default: no application support: gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10) status: active; last updated 2012-02-15 introduction: pushed to nightly on 2012-02-14 bugs: bug 542938
values true (default) the oncopy, oncut and onpaste events are enabled for web content.
javascript.options.strict
var name2= "peter"; document.getelementbyid("sample").innerhtml = name1; </script> </body> </html> possible
values and their effects: true: show javascript errors and warnings.
mail.tabs.drawInTitlebar
type:boolean default
value: true exists by default: yes application support:thunderbird 17.0 status: active; last updated 2012-09-17 introduction: pushed to daily on 2012-08-08 bugs: bug 771816
values true (default) the tabs are drawn in the title bar of the mail program.
nglayout.debug.disable_xul_cache
possible
values and their effects: true: do not cache parsed xul documents and do not save the cache to the xul fastload file on exit; re-read the source files each time the window or dialog needs to be displayed.
reader.parse-on-load.force-enabled
type:boolean default
value: false exists by default: yes application support:firefox mobile 23.0 status: active; last updated 2013-05-11 introduction: pushed to nightly on 2013-05-06 bugs: bug 867875
values true reader mode is enabled independent of memory available.
ui.SpellCheckerUnderline
type:string default
value:#ff0000 exists by default: no application support: gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) status: active; last updated 2012-02-21 introduction: pushed to nightly on 2009-04-03 bugs: bug 338209
values a color code like #ff0000 for red.
ui.SpellCheckerUnderlineStyle
type:integer default
value:5 exists by default: no application support: gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) status: active; last updated 2012-02-22 introduction: pushed to nightly on 2009-04-03 bugs: bug 338209
values the
values are defined in nsstyleconsts.h.
ui.alertNotificationOrigin
type:integer default
value:dependent on position of taskbar or equivalent exists by default: no application support: gecko 1.8.1.2 (firefox 2.0.0.2 / thunderbird 2.0.0.4 / seamonkey 1.1) status: active; last updated 2012-02-22 introduction: pushed to nightly on 2007-01-04 bugs: bug 133527
values 0 bottom right corner, vertical slide-in from the bottom 1 bottom right corner, horizontal slide-in from the right 2 bottom left corner, vertical slide-in from the bottom 3 bottom left corner, horizontal slide-in from the left 4 top right corner, vertical slide-in from the top 5 top right corner, horizontal slide-in from the right 6 ...
ui.textSelectBackground
type:string with rgb hex
value as color code default
value:#ef0fff (blue) [1] exists by default: no application support: before gecko 1.7 status: active; last updated 2015-09-21 introduction: pushed to trunk on 2000-04-13 bugs: bug 34704 [1]: nsxplookandfeel.cpp, line 628, retrieved 2015-09-21 ...
ui.textSelectForeground
type:string with rgb hex
value as color code default
value:#ffffff (white) [1] exists by default: no application support: before gecko 1.7 status: active; last updated 2015-09-21 introduction: pushed to trunk on 2000-04-13 bugs: bug 34704 [1]: nsxplookandfeel.cpp, line 635, retrieved 2015-09-21 ...
ui.tooltipDelay
type:integer default
value:500 exists by default: no application support: gecko 11.0 (firefox 11.0 / thunderbird 11.0 / seamonkey 2.8) status: active; last updated 2012-02-21 introduction: pushed to nightly on 2011-12-15 bugs: bug 204786
values integer (milliseconds, default: 500) the time for delay between the mouse stopping over the element and the tooltip appearing is stored in milliseconds and the default
value is 500ms.
view_source.syntax_highlight
type:boolean default
value: true exists by default: yes application support:firefox 1.0 status: active introduction: bugs: bug 52154
values true (default) syntax hightlighting is enabled.
Preferences
the preference system makes it possible to store data for mozilla applications using a key/
value pairing system.
Patches and pushes
godlheaaqajecap8aaaaaap///waaach5baeaaaialaaaaaaqabaaaaipli+py+0nogquybdened2khkffwuamezmpzsfmaihphrrguum/ft+uwaaow==</image> ***this tag is optional***<url type="application/x-suggestions+json" method="get" template="http://ff.search.yahoo.com/gossip?output=fxjson&command={searchterms}" />*** <url type="text/html" method="get" template="http://search.yahoo.com/search"> <param name="p"
value="{searchterms}"/> <param name="ei"
value="utf-8"/> <mozparam name="fr" condition="pref" pref="yahoo-fr" /> </url> <searchform>http://search.yahoo.com/</searchform> </searchplugin> create xml files for each search plugin preference following the above example.
NSPR build instructions
configure options although nspr uses autoconf, its configure script has two default
values that are different from most open source projects.
Dynamic Library Linking
prlibrary *lib; void *funcptr; funcptr = pr_findsymbolandlibrary("functionname", &lib); when pr_findsymbolandlibrary returns, funcptr is the
value of the function pointer you want to look up, and the variable lib references the main executable program.
Hash Tables
hash table types and constants hash table functions hash table types and constants plhashentry plhashtable plhashnumber plhashfunction plhashcomparator plhashenumerator plhashallocops hash table functions pl_newhashtable pl_hashtabledestroy pl_hashtableadd pl_hashtableremove pl_hashtablelookup pl_hashtableenumerateentries pl_hashstring pl_comparestrings pl_compare
values see also xpcom hashtable guide ...
Interval Timing
in almost all cases the epoch is defined as the
value of the interval timer at the time it was sampled.
NSPR Error Handling
pr_buffer_overflow_error the
value retrieved is too large to be stored in the buffer provided.
PLHashEnumerator
syntax #include <plhash.h> typedef printn (pr_callback *plhashenumerator)(plhashentry *he, printn index, void *arg); /* return
value */ #define ht_enumerate_next 0 /* continue enumerating entries */ #define ht_enumerate_stop 1 /* stop enumerating entries */ #define ht_enumerate_remove 2 /* remove and free the current entry */ #define ht_enumerate_unhash 4 /* just unhash the current entry */ description plhashenumerator is a function type used in the enumerating a hash table.
PL_CompareStrings
pl_comparestrings can be used as the comparator function for string-
valued key or entry
value.
PRAccessHow
this is the declaration for the enumeration praccesshow, used in the how parameter of pr_access: #include <prio.h> typedef enum praccesshow { pr_access_exists = 1, pr_access_write_ok = 2, pr_access_read_ok = 3 } praccesshow; see pr_access for what each of these
values mean.
PRHostEnt
for valid nspr usage, this field must have a
value indicating either an ipv4 or an ipv6 address.
PRIOMethods
setsockopt set
value of specified socket option.
PRMcastRequest
structure used to specify
values for the pr_sockopt_addmember and pr_sockopt_dropmember socket options that define a request to join or leave a multicast group.
PR_MkDir
possible
values include the following: 00400.
PR_NetAddrToString
returns the function returns one of the following
values: if successful, pr_success.
PR_NewCondVar
returns the function returns one of the following
values: if successful, a pointer to the new condition variable object.
PR_NewLock
syntax #include <prlock.h> prlock* pr_newlock(void); returns the function returns one of the following
values: if successful, a pointer to the new lock object.
PR_NewLogModule
if the environment variable nspr_log_modules contains the specified name, then the associated level
value from the variable is associated with the new prlogmoduleinfo structure.
PR_NewMonitor
syntax #include <prmon.h> prmonitor* pr_newmonitor(void); returns the function returns one of the following
values: if successful, a pointer to a prmonitor object.
PR_NewTCPSocket
syntax #include <prio.h> prfiledesc* pr_newtcpsocket(void); returns the function returns one of the following
values: upon successful completion, a pointer to the prfiledesc object created for the newly opened ipv4 tcp socket.
PR_NewUDPSocket
syntax #include <prio.h> prfiledesc* pr_newudpsocket(void); returns the function returns one of the following
values: upon successful completion, a pointer to the prfiledesc object created for the newly opened udp socket.
PR_Notify
returns the function returns one of the following
values: if successful, pr_success.
PR_NotifyAll
returns the function returns one of the following
values: if successful, pr_success.
PR_NotifyAllCondVar
syntax #include <prcvar.h> prstatus pr_notifyallcondvar(prcondvar *cvar); returns the function returns one of the following
values: if successful, pr_success.
PR_NotifyCondVar
returns the function returns one of the following
values: if successful, pr_success.
PR_OpenSharedMemory
syntax #include <prshm.h> nspr_api( prsharedmemory * ) pr_opensharedmemory( const char *name, prsize size, printn flags, printn mode ); /* define
values for pr_opensharememory(...,create) */ #define pr_shm_create 0x1 /* create if not exist */ #define pr_shm_excl 0x2 /* fail if already exists */ parameters the function has the following parameters: name the name of the shared memory segment.
PR_OpenTCPSocket
returns the function returns one of the following
values: upon successful completion, a pointer to the prfiledesc object created for the newly opened tcp socket.
PR OpenUDPSocket
returns the function returns one of the following
values: upon successful completion, a pointer to the prfiledesc object created for the newly opened udp socket.
PR_cnvtf
prcsn the number of digits of precision to which to generate the floating point
value.
PR_htonl
returns the
value of the conversion parameter in network byte order.
PR_htons
returns the
value of the conversion parameter in network byte order.
PR_ntohl
returns the
value of the conversion parameter in host byte order.
PR_ntohs
returns the
value of the conversion parameter in host byte order.
Random Number Generator
random number generator function pr_getrandomnoise - produces a random
value for use as a seed
value for another random number generator.
NSPR API Reference
rs condition variables nspr sample code nspr types calling convention types algebraic types 8-, 16-, and 32-bit integer types signed integers unsigned integers 64-bit integer types floating-point integer type native os integer types miscellaneous types size type pointer difference types boolean types status type for return
values threads threading types and constants threading functions creating, joining, and identifying threads controlling thread priorities controlling per-thread private data interrupting and yielding setting global thread concurrency getting a thread's scope process initialization identity and versioning name and version constants initialization an...
Function_Name
returns full description of the return
value, for example: a pointer to a certcertificate representing the certificate in the database that matched the dercert, or null if none was found.
NSS Certificate Download Specification
object identifiers the base of all netscape object ids is: netscape object identifier ::= { 2 16 840 1 113730 } the hexadecimal byte
value of this oid when der encoded is: 0x60, 0x86, 0x48, 0x01, 0x86, 0xf8, 0x42 the following oids are mentioned in this document: netscape-data-type object identifier :: = { netscape 2 } netscape-cert-sequence object identifier :: = { netscape-data-type 5 } ...
Cryptography functions
xr 3.2 and later pk11_savecontextalloc mxr 3.6 and later pk11_setfortezzahack mxr 3.2 and later pk11_setpasswordfunc mxr 3.2 and later pk11_setprivatekeynickname mxr 3.4 and later pk11_setpublickeynickname mxr 3.4 and later pk11_setslotpw
values mxr 3.2 and later pk11_setsymkeynickname mxr 3.4 and later pk11_setsymkeyuserdata mxr 3.11 and later pk11_setwrapkey mxr 3.2 and later pk11_sign mxr 3.2 and later pk11_signaturelen mxr 3.2 and later pk11_symkeyfromhandle mxr...
4.3 Release Notes
libpkix: an rfc 3280 compliant certificate path validation library (see pkixverify) pk11token.needslogin method (see needslogin) support hmacsha256, hmacsha384, and hmacsha512 (see hmactest.java) support for all nss 3.12 initialization options (see initialization
values) new ssl error codes (see http://mxr.mozilla.org/security/sour...util/sslerrs.h) ssl_error_unsupported_extension_alert ssl_error_certificate_unobtainable_alert ssl_error_unrecognized_name_alert ssl_error_bad_cert_status_response_alert ssl_error_bad_cert_hash_
value_alert new tls cipher suites (see http://mxr.mozilla.org/security/sour...sslsocket.java): tls_rsa_w...
JSS FAQ
upgrade to the latest jss, or, in the cryptomanager.initialization
values object you pass to cryptomanager.initialize(), set removesunproivider=true.
JSS Provider Notes
if you do not wish the provider to be installed, create a cryptomanager.initialization
values object, set its installjssprovider field to false, and pass the initialization
values object to cryptomanager.initialize().
Mozilla-JSS JCA Provider notes
if you do not wish the provider to be installed, create a cryptomanager.initialization
values object, set its installjssprovider field to false, and pass the initialization
values object to cryptomanager.initialize().
NSS Key Log Format
<clientrandom> is 32 bytes random
value from the client hello message, encoded as 64 hexadecimal characters.
NSS Memory allocation
set the environment variable nss_disable_arena_free_list to have any non-empty
value, e.g.
NSS_3.12.1_release_notes.html
ts bug 431805: leak in nssarena_destroy() bug 431929: memory leaks on error paths in devutil.c bug 432303: replace pkix_pl_memcpy with memcpy bug 433177: fix the gcc compiler warnings in lib/util and lib/freebl bug 433437: vfychain ignores the -a option bug 433594: crash destroying ocsp cert id [[@ cert_destroyocspcertid ] bug 434099: nss relies on unchecked pkcs#11 object attribute
values bug 434187: fix the gcc compiler warnings in nss/lib bug 434398: libpkix cannot find issuer cert immediately after checking it with ocsp bug 434808: certutil -b deadlock when importing two or more roots bug 434860: coverity 1150 - dead code in ocsp_createcertid bug 436428: remove unneeded assert from sec_pkcs7encryptlength bug 436430: make nss public headers compilable with no_nspr_1...
NSS 3.15.3 release notes
bug 925100 - (cve-2013-1741) ensure a size is <= half of the maximum pruint32
value bug 934016 - (cve-2013-5605) handle invalid handshake packets bug 910438 - (cve-2013-5606) return the correct result in cert_verifycert on failure, if a verifylog isn't used new in nss 3.15.3 new functionality no new major functionality is introduced in this release.
NSS 3.15.5 release notes
the extension type
value is 35655, which may change when an official extension type
value is assigned by iana.
NSS 3.16.3 release notes
new functions in cert.h cert_getgeneralnametypefromstring - an utlity function to lookup a
value of type certgeneralnametype given a human readable string.
NSS 3.21 release notes
new in nss 3.21 new functionality certutil now supports a --rename option to change a nickname (bug 1142209) tls extended master secret extension (rfc 7627) is supported (bug 1117022) new info functions added for use during mid-handshake callbacks (bug 1084669) new functions in nss.h nss_optionset - sets nss global options nss_optionget - gets the current
value of nss global options in secmod.h secmod_createmoduleex - create a new secmodmodule structure from module name string, module parameters string, nss specific parameters string, and nss configuration parameter string.
NSS 3.24 release notes
(applications should instead use the new ssl_configservercert function.) ssl_setstapledocspresponses ssl_setsignedcerttimestamps ssl_configsecureserver ssl_configsecureserverwithcertchain deprecate the nss_findcertkeatype function, as it reports a misleading
value for certificates that might be used for signing rather than key exchange.
NSS 3.27.1 release notes
nss 3.27 set this
value on by default, allowing tls 1.3 (draft) to be disabled using nss_disable_tls_1_3, although the maximum version used by default remained tls 1.2.
NSS 3.43 release notes
mprove nss s/mime tests for thunderbird bug 1530134 - if docker isn't installed, try running a local clang-format as a fallback bug 1531267 - enable fips mode automatically if the system fips mode flag is set bug 1528262 - add a -j option to the strsclnt command to specify sigschemes bug 1513909 - add manual for nss-policy-check bug 1531074 - fix a deref after a null check in seckey_setpublic
value bug 1517714 - properly handle esni with hrr bug 1529813 - expose hkdf-expand-label with mechanism bug 1535122 - align tls 1.3 hkdf trace levels bug 1530102 - use getentropy on compatible versions of freebsd.
NSS 3.44 release notes
bugs fixed in nss 3.44 1501542 - implement checkarmsupport for android 1531244 - use __builtin_bswap64 in crypto_primitives.h 1533216 - cert_decodecertpackage() crash with netscape certificate sequences 1533616 - sdb_getattribute
valuenolock should make at most one sql query, rather than one for each attribute 1531236 - provide accessor for certcertificate.dercert 1536734 - lib/freebl/crypto_primitives.c assumes a big endian machine 1532384 - in nss test certificates, use @example.com (not @bogus.com) 1538479 - post-handshake messages after async server authentication break when using record layer separation 1521578 - x255...
NSS 3.46 release notes
e controls after errors in tstcln, selfserv and vfyserv cmds bug 1550636 - upgrade sqlite in nss to a 2019 version bug 1572593 - reset advertised extensions in ssl_constructextensions bug 1415118 - nss build with ./build.sh --enable-libpkix fails bug 1539788 - add length checks for cryptographic primitives (cve-2019-17006) bug 1542077 - mp_set_ulong and mp_set_int should return errors on bad
values bug 1572791 - read out-of-bounds in der_decodetimechoice_util from sslexp_delegatecredential bug 1560593 - cleanup.sh script does not set error exit code for tests that "failed with core" bug 1566601 - add wycheproof test vectors for aes-kw bug 1571316 - curve25519_32.c:280: undefined reference to `pr_assert' when building nss 3.45 on armhf-linux bug 1516593 - client to generate new random ...
NSS 3.47 release notes
nss rejects tls 1.2 records with large padding with sha384 hmac bug 1577448 - create additional nested s/mime test messages for thunderbird bug 1399095 - allow nss-try to be used to test nspr changes bug 1267894 - libssl should allow selecting the order of cipher suites in clienthello bug 1581507 - fix unportable grep expression in test scripts bug 1234830 - [cid 1242894][cid 1242852] unused
values bug 1580126 - fix build failure on aarch64_be while building freebl/gcm bug 1385039 - build nspr tests as part of nss continuous integration bug 1581391 - fix build on openbsd/arm64 after bug #1559012 bug 1581041 - mach-commands -> mach-completion bug 1558313 - code bugs found by clang scanners.
NSS 3.51 release notes
bug 1611209 - correct swapped pkcs11
values of ckm_aes_cmac and ckm_aes_cmac_general bug 1612259 - complete integration of wycheproof ecdh test cases bug 1614183 - check if ppc __has_include(<sys/auxv.h>) bug 1614786 - fix a compilation error for ‘getfipsenv’ "defined but not used" bug 1615208 - send dtls version numbers in dtls 1.3 supported_versions extension to avoid an incompatibility.
NSS Config Options
it primes or more: config="disallow=all allow=sha1:sha256:secp256r1:secp384r1:min-rsa=2048:min-dh=1024" a policy that enables the aes ciphersuites and the secp256/384 curves: config="allow=aes128-cbc:aes128-gcm::hmac-sha1:sha1:sha256:sha384:rsa:ecdhe-rsa:secp256r1:secp384r1" turn off md5 config="disallow=md5" turn off md5 and sha1 only for ssl config="disallow=md5(ssl):sha1(ssl)" disallow
values are parsed first, and then allow
values, independent of the order in which they appear.
NSS Sample Code Sample_2_Initialization of NSS
progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "d:p:q:f:g:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'd': dbdir = strdup(optstate->
value); break; case 'p': plainpass = strdup(optstate->
value); break; case 'f': pwfile = strdup(optstate->
value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!dbdir) usage(progname); pr_init(pr_user_thread, pr_priority_norm...
NSS Sample Code sample5
* public
value arg (4th) can be null for rsa key - i think it is even * ignored */ pk11_importderprivatekeyinfoandreturnkey(slot, &der, null, null, pr_false, pr_true, ku_all, &pvtkey, null); secitem_freeitem(&der, pr_false); if (pvtkey == null) { fprintf(stderr, "couldn't extract private key (err %d)\n", pr_...
Initialize NSS database - sample 2
progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "d:p:q:f:g:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'd': dbdir = strdup(optstate->
value); break; case 'p': plainpass = strdup(optstate->
value); break; case 'f': pwfile = strdup(optstate->
value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!dbdir) usage(progname); pr_init(pr_user_thread, pr_priority_norm...
nss tech note6
when in fips 140 mode, the softoken is required to compute its checksum and compare it with the
value in libsoftokn3.chk/softokn3.chk.
nss tech note7
answer: the version without the initial 00 says : "ps is a string of strong pseudo-random octets [random] [...] long enough that the
value of the quantity being crypted is one octet shorter than the rsa modulus" the version with the initial 00 instead says to pad to the same length as the rsa modulus.
FC_CancelFunction
return
value fc_cancelfunction always returns ckr_function_not_parallel.
FC_CopyObject
return
value examples see also fc_destroyobject, nsc_copyobject ...
FC_CreateObject
return
value examples see also fc_destroyobject, nsc_createobject ...
FC_Decrypt
return
value examples see also fc_decryptinit, nsc_decrypt ...
FC_DecryptFinal
return
value examples see also fc_decryptinit, nsc_decryptfinal ...
Signing Mozilla apps for Mac OS X
at a minimum you'll need to provide: identifier: this must be the same as the
value of the cfbundleidentifier specified in your application's info.plist file.
Gecko events
is supported: no event_
value_change an object's
value property has changed.
ROLE_CELL
interfaces nsiaccessible nsisupports nsiaccessibletext nsiaccessiblehypertext nsiaccessibleeditabletext nsiaccessiblehyperlink nsiaccessibleselectable nsiaccessible
value nsiaccessnode mapped to at-spi: atk_role_table_cell atk: atk_role_list_item ua: nsaccessibilitygrouprole msaa/ia2: role_system_cell used by aria: gridcell xul: <listcell/> html: <td> ...
Feed content access API
nsifeedtextconstruct represents text
values in a feed; includes functions that let you fetch the text as plain text or html.
Manipulating bookmarks using Places
// an nsinavbookmarkobserver var myext_bookmarklistener = { onbeginupdatebatch: function() {}, onendupdatebatch: function() {}, onitemadded: function(aitemid, afolder, aindex) {}, onitemremoved: function(aitemid, afolder, aindex) {}, onitemchanged: function(abookmarkid, aproperty, aisannotationproperty, a
value) { myextension.dosomething(); }, onitemvisited: function(abookmarkid, avisitid, time) {}, onitemmoved: function(aitemid, aoldparent, aoldindex, anewparent, anewindex) {}, queryinterface: xpcomutils.generateqi([components.interfaces.nsinavbookmarkobserver]) }; // an extension var myextension = { // this function is called when my add-on is loaded onload: function() { bmsvc.addo...
places.sqlite Database Troubleshooting
nn must be replaced with the number we had noted previously: sqlite> pragma user_version = nn; let's update the page_size
value: sqlite> pragma journal_mode = truncate; sqlite> pragma page_size = 32768; sqlite> vacuum; sqlite> pragma journal_mode = wal; sqlite> .exit copy the new places.sqlite to the profile folder, overwriting the existing one.
The Publicity Stream API
denied - if the user does not log in correctly permissiondenied - if the site is not allowed to access the publicity stream networkerror - if the publicity server is unreachable for_apps is a json list of apps that this store has (each represented as its origin url), so that stream events not relating to applications in a given presentation context can be excluded from the return
value.
Avoiding leaks in JavaScript XPCOM components
(var declarations inside javascript functions are function-scope, including the part of the function before the declaration.) this means that the
value of iterator, the wrapper for the native tree walker, is reachable from the function.
Finishing the Component
when the component is loaded, gecko calls the nsicontentpolicy implementation in weblock on every page load, and this prevents pages from displaying by returning the proper
value when the load method is called.
Using XPCOM Components
in the case of the snippet in the nsicookiemanager interface, the queryinterface method is being used to get the nsicookie interface from the enumerator so that, for instance, the javascript code can access the
value and name attributes for each cookie.
Creating XPCOM components
eblock getting called at startup registering for notifications getting access to the category manager providing access to weblock creating the weblock programming interface defining the weblock interface in xpidl the xpidl syntax scriptable interfaces subclassing nsisupports the web locking interface implementing weblock declaration macros representing return
values in xpcom xpidl code generation getting the weblock service from a client implementing the iweblock interface the directory service modifying paths with nsifile manipulating files with nsifile using nsilocalfile for reading data processing the white list data iweblock method by method lock and unlock addsite removesite setsites getnext getsites hasmoreelements...
How To Pass an XPCOM Object to a New Window
getservice(components.interfaces.nsiwindowwatcher); var win = ww.openwindow(null, "chrome://myextension/content/debug.xul", "debug history", "chrome,centerscreen,resizable", myobject); note in this example that myobject is passed to the openwindow() method; you can pass any xpcom object (or any other
value, for that matter) in this way.
Components.classes
if the given element in the components.classes object is not registered on the machine then trying to access it will generate a javascript warning in strict mode and the
value returned will be the javascript
value undefined.
Performance
this
value controls the number of pages of the file that can be kept in memory at once.
XPCOM ABI
later on, it could use this
value to check compatibility with third-party binary xpcom components.
wrappedJSObject
this functionality can be used for quick prototyping, as well as to painlessly pass arbitrary js
values to the component (which can be used for sharing complex js data in particular).
Xptcall Porting Guide
these are discriminated unions describing the type and
value of each parameter of the target function.
XUL Overlays
ile (where navigator.xul defines the basic ui for the navigator package), these new plug-in elements would be defined as a collection of elements or subtrees: <menuitem name="super stream player"/> <menupopup name="ss favorites"> <menuitem name="wave" src="mavericks.ssp"/> <menuitem name="soccer" src="brazil_soccer.ssp"/> </menupopup> <titledbutton id="ssp" crop="right" flex="1"
value="&ssbutton.label;" onclick="firessp()"/> overlays and id attributes bases and overlays are merged when they share the same id attribute.
Address Book examples
my
value = card.getproperty("random1"); note: local (mork) address books are currently the only built-in type of address book that supports saving of non-built-in properties.
Cached compose window FAQ
we cache at most <n> html compose windws and <n> plain text windows, where n is the
value of the hidden pref.
LDAP Support
this can be accomplished by setting the following preferences: user_pref("mail.autocomplete.commentcolumn", 2); user_pref("ldap_2.servers.directoryname.autocomplete.commentformat", "[ou]"); the first preference tells us to use a comment column in the type down (the default
value is 0 for no comment), and that the
value for the comment is a custom string unique to each directory.
The libmime module
(one interrogates the type of an instance by comparing the
value of its class pointer with the address of this variable.) extern foobarclass foobarclass; instance declaration theis structure defines the per-instance data of an object, and a pointer to the corresponding class record.
Demo Addon
/* called when our database query completes */ onquerycompleted: function mylistener_onquerycompleted(acollection) { let items = acollection.items; let data = { messages: [], }; for (let i in items) { data.messages.push({ subject: items[i].subject, date: items[i].date, author: items[i].from.
value, }); // ...
Use SQLite
n(e) { tbirdsqlite.onload(e); }, false); this is another practical sample on how to handle opendatabase and sql queries on the client side, using in-memory (blob) storage of 2mb: var db = opendatabase('mydb', '1.0', 'test db', 2 * 1024 * 1024); var msg; db.transaction(function (tx) { tx.executesql('create table if not exists logs (id unique, log)'); tx.executesql('insert into logs (id, log)
values (1, "foobar")'); tx.executesql('insert into logs (id, log)
values (2, "logmsg")'); msg = '<p>log message created and row inserted.</p>'; document.queryselector('#status').innerhtml = msg; }); db.transaction(function (tx) { tx.executesql('select * from logs', [], function (tx, results) { var len = results.rows.length, i; msg = "<p>found rows: " + len + "</p>"; document.querysel...
Using COM from js-ctypes
this example uses ipropertystore::set
value to change the system.usermodelapp.id of an open firefox window.
Using js-ctypes
it uses the default abi, returns a 16-bit integer (which is a carbon oserr
value), and accepts an integer (the alert type), two strings, a pointer to a parameter block, which we aren't using, and another integer, which is used to return the hit item.
Library
return
value a functiontype cdata object representing the declared api.
Memory - Plugins
if npn_memflush returns a
value indicating that enough memory was freed, the plug-in can call newgworld again.
Step through code - Firefox Developer Tools
step in: advance to the next line in the function, unless on a function call, in which case enter the function being called step out: run to the end of the current function, in which case, the debugger will skip the return
value from a function, returning execution to the caller split console when paused, you can press the esc key to open and close the split console to gain more insight into errors and variables: pause on breakpoints overlay since firefox 70, when your code is paused on a breakpoint an overlay appears on the viewport of the tab you are debugging.
Use watchpoints - Firefox Developer Tools
a get watchpoint pauses whenever a property is read; a set watchpoint pauses whenever a property
value changes; a get or set watchpoint pauses whenever a property
value is accessed in either way.
Debugger-API - Firefox Developer Tools
debugger instances and shadow objects debugger reflects every aspect of the debuggee’s state as a javascript
value—not just actual javascript
values like objects and primitives, but also stack frames, environments, scripts, and compilation units, which are not normally accessible as objects in their own right.
CSS Flexbox Inspector: Examine Flexbox layouts - Firefox Developer Tools
if you click on the item, the display shifts to show details about that element: this view shows information about the calculations for the size of the selected flex item: a diagram visualizing the sizing of the flex item content size - the size of the component without any restraints imposed on it by its parent flexibility - how much a flex item grew or shrunk based on its flex-grow
value when there is extra free space or its flex-shrink
value when there is not enough space minimum size (only appears when an item is clamped to its minimum size) - the minimum content size of a flex item when there is no more free space in the flex container final size - the size of the flex item after all sizing constraints imposed on it have been applied (based on the
values of flex-grow, flex-s...
Examine and edit HTML - Firefox Developer Tools
the menu contains the following items — click on the links to find the description of each command in the context menu reference: edit as html create new node duplicate node delete node attributes add attribute copy attribute
value edit attribute remove attribute break on ...
Examine and edit the box model - Firefox Developer Tools
wn overlaid on the page: it's also shown overlaid if you hover over an element's markup in the html pane: if the element is inline and is split over multiple line boxes, the highlighter shows each individual line box that together make up the element: the box model view when an element's selected, you can get a detailed look at the box model in the box model view: if you hover over a
value, you'll see a tooltip telling you which rule the
value comes from: if you hover over part of the box model in the box model view, the corresponding part of the page is highlighted: editing the box model you can also edit the
values in the box model view, and see the results immediately in the page: ...
AnimationEvent.elapsedTime - Web APIs
for an animationstart event, elapsedtime is 0.0 unless there was a negative
value for animation-delay, in which case the event will be fired with elapsedtime containing (-1 * delay).
AnimationTimeline - Web APIs
properties animationtimeline.currenttime read only returns the time
value in milliseconds for this timeline or null if this timeline is inactive.
Attr.localName - Web APIs
syntax name = attribute.localname return
value a domstring representing the local part of the attribute's qualified name.
Attr.namespaceURI - Web APIs
if (attribute.localname == "
value" && attribute.namespaceuri == "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") { // this is a xul
value } notes this is not a computed
value that is the result of a namespace lookup based on an examination of the namespace declarations in scope.
AudioBuffer - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create an empty three-second stereo buffer at the sample rate of the audiocontext var myarraybuffer = audioctx.createbuffer(2, audioctx.samplerate * 3, audioctx.samplerate); // fill the buffer with white noise; // just random
values between -1.0 and 1.0 for (var channel = 0; channel < myarraybuffer.numberofchannels; channel++) { // this gives us the actual array that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < myarraybuffer.length; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } //...
AudioConfiguration - Web APIs
properties the audioconfiguration dictionary is made up of four audio properties, including: contenttype: a valid audio mime type, for information on possible
values and what they mean, see the web audio codec guide.
AudioContext - Web APIs
audiocontext.getoutputtimestamp() returns a new audiotimestamp object containing two audio timestamp
values relating to the current audio context.
AudioNode.context - Web APIs
syntax var acontext = anaudionode.context;
value the audiocontext or offlineaudiocontext object that was used to construct this audionode.
BaseAudioContext.createBiquadFilter() - Web APIs
er = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.set
valueattime(1000, audioctx.currenttime); biquadfilter.gain.set
valueattime(25, audioctx.currenttime); specifications specification status comment web audio apithe definition of 'createbiquadfilter()' in that specification.
BaseAudioContext.createBufferSource() - Web APIs
t = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; //just random
values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } // get an audio...
BaseAudioContext.createChannelMerger() - Web APIs
var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.set
valueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
BaseAudioContext.createChannelSplitter() - Web APIs
var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.set
valueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
BaseAudioContext.createConstantSource() - Web APIs
the createconstantsource() property of the baseaudiocontext interface creates a constantsourcenode object, which is an audio source that continuously outputs a monaural (one-channel) sound signal whose samples all have the same
value.
BaseAudioContext.createDelay() - Web APIs
var delay1; rangesynth.oninput = function() { delay1 = rangesynth.
value; synthdelay.delaytime.set
valueattime(delay1, audioctx.currenttime); } specifications specification status comment web audio apithe definition of 'createdelay()' in that specification.
BaseAudioContext.createDynamicsCompressor() - Web APIs
// create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.set
valueattime(-50, audioctx.currenttime); compressor.knee.set
valueattime(40, audioctx.currenttime); compressor.ratio.set
valueattime(12, audioctx.currenttime); compressor.attack.set
valueattime(0, audioctx.currenttime); compressor.release.set
valueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = function() { ...
BaseAudioContext.createOscillator() - Web APIs
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.set
valueattime(3000, audioctx.currenttime); //
value in hertz oscillator.connect(audioctx.destination); oscillator.start(); specifications specification status comment web audio apithe definition of 'createoscillator' in that specification.
BaseAudioContext.currentTime - Web APIs
in firefox, you can also enabled privacy.resistfingerprinting, the precision will be 100ms or the
value of privacy.resistfingerprinting.reducetimerprecision.microseconds, whichever is larger.
BaseAudioContext - Web APIs
baseaudiocontext.createconstantsource() creates a constantsourcenode object, which is an audio source that continuously outputs a monaural (one-channel) sound signal whose samples all have the same
value.
BasicCardRequest - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'] } }]; var details = { total: {label: 'donation', amount: {currency: 'usd',
value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd',
value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd',
value: '0.00'}, selected: true } ] }; var options = {requestshipping: true}; try { var request = new paymentrequest(supportedinstrum...
BasicCardResponse - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['credit', 'debit'] } }]; var details = { total: {label: 'donation', amount: {currency: 'usd',
value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd',
value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd',
value: '0.00'}, selected: true } ] }; var options = {requestshipping: true}; try { var request = new paymentrequest(supportedinstrum...
Blob.size - Web APIs
syntax var sizeinbytes = blob.size
value the number of bytes of data contained within the blob (or blob-based object, such as a file).
Blob.type - Web APIs
syntax var mimetype = blob.type
value a domstring containing the file's mime type, or an empty string if the type could not be determined.
Blob - Web APIs
having converted the data into an object url, it can be used in a number of ways, including as the
value of the <img> element's src attribute (assuming the data contains an image, of course).
CanvasRenderingContext2D.save() - Web APIs
the current
values of the following attributes: strokestyle, fillstyle, globalalpha, linewidth, linecap, linejoin, miterlimit, linedashoffset, shadowoffsetx, shadowoffsety, shadowblur, shadowcolor, globalcompositeoperation, font, textalign, textbaseline, direction, imagesmoothingenabled.
A basic ray-caster - Web APIs
the code does attempt to be very efficient, using array look-ups of pre-computed
values, but i'm no optimization guru, so things could probably be written faster.
Basic animations - Web APIs
note that the width and height specified here must match the
values of the canvasxzsize and canvasysize variables in the javascript code.
Optimizing canvas - Web APIs
mycanvas.offscreencanvas = document.createelement('canvas'); mycanvas.offscreencanvas.width = mycanvas.width; mycanvas.offscreencanvas.height = mycanvas.height; mycanvas.getcontext('2d').drawimage(mycanvas.offscreencanvas, 0, 0); avoid floating-point coordinates and use integers instead sub-pixel rendering occurs when you render objects on a canvas without whole
values.
ChildNode.after() - Web APIs
l the after() method in internet explorer 9 and higher with the following code: // from: https://github.com/jserz/js_piece/blob/master/dom/childnode/after()/after().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('after')) { return; } object.defineproperty(item, 'after', { configurable: true, enumerable: true, writable: true,
value: function after() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
ChildNode.before() - Web APIs
before() method in internet explorer 9 and higher with the following code: // from: https://github.com/jserz/js_piece/blob/master/dom/childnode/before()/before().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('before')) { return; } object.defineproperty(item, 'before', { configurable: true, enumerable: true, writable: true,
value: function before() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
ChildNode.remove() - Web APIs
e remove() method in internet explorer 9 and higher with the following code: // from:https://github.com/jserz/js_piece/blob/master/dom/childnode/remove()/remove().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('remove')) { return; } object.defineproperty(item, 'remove', { configurable: true, enumerable: true, writable: true,
value: function remove() { this.parentnode.removechild(this); } }); }); })([element.prototype, characterdata.prototype, documenttype.prototype]); specifications specification status comment domthe definition of 'childnode.remove' in that specification.
ChildNode.replaceWith() - Web APIs
olyfill you can polyfill the replacewith() method in internet explorer 10+ and higher with the following code: function replacewithpolyfill() { 'use-strict'; // for safari, and ie > 10 var parent = this.parentnode, i = arguments.length, currentnode; if (!parent) return; if (!i) // if there are no arguments parent.removechild(this); while (i--) { // i-- decrements i and returns the
value of i before the decrement currentnode = arguments[i]; if (typeof currentnode !== 'object'){ currentnode = this.ownerdocument.createtextnode(currentnode); } else if (currentnode.parentnode){ currentnode.parentnode.removechild(currentnode); } // the
value of "i" below is after the decrement if (!i) // if currentnode is the first argument (currentnode === argument...
Element.getAttributeNodeNS() - Web APIs
== example == tbd the example needs to be fixed pre> // html: <div id="top" /> t = document.getelementbyid("top"); specialnode = t.getattributenodens( "http://www.mozilla.org/ns/specialspace", "id"); // inode.
value = "full-top" </pre notes getattributenodens is more specific than getattributenode in that it allows you to specify attributes that are part of a particular namespace.
Element.getClientRects() - Web APIs
syntax let rectcollection = object.getclientrects(); return
value the returned
value is a collection of domrect objects, one for each css border box associated with the element.
Element.getElementsByTagName() - Web APIs
living standard changed the return
value from nodelist to htmlcollection document object model (dom) level 3 core specificationthe definition of 'element.getelementsbytagname()' in that specification.
Element: keyup event - Web APIs
to ignore all keyup events that are part of composition, do something like this (229 is a special
value set for a keycode relating to an event that has been processed by an ime): eventtarget.addeventlistener("keyup", event => { if (event.iscomposing || event.keycode === 229) { return; } // do something }); examples addeventlistener keyup example this example logs the keyboardevent.code
value whenever you release a key inside the <input> element.
Element: mouseup event - Web APIs
if isdrawing is true, the event handler calls the drawline function to draw a line from the stored x and y
values to the current location.
Element: msContentZoom event - Web APIs
bubbles unknown cancelable unknown interface unknown event handler property unknown example contentzoom.addeventlistener("mscontentzoom", function(e) { zoomfactor.
value = contentzoom.mscontentzoomfactor.tofixed(2); }); specifications not part of any specification.
Element.name - Web APIs
syntax htmlelement.name = string let elname = htmlelement.name let fcontrol = htmlformelement.elementname let controlcollection = htmlformelement.elements.elementname example <form action="" name="forma"> <input type="text"
value="foo"> </form> <script type="text/javascript"> // get a reference to the first element in the form let formelement = document.forms['forma'].elements[0] // give it a name formelement.name = 'inputa' // show the
value of the input alert(document.forms['forma'].elements['inputa'].
value) </script> notes in internet explorer (ie), the name property of dom objects created using doc...
Element.namespaceURI - Web APIs
if (element.localname == "browser" && element.namespaceuri == "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") { // this is a xul browser } notes this is not a computed
value that is the result of a namespace lookup based on an examination of the namespace declarations in scope.
Element.openOrClosedShadowRoot - Web APIs
syntax var shadowroot = element.shadowroot;
value a shadowroot object instance, regardless if its mode is set to open or closed, or null if no shadow root is present.
Element.removeAttributeNode() - Web APIs
example // given: <div id="top" align="center" /> var d = document.getelementbyid("top"); var d_align = d.getattributenode("align"); d.removeattributenode(d_align); // align is now removed: <div id="top" /> notes if the removed attribute has a default
value, it is immediately replaced.
Element.scrollIntoViewIfNeeded() - Web APIs
syntax todo parameters opt_center is an optional boolean
value with a default
value of true: if true, the element will be aligned so it is centered within the visible area of the scrollable ancestor.
Element: select event - Web APIs
examples selection logger <input
value="try selecting some text in this element."> <p id="log"></p> function logselection(event) { const log = document.getelementbyid('log'); const selection = event.target.
value.substring(event.target.selectionstart, event.target.selectionend); log.textcontent = `you selected: ${selection}`; } const input = document.queryselector('input'); input.addeventlistener('select', logselection); ons...
Element.setAttributeNode() - Web APIs
html <div id="one" align="left">one</div> <div id="two">two</div> javascript let d1 = document.getelementbyid('one'); let d2 = document.getelementbyid('two'); let a = d1.getattributenode('align'); d2.setattributenode(a.clonenode(true)); // returns: 'left' alert(d2.attributes[1].
value); notes if the attribute named already exists on the element, that attribute is replaced with the new one and the replaced one is returned.
Element.setAttributeNodeNS() - Web APIs
id="one" xmlns:myns="http://www.mozilla.org/ns/specialspace" // myns:special-align="utterleft">one</div> // <div id="two">two</div> var myns = "http://www.mozilla.org/ns/specialspace"; var d1 = document.getelementbyid("one"); var d2 = document.getelementbyid("two"); var a = d1.getattributenodens(myns, "special-align"); d2.setattributenodens(a.clonenode(true)); alert(d2.attributes[1].
value) // returns: `utterleft' notes if the specified attribute already exists on the element, then that attribute is replaced with the new one and the replaced one is returned.
ElementCSSInlineStyle - Web APIs
when getting, it returns a cssstyledeclaration object that contains a list of all styles properties for that element with
values assigned for the attributes that are defined in the element's inline style attribute.methodsthis interface has no methods.
Event() - Web APIs
syntax new event(typearg[, eventinit]);
values typearg this is a domstring representing the name of the event.
Event.bubbles - Web APIs
syntax var doesitbubble = event.bubbles;
value a boolean, which is true if the event bubbles up through the dom.
Event.defaultPrevented - Web APIs
syntax var defaultwasprevented = event.defaultprevented;
value a boolean, where true indicates that the default user agent action was prevented, and false indicates that it was not.
Event.isTrusted - Web APIs
syntax var eventistrusted = event.istrusted;
value boolean example if (e.istrusted) { /* the event is trusted */ } else { /* the event is not trusted */ } specification specification status comment domthe definition of 'event.istrusted' in that specification.
FontFace.load - Web APIs
return
value a promise that resolves with a reference to the current fontface object when the font loads or rejects with a networkerror if the loading process fails.
FontFace.stretch - Web APIs
syntax var stretchdescriptor = fontface.stretch; fontface.stretch = stretchdescriptor;
value a cssomstring containing a descriptor as it would be defined in a style sheet's @font-face rule.
FontFace.style - Web APIs
syntax var style = fontface.style; fontface.style =
value;
value a cssomstring containing the descriptors defined in the style sheet's @font-face rule.
FontFace.unicodeRange - Web APIs
syntax var unicoderangedescriptor = fontface.unicoderange; fontface.unicoderange = unicoderangedescriptor;
value a cssomstring containing a descriptor as it would appear in a style sheet's @font-face rule.
FontFace.weight - Web APIs
syntax var weightdescriptor = fontface.weight; fontface.weight = weightdescriptor;
value a cssomstring containing a descriptor as it would be defined in a style sheet's @font-face rule.
FontFace - Web APIs
fontface.status read only returns an enumerated
value indicating the status of the font, one of "unloaded", "loading", "loaded", or "error".
FontFaceSet.check() - Web APIs
syntax bool = afontfaceset.check(font); bool = afontfaceset.check(font, text); returns a boolean that is true if the font list is available parameters font: a font specification using the css
value syntax, e.g.
FormData.has() - Web APIs
example the following line creates an empty formdata object: var formdata = new formdata(); the following snippet shows the results of testing for the existence of username in the formdata object, before and after appending a username
value to it with formdata.append: formdata.has('username'); // returns false formdata.append('username', 'chris'); formdata.has('username'); // returns true specifications specification status comment xmlhttprequestthe definition of 'has()' in that specification.
FormDataEvent.formData - Web APIs
lem.addeventlistener('submit', (e) => { // on form submission, prevent default e.preventdefault(); // construct a formdata object, which fires the formdata event new formdata(formelem); }); // formdata handler to retrieve data formelem.addeventlistener('formdata', (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var
value of data.
values()) { console.log(
value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }); specifications specification status comment html living standardthe definition of 'formdata' in that specification.
FormDataEvent - Web APIs
lem.addeventlistener('submit', (e) => { // on form submission, prevent default e.preventdefault(); // construct a formdata object, which fires the formdata event new formdata(formelem); }); // formdata handler to retrieve data formelem.addeventlistener('formdata', (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var
value of data.
values()) { console.log(
value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }); specifications specification status comment html living standardthe definition of 'formdataevent' in that specification.
Frame Timing API - Web APIs
if this
value is greater than the time needed to provide a good user experience, further analysis might be warranted.
HTMLElement.blur() - Web APIs
syntax element.blur(); examples remove focus from a text input html <input type="text" id="mytext"
value="sample text"> <br><br> <button type="button" onclick="focusinput()">click me to gain focus</button> <button type="button" onclick="blurinput()">click me to lose focus</button> javascript function focusinput() { document.getelementbyid('mytext').focus(); } function blurinput() { document.getelementbyid('mytext').blur(); } result specification specification status comment html living standardthe definition of 'blur' in that specification.
HTMLOrForeignElement.nonce - Web APIs
examples retrieving a nonce
value in the past, not all browsers supported the nonce idl attribute, so a workaround is to try to use getattribute as a fallback: let nonce = script['nonce'] || script.getattribute('nonce'); however, recent browsers version hide nonce
values that are accessed this way (an empty string will be returned).
HTMLPreElement - Web APIs
htmlpreelement.width is a long
value reflecting the obsolete width attribute, containing a fixed-size length for the <pre> element.
HTMLSelectElement.autofocus - Web APIs
syntaxedit abool = aselectelement.autofocus; // get the
value of autofocus aselectelement.autofocus = abool; // set the
value of autofocus example html <select id="myselect" autofocus> <option>option 1</option> <option>option 2</option> </select> javascript // check if the autofocus attribute on the <select> var hasautofocus = document.getelementbyid('myselect').autofocus; specifications specification status comment htm...
HTMLSelectElement.disabled - Web APIs
<input id="allow-drinks" type="checkbox"/> </label> <label for="drink-select">drink selection:</label> <select id="drink-select" disabled> <option
value="1">water</option> <option
value="2">beer</option> <option
value="3">pepsi</option> <option
value="4">whisky</option> </select> javascript var allowdrinkscheckbox = document.getelementbyid("allow-drinks"); var drinkselect = document.getelementbyid("drink-select"); allowdrinkscheckbox.addeventlistener("change", function(event) { if (event.target.checked) { drinkselect.disabled = fa...
HTMLSelectElement.remove() - Web APIs
example var sel = document.getelementbyid("existinglist"); sel.remove(1); /* takes the existing following select object: <select id="existinglist" name="existinglist"> <option
value="1">option:
value 1</option> <option
value="2">option:
value 2</option> <option
value="3">option:
value 3</option> </select> and changes it to: <select id="existinglist" name="existinglist"> <option
value="1">option:
value 1</option> <option
value="3">option:
value 3</option> </select> */ specifications specification status comment html living ...
Media Capture and Streams API (Media Stream) - Web APIs
capabilities, constraints, and settingsthe twin concepts of constraints and capabilities let the browser and web site or app exchange information about what constrainable properties the browser's implementation supports and what
values it supports for each one.
MerchantValidationEvent() - Web APIs
return
value a newly-created merchantvalidationevent providing the information that needs to be delivered to the client-side code to present to the user agent by calling complete().
MessageChannel.port1 - Web APIs
syntax channel.port1;
value a messageport object, the first port of the channel, that is the port attached to the context that originated the channel.
MessageChannel.port2 - Web APIs
syntax channel.port2;
value a messageport object representing the second port of the channel, the port attached to the context at the other end of the channel.
MessageEvent.source - Web APIs
syntax let mysource = messageevent.source;
value a messageeventsource (which can be a windowproxy, messageport, or serviceworker object) representing the message emitter.
MessageEvent - Web APIs
if the onmessage event is attached using addeventlistener, the port is manually started using its start() method: myworker.port.start(); when the port is started, both scripts post messages to the worker and handle messages sent from it using port.postmessage() and port.onmessage, respectively: first.onchange = function() { myworker.port.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } second.onchange = function() { myworker.port.postmessage([first.
value,second.
value]); console.log('message posted to worker'); } myworker.port.onmessage = function(e) { result1.textcontent = e.data; console.log('message received from worker'); } inside the worker we use the sharedworkerglobalscope.onconnect handler to connect...
MessagePort.close() - Web APIs
channel.port1.addeventlistener('message', handlemessage, false); function handlemessage(e) { para.innerhtml = e.data; textinput.
value = ''; } channel.port1.start(); you could stop messages being sent at any time using channel.port1.close(); specifications specification status comment html living standardthe definition of 'close()' in that specification.
MessagePort: message event - Web APIs
g code like this: const channel = new messagechannel(); const myport = channel.port1; const targetframe = window.top.frames[1]; const targetorigin = 'https://example.org'; const messagecontrol = document.queryselector('#message'); const channelmessagebutton = document.queryselector('#channel-message'); channelmessagebutton.addeventlistener('click', () => { myport.postmessage(messagecontrol.
value); }) targetframe.postmessage('init', targetorigin, [channel.port2]); the target can receive the port and start listening for messages on it using code like this: window.addeventlistener('message', (event) => { const myport = event.ports[0]; myport.addeventlistener('message', (event) => { received.textcontent = event.data; }); myport.start(); }); note that the listene...
MessagePort: messageerror event - Web APIs
g code like this: const channel = new messagechannel(); const myport = channel.port1; const targetframe = window.top.frames[1]; const targetorigin = 'https://example.org'; const messagecontrol = document.queryselector('#message'); const channelmessagebutton = document.queryselector('#channel-message'); channelmessagebutton.addeventlistener('click', () => { myport.postmessage(messagecontrol.
value); }) targetframe.postmessage('init', targetorigin, [channel.port2]); the target can receive the port and start listening for messages and message errors on it using code like this: window.addeventlistener('message', (event) => { const myport = event.ports[0]; myport.addeventlistener('message', (event) => { received.textcontent = event.data; }); myport.addeventlistener...
MessagePort.start() - Web APIs
handlemessage; function handlemessage(e) { para.innerhtml = e.data; } another option would be to do this using eventtarget.addeventlistener, however, when this method is used, you need to explicitly call start() to begin the flow of messages to this document: channel.port1.addeventlistener('message', handlemessage, false); function handlemessage(e) { para.innerhtml = e.data; textinput.
value = ''; } channel.port1.start(); specifications specification status comment html living standardthe definition of 'start()' in that specification.
MouseEvent.altKey - Web APIs
syntax var altkeypressed = instanceofmouseevent.altkey return
value a boolean, where true indicates that the key is pressed, and false indicates that the key is not pressed.
MouseEvent.ctrlKey - Web APIs
syntax var ctrlkeypressed = instanceofmouseevent.ctrlkey return
value a boolean, where true indicates that the key is pressed, and false indicates that the key is not pressed.
MouseEvent.metaKey - Web APIs
syntax var metakeypressed = instanceofmouseevent.metakey return
value a boolean, where true indicates that the key is pressed, and false indicates that the key is not pressed.
MouseEvent.region - Web APIs
syntax var hitregion = instanceofmouseevent.region return
value a domstring representing the id of the hit region.
RTCIceCandidateStats.localCandidateId - Web APIs
syntax localcandidateid = rtcicecandidatepairstats.localcandidateid;
value a domstring giving a unique identifier for the local rtcicecandidate for the connection described by this rtcicecandidatepairstats object.
RTCIceCandidatePairStats.nominated - Web APIs
syntax nominated = rtcicecandidatepairstats.nominated;
value a boolean
value which is set to true by the ice layer if the controlling user agent has indicated that the candidate pair should be used to configure the webrtc connection between the two peers.
RTCIceCandidatePairStats.packetsReceived - Web APIs
syntax packetsreceived = rtcicecandidatepairstats.packetsreceived;
value an integer
value indicating the total number of packets, of any kind, which have been received on the connection described by the two candidates comprising this pair.
RTCIceCandidatePairStats.packetsSent - Web APIs
syntax packetssent = rtcicecandidatepairstats.packetssent;
value an integer
value indicating the total number of packets, of any kind, which have been sent on the connection described by the two candidates comprising this pair.
RTCIceCandidatePairStats.readable - Web APIs
syntax isreadable = rtcicecandidatepairstats.readable;
value a boolean
value which is true if the connection described by this candidate pair has received at least one valid ice request, and is therefore ready to be read from.
RTCIceCandidatePairStats.remoteCandidateId - Web APIs
syntax remotecandidateid = rtcicecandidatepairstats.remotecandidateid;
value a domstring uniquely identifies the remote ice candidate—that is, the candidate describing a configuration for the remote peer—which is represented by the remote end of these statistics.
RTCIceCandidatePairStats.requestsReceived - Web APIs
syntax requestsreceived = rtcicecandidatepairstats.requestsreceived;
value an integer
value which specifies the number of stun connectivity and/or consent requests that have been received to date on the connection described by this pair of ice candidates.
RTCIceCandidatePairStats.requestsSent - Web APIs
syntax requestssent = rtcicecandidatepairstats.requestssent;
value an integer
value which specifies the number of stun connectivity requests that have been sent to date on the connection described by this pair of ice candidates.
RTCIceCandidatePairStats.responsesReceived - Web APIs
syntax responsesreceived = rtcicecandidatepairstats.responsesreceived;
value an integer
value which specifies the number of stun connectivity request responses that have been received on the connection described by this pair of candidates so far.
RTCIceCandidatePairStats.retransmissionsReceived - Web APIs
syntax retransmissionsreceived = rtcicecandidatepairstats.retransmissionsreceived;
value an integer
value indicating the total number of retransmitted stun connectivity check requests have been received on the connection referenced by this candidate pair so far.
RTCIceCandidatePairStats.retransmissionsSent - Web APIs
syntax retransmissionssent = rtcicecandidatepairstats.retransmissionssent;
value an integer
value indicating the total number of retransmitted stun connectivity check requests have been sent on the connection referenced by this candidate pair so far.
RTCIceCandidatePairStats.transportId - Web APIs
syntax transportid = rtcicecandidatepairstats.transportid;
value a domstring which uniquely identifies the rtcicetransport object from which the transport-related data was obtained for the statistics contained in this rtcicecandidatepairstats object.
RTCIceCandidatePairStats.writable - Web APIs
syntax iswritable = rtcicecandidatepairstats.writable;
value a boolean
value which is true if the connection described by this candidate pair has received acknowledgement of receipt (ack) for at least one ice request and that stun consent hasn't expired.
RTCIceCandidateStats.candidateType - Web APIs
syntax candidatetype = rtcicecandidatestats.candidatetype;
value a domstring whose
value is one of the strings found in the rtcicecandidatetype enumerated type:host the candidate is a host candidate, whose ip address as specified in the rtcicecandidate.ip property is in fact the true address of the remote peer.
SpeechSynthesisUtterance.onerror - Web APIs
inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onerror = function(event) { console.log('an error has occurred with the speech synthesis: ' + event.error); } inputtxt.blur(); } specific...
SpeechSynthesisUtterance.onmark - Web APIs
inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onmark = function(event) { console.log('a mark was reached: ' + event.name); } inputtxt.blur(); } specifications specification ...
SpeechSynthesisUtterance.onpause - Web APIs
inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onpause = function(event) { console.log('speech paused after ' + event.elapsedtime + ' milliseconds.'); } inputtxt.blur(); } specificatio...
SpeechSynthesisUtterance.onresume - Web APIs
inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onresume = function(event) { console.log('speech resumed after ' + event.elapsedtime + ' milliseconds.'); } inputtxt.blur(); } specificat...
SpeechSynthesisUtterance.onstart - Web APIs
inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onstart = function(event) { console.log('we have started uttering this speech: ' + event.utterance.text); } inputtxt.blur(); } specificat...
SpeechSynthesisUtterance - Web APIs
var synth = window.speechsynthesis; var voices = synth.getvoices(); var inputform = document.queryselector('form'); var inputtxt = document.queryselector('input'); var voiceselect = document.queryselector('select'); for(var i = 0; i < voices.length; i++) { var option = document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; option.
value = i; voiceselect.appendchild(option); } inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); utterthis.voice = voices[voiceselect.
value]; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesisutterance' in ...
SpeechSynthesisVoice - Web APIs
tion.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } } populatevoicelist(); if (speechsynthesis.onvoiceschanged !== undefined) { speechsynthesis.onvoiceschanged = populatevoicelist; } inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.
value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.pitch = pitch.
value; utterthis.rate = rate.
value; synth.speak(utterthis); utterthis.onpause = function(event) { var char = event.utterance.text.charat(event.charind...
StaticRange.endContainer - Web APIs
syntax var node = staticnode.endcontainer staticnode.endcontainer = endcontainer
value the dom node which contains the final character of the range.
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
<<<--- more text and example about how to handle rendering during lost tracking --->>> when tracking resumes you can detect when tracking has resumed after being lost when the user position jumps while at the same time the
value of emulatedposition changes from true to false.
Web Bluetooth API - Web APIs
bluetoothremotegattdescriptor represents a gatt descriptor, which provides further information about a characteristic’s
value.
Web Locks API - Web APIs
the api provides optional functionality that may be used as needed, including: returning
values from the asynchronous task shared and exclusive lock modes conditional acquisition diagnostics to query the state of locks in an origin an escape hatch to protect against deadlocks locks are scoped to origins; the locks acquired by a tab from https://example.com have no effect on the locks acquired by a tab from https://example.org:8080 as they are separate origins.
Web Storage API - Web APIs
the web storage api provides mechanisms by which browsers can store key/
value pairs, in a much more intuitive fashion than using cookies.
Window: animationstart event - Web APIs
a negative delay will cause the event to fire with an elapsedtime equal to the absolute
value of the delay (and, correspondingly, the animation will begin playing at that time index into the sequence).
window.cancelAnimationFrame() - Web APIs
syntax window.cancelanimationframe(requestid); parameters requestid the id
value returned by the call to window.requestanimationframe() that requested the callback.
Window.captureEvents() - Web APIs
syntax window.captureevents(eventtype) eventtype is a combination of the following
values: event.abort, event.blur, event.click, event.change, event.dblclick, event.dragddrop, event.error, event.focus, event.keydown, event.keypress, event.keyup, event.load, event.mousedown, event.mousemove, event.mouseout, event.mouseover, event.mouseup, event.move, event.reset, event.resize, event.select, event.submit, event.unload.
Window: gamepadconnected event - Web APIs
bubbles no cancelable no interface gamepadevent event handler property ongamepadconnected examples window.addeventlistener('gamepadconnected', event => { // all buttons and axes
values can be accessed through event.gamepad; }); specifications specification status gamepad working draft ...
Window.mozAnimationStartTime - Web APIs
this
value should be used instead of, for example, date.now(), because this
value will be the same for all animations started in this window during this refresh interval, allowing them to remain in sync with one another.
Window.name - Web APIs
window.name will convert all
values to their string representations by using the tostring method.
Window: offline event - Web APIs
the offline event of the window interface is fired when the browser has lost access to the network and the
value of navigator.online switches to false.
Window.ongamepadconnected - Web APIs
}; examples window.ongamepadconnected = function(event) { // all buttons and axes
values can be accessed through event.gamepad; }; specifications specification status comment gamepadthe definition of 'gamepadconnected event' in that specification.
Window: online event - Web APIs
the online event of the window interface is fired when the browser has gained access to the network and the
value of navigator.online switches to true.
Window.opener - Web APIs
syntax const openerwindow = window.opener
value a window referring to the window that opened the current window (using window.open(), or by a link with target attribute set).
Window: pageshow event - Web APIs
the handler, eventlogger(), logs the type of event that occurred to the console, and includes the
value of the persisted flag on pageshow and pagehide events.
Window.performance - Web APIs
syntax performancedata = window.performance;
value a performance object offering access to the performance and timing-related information offered by the apis it exposes.
Window.releaseEvents() - Web APIs
syntax window.releaseevents(eventtype) eventtype is a combination of the following
values: event.abort, event.blur, event.click, event.change, event.dblclick, event.dragddrop, event.error, event.focus, event.keydown, event.keypress, event.keyup, event.load, event.mousedown, event.mousemove, event.mouseout, event.mouseover, event.mouseup, event.move, event.reset, event.resize, event.select, event.submit, event.unload.
Window.requestFileSystem() - Web APIs
return
value undefined example specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
Window.status - Web APIs
syntax window.status = string; var
value = window.status; specifications specification status comment html living standardthe definition of 'window.status' in that specification.
XDomainRequest.onload - Web APIs
syntax xdr.onload = funcref; example var xdr = new xdomainrequest(); xdr.open("post", "http://example.com/api/method"); xdr.onload = function(){ //handle response with xdr.responsetext } xdr.send("param1=
value1¶m2=
value2"); specification not part of any specification.
XDomainRequest.onprogress - Web APIs
example var xdr = new xdomainrequest(); xdr.open("post", "http://example.com/api/method"); xdr.onprogress = function(){ //handle partial response with xdr.responsetext } xdr.onload = function(){ //handle response with xdr.responsetext } xdr.send("param1=
value1¶m2=
value2"); specification not part of any specification.
XDomainRequest.ontimeout - Web APIs
example var xdr = new xdomainrequest(); xdr.open("post", "http://example.com/api/method"); xdr.ontimeout = function(){ //handle timeout } xdr.onload = function(){ //handle response with xdr.responsetext } xdr.send("param1=
value1¶m2=
value2"); specification not part of any specification.
XDomainRequest.send() - Web APIs
example var xdr = new xdomainrequest(); xdr.open("post", "http://example.com/api/method"); xdr.onload = function(){ //handle response with xdr.responsetext } xdr.send("param1=
value1¶m2=
value2"); specification not part of any specification.
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
try { errorclass = nsserrorsservice.geterrorclass(status); } catch (ex) { //catching security protocol exception errorclass = 'securityprotocol'; } if (errorclass == nsinsserrorsservice.error_class_bad_cert) { errtype = 'securitycertificate'; } else { errtype = 'securityprotocol'; } // nss_sec errors (happen below the base
value because of negative vals) if ((status & 0xffff) < math.abs(nsinsserrorsservice.nss_sec_error_base)) { // the bases are actually negative, so in our positive numeric space, we // need to subtract the base off our
value.
Synchronous and asynchronous requests - Web APIs
this is done by setting the
value of the timeout property on the xmlhttprequest object, as shown in the code below: function loadfile(url, timeout, callback) { var args = array.prototype.slice.call(arguments, 3); var xhr = new xmlhttprequest(); xhr.ontimeout = function () { console.error("the request for " + url + " timed out."); }; xhr.onload = function() { if (xhr.readystate === 4) { ...
XMLHttpRequest.abort() - Web APIs
return
value undefined example this example begins loading content from the mdn home page, then due to some condition, aborts the transfer by calling abort().
XMLHttpRequest: abort event - Web APIs
bubbles no cancelable no interface progressevent event handler property onabort examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr"
value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr"
value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr"
value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; ...
XMLHttpRequest: error event - Web APIs
bubbles no cancelable no interface progressevent event handler property onerror examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr"
value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr"
value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr"
value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document...
XMLHttpRequest: load event - Web APIs
bubbles no cancelable no interface progressevent event handler property onload examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr"
value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr"
value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr"
value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbutton...
XMLHttpRequest: loadend event - Web APIs
bubbles no cancelable no interface progressevent event handler property onloadend examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr"
value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr"
value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr"
value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { widt...
XMLHttpRequest: loadstart event - Web APIs
bubbles no cancelable no interface progressevent event handler property onloadstart examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr"
value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr"
value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr"
value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess ...
XRInputSource.profiles - Web APIs
syntax let profilelist = xrinputsource.profiles;
value an array of domstring objects, each describing one configuration profile for the input device represented by the xrinputsource object.
XRInputSourceEvent.frame - Web APIs
syntax let inputframe = xrinputsourceevent.frame;
value an xrframe indicating the event frame at which the user input event described by the object took place.
XRInputSourceEventInit.frame - Web APIs
syntax xrinputsourceeventinit.frame = xrframe; let xrinputsourceeventinit = { frame: xrframe }; let xrinputsourceevent = new xrinputsourceevent(type, { frame: xrframe });
value an xrframe indicating the time at which the event took place, and providing a getpose() method which can be used to map reference spaces to the world reference space.
XRInputSourcesChangeEvent.added - Web APIs
syntax let addedinputs = xrinputsourceschangeevent.added;
value an array of zero or more xrinputsource objects, each representing one input device added to the xr system.
XRInputSourcesChangeEventInit.added - Web APIs
ngeevent = new xrinputsourceschangeeventinit("inputsourceschange", inputsourceseventinit); myinputsourceschangeevent = new xrinputsourceschangeeventinit("inputsourceschange", { session: xrsession, added: addeddevicelist, removed: removeddevicelist });
value an array of zero or more xrinputsource objects, each representing one input device added to the xr system.
XRInputSourcesChangeEventInit.removed - Web APIs
ngeevent = new xrinputsourceschangeeventinit("inputsourceschange", inputsourceseventinit); myinputsourceschangeevent = new xrinputsourceschangeeventinit("inputsourceschange", { session: xrsession, added: addeddevicelist, removed: removeddevicelist });
value an array of zero or more xrinputsource objects, each representing one input device removed from the xr system.
XRInputSourcesChangeEventInit.session - Web APIs
ngeevent = new xrinputsourceschangeeventinit("inputsourceschange", inputsourceseventinit); myinputsourceschangeevent = new xrinputsourceschangeeventinit("inputsourceschange", { session: xrsession, added: addeddevicelist, removed: removeddevicelist });
value an xrsession indicating the webxr session to which the input source list change applies.
XRPermissionDescriptor.mode - Web APIs
syntax xrpermissiondescriptor = { mode: xrsessionmode, requiredfeatures: reqfeaturelist, optionalfeatures: optfeaturelist }; xrpermissiondescriptor.mode = xrsessionmode; xrmode = xrpermissiondescriptor.mode;
value a domstring whose
value is one of the strings found in the xrsessionmode enumerated type: immersive-ar the session's output will be given exclusive access to the immersive device, but the rendered content will be blended with the real-world environment.
XRPermissionDescriptor - Web APIs
mode an xrsessionmode
value indicating the xr mode (inline, immersive-vr, or immersive-ar) for which the permissions are requested.
XRReferenceSpace.onreset - Web APIs
syntax xrreferencespace.onreset = eventhandler; eventhandler = xrreferencespace.onreset;
value an event handler function which will be called whenever the reset event is received by the xrreferencespace.
XRReferenceSpace: reset event - Web APIs
if a jump in the viewer's position coincides with emulatedposition toggling from true to false, the viewer has regained tracking, and that their new position represents a correction from the previously emulated
values.
XRReferenceSpace - Web APIs
xrreferencespace local-floor similar to the local type, except the starting position is placed in a safe location for the viewer to stand, where the
value of the y axis is 0 at floor level.
x-ms-aria-flowfrom - Accessibility
syntax x-ms-aria-flowfrom="elementid";
value the x-ms-aria-flowfrom property
value uses an id selector to define which previous element the reading order will flow from.
Using ARIA: Roles, states, and properties - Accessibility
oles alertdialog dialog states and properties widget attributes aria-autocomplete aria-checked aria-current aria-disabled aria-errormessage aria-expanded aria-haspopup aria-hidden aria-invalid aria-label aria-level aria-modal aria-multiline aria-multiselectable aria-orientation aria-placeholder aria-pressed aria-readonly aria-required aria-selected aria-sort aria-
valuemax aria-
valuemin aria-
valuenow aria-
valuetext live region attributes aria-live aria-relevant aria-atomic aria-busy drag & drop attributes aria-dropeffect aria-dragged relationship attributes aria-activedescendant aria-colcount aria-colindex aria-colspan aria-controls aria-describedby aria-details aria-errormessage aria-flowto aria-labelledby aria-owns aria-p...
ARIA: alert role - Accessibility
when the display
value is changed with css or javascript, it would automatically trigger the screen reader to read out the content.
ARIA: application role - Accessibility
required javascript features keypress used to handle keyboard input and control the focus click, touch handle as appropriate for your widget as well changing attribute
values aria-activedescendant is used to manage the focus inside the application container.
ARIA: article role - Accessibility
changing attribute
values when constructing a feed, set the aria-posinset and aria-setsize attributes on each article role to the appropriate
values, bearing in mind that aria-posinset is 1-based.
ARIA: Comment role - Accessibility
harply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> to associate the comment with the text being commented, we need to wrap the commented text with an element containing the aria-details attribute, the
value of which should be the id of the comment.
ARIA: feed role - Accessibility
each article element has aria-posinset set to a
value that represents its position in the feed and an aria-setsize set to a
value that represents either the total number of articles that have been loaded or the total number in the feed, depending on which
value is more helpful to users.
ARIA: figure role - Accessibility
aria-label if there is no element containing text that could serve as a label, you can add the label directly as a
value on the aria-label on the element with the figure role or on the <figure> element.
ARIA: Mark role - Accessibility
to associate the comment with the text being commented, we need to wrap the commented text with an element containing the aria-details attribute, the
value of which should be the id of the comment.
ARIA: search role - Accessibility
examples <form id="search" role="search"> <label for="search-input">search this site</label> <input type="search" id="search-input" name="search" spellcheck="false"> <input
value="submit" type="submit"> </form> accessibility concerns landmark roles are intended to be used sparingly, to identify larger overall sections of the document.
::slotted() - CSS: Cascading Style Sheets
'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
:checked - CSS: Cascading Style Sheets
syntax :checked examples basic example html <div> <input type="radio" name="my-input" id="yes"> <label for="yes">yes</label> <input type="radio" name="my-input" id="no"> <label for="no">no</label> </div> <div> <input type="checkbox" name="my-checkbox" id="opt-in"> <label for="opt-in">check me!</label> </div> <select name="my-select" id="fruit"> <option
value="opt1">apples</option> <option
value="opt2">grapes</option> <option
value="opt3">pears</option> </select> css div, select { margin: 8px; } /* labels for checked inputs */ input:checked + label { color: red; } /* radio element, when checked */ input[type="radio"]:checked { box-shadow: 0 0 0 3px orange; } /* checkbox element, when checked */ input[type="checkbox"]:checked { box-sh...
:empty - CSS: Cascading Style Sheets
all interactive content must have an accessible name, which is created by providing a text
value for the interactive control's parent element (anchors, buttons, etc.).
:enabled - CSS: Cascading Style Sheets
html <form action="url_of_form"> <label for="firstfield">first field (enabled):</label> <input type="text" id="firstfield"
value="lorem"><br> <label for="secondfield">second field (disabled):</label> <input type="text" id="secondfield"
value="ipsum" disabled="disabled"><br> <input type="button"
value="submit"> </form> css input:enabled { color: #2b2; } input:disabled { color: #aaa; } result specifications specification status comment html living standardthe definition of ':e...
:focus-visible - CSS: Cascading Style Sheets
<input
value="default styles"><br> <button>default styles</button><br> <input class="focus-only"
value=":focus only"><br> <button class="focus-only">:focus only</button><br> <input class="focus-visible-only"
value=":focus-visible only"><br> <button class="focus-visible-only">:focus-visible only</button> input, button { margin: 10px; } .focus-only:focus { outline: 2px solid black; } .focus-visible-only:...
:focus - CSS: Cascading Style Sheets
syntax :focus examples html <input class="red-input"
value="i'll be red when focused."><br> <input class="blue-input"
value="i'll be blue when focused."> css .red-input:focus { background: yellow; color: red; } .blue-input:focus { background: yellow; color: blue; } result accessibility concerns make sure the visual focus indicator can be seen by people with low vision.
:has() - CSS: Cascading Style Sheets
'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
:host() - CSS: Cascading Style Sheets
'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
:host-context() - CSS: Cascading Style Sheets
'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
:indeterminate - CSS: Cascading Style Sheets
/* selects any <input> whose state is indeterminate */ input:indeterminate { background: lime; } elements targeted by this selector are: <input type="checkbox"> elements whose indeterminate property is set to true by javascript <input type="radio"> elements, when all radio buttons with the same name
value in the form are unchecked <progress> elements in an indeterminate state syntax :indeterminate examples checkbox & radio button this example applies special styles to the labels associated with indeterminate form fields.
:invalid - CSS: Cascading Style Sheets
(grouped radio buttons share the same
value for their name attribute.) gecko defaults by default, gecko does not apply a style to the :invalid pseudo-class.
:not() - CSS: Cascading Style Sheets
'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
:where() - CSS: Cascading Style Sheets
'*'<subclass-selector> = <id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector><pseudo-element-selector> = ':' <pseudo-class-selector><pseudo-class-selector> = ':' <ident-token> | ':' <function-token> <any-
value> ')'where <wq-name> = <ns-prefix>?
CSS Grid Layout - CSS: Cascading Style Sheets
<flex> glossary entries grid grid lines grid tracks grid cell grid area gutters grid axis grid row grid column guides basic concepts of grid layout relationship of grid layout to other layout methods layout using line-based placement grid template areas layout using named grid lines auto-placement in css grid layout box alignment in css grid layout css grid, logical
values and writing modes css grid layout and accessibility css grid and progressive enhancement realising common layouts using css grid subgrid external resources css grid and ie11 (polyfill) examples from jen simmons grid by example - a collection of usage examples and video tutorials codrops grid reference firefox devtools css grid inspector css grid playground grid garden - a game fo...
Implementing image sprites in CSS - CSS: Cascading Style Sheets
implementation suppose an image is given to every item with class toolbtn: .toolbtn { background: url(myfile.png); display: inline-block; height: 20px; width: 20px; } a background position can be added either as two x, y
values after the url()() in the background, or as background-position.
CSS Text - CSS: Cascading Style Sheets
reference properties hanging-punctuation hyphens letter-spacing line-break overflow-wrap tab-size text-align text-align-last text-indent text-justify text-size-adjust text-transform white-space word-break word-spacing specifications specification status comment css logical properties and
values level 1 editor's draft updates some properties to be independent of the directionality of the text.
Microsoft CSS extensions - CSS: Cascading Style Sheets
roll-snap-points-y -ms-scroll-snap-x -ms-scroll-snap-y -ms-scroll-translation -ms-text-autospace -ms-touch-select -ms-wrap-flow -ms-wrap-margin -ms-wrap-through zoom pseudo-elements ::-ms-browse ::-ms-check ::-ms-clear ::-ms-expand ::-ms-fill ::-ms-fill-lower ::-ms-fill-upper ::-ms-reveal ::-ms-thumb ::-ms-ticks-after ::-ms-ticks-before ::-ms-tooltip ::-ms-track ::-ms-
value media features -ms-high-contrast css-related dom apis mscontentzoomfactor msgetpropertyenabled msgetregioncontent msrangecollection msregionoverflow ...
Common (exsl) - EXSLT
exsl:node-set()exsl:node-set() returns a node-set from a result tree fragment, which is what you get when you look at the xsl:variable instead of its select attribute to fetch a variable's
value.
set:leading() - EXSLT
returns a node-set containing the nodes from nodeset1 whose
values precede the first node in nodeset2.
set:trailing() - EXSLT
returns a node-set containing the nodes from nodeset1 whose
values follow the first node in nodeset2.
Sets (set) - EXSLT
in other words, it returns a node-set whose nodes are in one node-set but not in the other.set:distinct()set:distinct() returns a subset of the nodes in the specified node-set, returning only nodes with unique string
values.set:has-same-node()set:has-same-node() determines whether two node-sets have any nodes in common.set:intersection()set:intersection() returns the intersection of two node-sets.
Strings (str) - EXSLT
str:concat()str:concat() returns a string containing all the string
values in a node-set concatenated together.str:split()str:split() splits a string using a pattern string to determine where the splits should occur, returning a node-set containing the resulting strings.str:tokenize()str:tokenize() splits a string using a set of characters as delimiters that determine where the splits should occur, returning a node-set containing the resulting strings.
Ajax - Developer guides
possible
values are the empty string (default), arraybuffer, blob, document, json, and text.
Overview of events and handlers - Developer guides
th an argument object derived from: " + objkind ); }; and second register our function with the the button object, either on the scripting side using the dom (document object model) representation of the html page: var buttondomelement = document.queryselector('#buttonone'); buttondomelement.addeventlistener('click', example_click_handler); or within the html page by adding the function as the
value of the 'onclick' attribute, although this second approach is usually only used in very simple web pages.
HTML5 - Developer guides
forms improvements a look at the constraint validation api, several new attributes, new
values for the <input> attribute type and the new <output> element.
Parsing and serializing XML - Developer guides
ressable resources into dom trees using xmlhttprequest here is sample code that reads and parses a url-addressable xml file into a dom tree: var xhr = new xmlhttprequest(); xhr.onload = function() { dump(xhr.responsexml.documentelement.nodename); } xhr.onerror = function() { dump("error while getting xml."); } xhr.open("get", "example.xml"); xhr.responsetype = "document"; xhr.send(); the
value returned in the xhr object's responsexml field is a document constructed by parsing the xml.
Developer guides
using formdata objects the formdata object lets you compile a set of key/
value pairs to send using xmlhttprequest.
Accept-CH-Lifetime - HTTP
the accept-ch-lifetime header is set by the server to specify the persistence of accept-ch header
value that specifies for which client hints headers client should include in subsequent requests.
Access-Control-Allow-Headers - HTTP
* (wildcard) the
value "*" only counts as a special wildcard
value for requests without credentials (requests without http cookies or http authentication information).
Access-Control-Allow-Methods - HTTP
* (wildcard) the
value "*" only counts as a special wildcard
value for requests without credentials (requests without http cookies or http authentication information).
Alt-Svc - HTTP
syntax alt-svc: clear alt-svc: <protocol-id>=<alt-authority>; ma=<max-age> alt-svc: <protocol-id>=<alt-authority>; ma=<max-age>; persist=1 clear the special
value ''clear" indicates that the origin requests all alternatives for that origin to be invalidated.
Connection - HTTP
if the
value sent is keep-alive, the connection is persistent and not closed, allowing for subsequent requests to the same server to be done.
Content-Language - HTTP
header type entity header forbidden header name no cors-safelisted response header yes cors-safelisted request header yes, with the additional restriction that
values can only be 0-9, a-z, a-z, space or *,-.;=.
CSP: referrer - HTTP
syntax content-security-policy: referrer <referrer-policy>; where <referrer-policy> can be one of the following
values: "no-referrer" the referer header will be omitted entirely.
CSP: report-to - HTTP
syntax content-security-policy: report-to <json-field-
value>; examples see content-security-policy-report-only for more information and examples.
CSP: sandbox - HTTP
syntax content-security-policy: sandbox; content-security-policy: sandbox <
value>; where <
value> can optionally be one of the following
values: allow-downloads-without-user-activation allows for downloads to occur without a gesture from the user.
Cookie - HTTP
header type request header forbidden header name yes syntax cookie: <cookie-list> cookie: name=
value cookie: name=
value; name2=
value2; name3=
value3 <cookie-list> a list of name-
value pairs in the form of <cookie-name>=<cookie-
value>.
Expect-CT - HTTP
if a cache receives a
value greater than it can represent, or if any of its subsequent calculations overflows, the cache will consider this
value to be either 2,147,483,648 (231) or the greatest positive integer it can represent.
Expires - HTTP
invalid dates, like the
value 0, represent a date in the past and mean that the resource is already expired.
Forwarded - HTTP
examples using the forwarded header forwarded: for="_mdn" # case insensitive forwarded: for="[2001:db8:cafe::17]:4711" # separated by semicolon forwarded: for=192.0.2.60;proto=http;by=203.0.113.43 # multiple
values can be appended using a comma forwarded: for=192.0.2.43, for=198.51.100.17 transitioning from x-forwarded-for to forwarded if your application, server, or proxy supports the standardized forwarded header, the x-forwarded-for header can be replaced.
Large-Allocation - HTTP
header type response header forbidden header name no syntax large-allocation: 0 large-allocation: <megabytes> directives 0 0 is a special
value which represents uncertainty as to what the size of the allocation is.
Link - HTTP
syntax link: < uri-reference >; param1=
value1; param2="
value2" <uri-reference> the uri reference, must be enclosed between < and >.
Public-Key-Pins-Report-Only - HTTP
header type response header forbidden header name no syntax public-key-pins-report-only: pin-sha256="<pin-
value>"; max-age=<expire-time>; includesubdomains; report-uri="<uri>" directives pin-sha256="<pin-
value>" the quoted string is the base64 encoded subject public key information (spki) fingerprint.
Public-Key-Pins - HTTP
header type response header forbidden header name no syntax public-key-pins: pin-sha256="<pin-
value>"; max-age=<expire-time>; includesubdomains; report-uri="<uri>" directives pin-sha256="<pin-
value>" the quoted string is the base64 encoded subject public key information (spki) fingerprint.
Range - HTTP
this
value is optional and, if omitted, the end of the document is taken as the end of the range.
Sec-Fetch-Dest - HTTP
tch-dest: image sec-fetch-dest: manifest sec-fetch-dest: nested-document sec-fetch-dest: object sec-fetch-dest: paintworklet sec-fetch-dest: report sec-fetch-dest: script sec-fetch-dest: serviceworker sec-fetch-dest: sharedworker sec-fetch-dest: style sec-fetch-dest: track sec-fetch-dest: video sec-fetch-dest: worker sec-fetch-dest: xslt sec-fetch-dest: audioworklet sec-fetch-dest: audioworklet
values audio audioworklet document embed empty font image manifest object paintworklet report script serviceworker sharedworker style track video worker xslt nested-document examples todo specifications specification title fetch metadata request headers the sec-fetch-dest http request header ...
Sec-Fetch-Mode - HTTP
header type fetch metadata request header forbidden header name yes, since it has prefix sec- cors-safelisted request header syntax sec-fetch-mode: cors sec-fetch-mode: navigate sec-fetch-mode: nested-navigate sec-fetch-mode: no-cors sec-fetch-mode: same-origin sec-fetch-mode: websocket
values cors navigate nested-navigate no-cors same-origin websocket examples todo specifications specification title fetch metadata request headers the sec-fetch-mode http request header ...
Sec-Fetch-Site - HTTP
header type fetch metadata request header forbidden header name yes, since it has prefix sec- cors-safelisted response header cors-safelisted request header syntax sec-fetch-site: cross-site sec-fetch-site: same-origin sec-fetch-site: same-site sec-fetch-site: none
values cross-site same-origin same-site none this request does not relate to any context like site, origin, or frame.
Sec-Fetch-User - HTTP
header type fetch metadata request header forbidden header name yes, since it has prefix sec- cors-safelisted request header syntax sec-fetch-user: ?0 sec-fetch-user: ?1
values the
value is a boolean structured header.
Sec-WebSocket-Accept - HTTP
header type response header forbidden header name no syntax sec-websocket-accept: <hashed key> directives <hashed key> the server takes the
value of the sec-websocket-key sent in the handshake request, appends 258eafa5-e914-47da-95ca-c5ab0dc85b11, takes sha-1 of the new
value, and is then base64 encoded.
Timing-Allow-Origin - HTTP
the timing-allow-origin response header specifies origins that are allowed to see
values of attributes retrieved via features of the resource timing api, which would otherwise be reported as zero due to cross-origin restrictions.
X-Frame-Options - HTTP
<httpprotocol> <customheaders> <add name="x-frame-options"
value="sameorigin" /> </customheaders> </httpprotocol> ...
OPTIONS - HTTP
(this header is similar to the allow response header, but used only for cors.) access-control-allow-headers any script inspecting the response is permitted to read the
values of the x-pingother and content-type headers.
TRACE - HTTP
the final recipient is either the origin server or the first server to receive a max-forwards
value of 0 in the request.
An overview of HTTP - HTTP
typically, a client wants to fetch a resource (using get) or post the
value of an html form (using post), though more operations may be needed in other cases.
HTTP resources and specifications - HTTP
l scheme proposed standard rfc 3986 uniform resource identifier (uri): generic syntax internet standard rfc 5988 web linking defines the link header proposed standard experimental spec hypertext transfer protocol (http) keep-alive header informational (expired) draft spec http client hints ietf draft rfc 7578 returning
values from forms: multipart/form-data proposed standard rfc 6266 use of the content-disposition header field in the hypertext transfer protocol (http) proposed standard rfc 2183 communicating presentation information in internet messages: the content-disposition header field only a subset of syntax of the content-disposition header can be used in the context of http m...
203 Non-Authoritative Information - HTTP
the 203 response is similar to the
value 214, meaning transformation applied, of the warning header code, which has the additional advantage of being applicable to responses with any status code.
406 Not Acceptable - HTTP
the hypertext transfer protocol (http) 406 not acceptable client error response code indicates that the server cannot produce a response matching the list of acceptable
values defined in the request's proactive content negotiation headers, and that the server is unwilling to supply a default representation.
412 Precondition Failed - HTTP
for example, when editing mdn, the current wiki content is hashed and put into an etag in the response: etag: "33a64df551425fcc55e4d42a148795d9f25f89d4" when saving changes to a wiki page (posting data), the post request will contain the if-match header containing the etag
values to check freshness against.
416 Range Not Satisfiable - HTTP
the most likely reason is that the document doesn't contain such ranges, or that the range header
value, though syntactically correct, doesn't make sense.
HTTP
the client then returns the cookie's
value with every request to the same server in the form of a cookie request header.
Enumerability and ownership of properties - JavaScript
detection can occur by simplepropertyretriever.thegetmethodyouwant(obj).indexof(prop) > -1 iteration can occur by simplepropertyretriever.thegetmethodyouwant(obj).foreach(function (
value, prop) {}); (or use filter(), map(), etc.) var simplepropertyretriever = { getownenumerables: function(obj) { return this._getpropertynames(obj, true, false, this._enumerable); // or could use for..in filtered with hasownproperty or just this: return object.keys(obj); }, getownnonenumerables: function(obj) { return this._getpropertynames(obj, true, false, th...
Introduction - JavaScript
in contrast to java's compile-time system of classes built by declarations, javascript supports a runtime system based on a small number of data types representing numeric, boolean, and string
values.
Using Promises - JavaScript
then(func1).then(func2).then(func3); this can be made into a reusable compose function, which is common in functional programming: const applyasync = (acc,val) => acc.then(val); const composeasync = (...funcs) => x => funcs.reduce(applyasync, promise.resolve(x)); the composeasync() function will accept any number of functions as arguments, and will return a new function that accepts an initial
value to be passed through the composition pipeline: const transformdata = composeasync(func1, func2, func3); const result3 = transformdata(data); in ecmascript 2017, sequential composition can be done more simply with async/await: let result; for (const f of [func1, func2, func3]) { result = await f(result); } /* use last result (i.e.
constructor - JavaScript
this.name = 'square'; } get area() { return this.height * this.width; } set area(
value) { this.height =
value**0.5; this.width =
value**0.5; } } another example here the prototype of square class is changed—but the constructor of its base class polygon is still called when a new instance of a square is created.
TypeError: can't define property "x": "obj" is not extensible - JavaScript
var obj = { }; object.preventextensions(obj); object.defineproperty(obj, 'x', {
value: "foo" } ); // typeerror: can't define property "x": "obj" is not extensible to fix this error, you will either need to remove the call to object.preventextensions() entirely, or move it to a position so that the property is added earlier and only later the object is marked as non-extensible.
TypeError: property "x" is non-configurable and can't be deleted - JavaScript
'use strict'; var obj = object.freeze({name: 'elsa', score: 157}); delete obj.score; // typeerror 'use strict'; var obj = {}; object.defineproperty(obj, 'foo', {
value: 2, configurable: false}); delete obj.foo; // typeerror 'use strict'; var frozenarray = object.freeze([0, 1, 2]); frozenarray.pop(); // typeerror there are also a few non-configurable properties built into javascript.
Understanding latency - Web Performance
the approximate
values of some presets include: selection download speed upload speed minimum latency (ms) gprs 50 kbps 20 kbps 500 regular 2g 250 kbps 50 kbps 300 good 2g 450 kbps 150 kbps 150 regular 3g 750 kbps 250 kbps 100 good 3g 1.5 mbps 750 kbps 40 regular 4g/lte 4 mbps 3 mbps 20 ...
Add to Home screen - Progressive web apps (PWAs)
to make it feel like a distinct app (and not just a web page), you should choose a
value such as fullscreen (no ui is shown at all) or standalone (very similar, but system-level ui elements such as the status bar might be visible).
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
fetch('./register', { method: 'post', headers: { 'content-type': 'application/json' }, body: json.stringify({ subscription: subscription }), }); then the globaleventhandlers.onclick function on the subscribe button is defined: document.getelementbyid('doit').onclick = function() { const payload = document.getelementbyid('notification-payload').
value; const delay = document.getelementbyid('notification-delay').
value; const ttl = document.getelementbyid('notification-ttl').
value; fetch('./sendnotification', { method: 'post', headers: { 'content-type': 'application/json' }, body: json.stringify({ subscription: subscription, payload: payload, delay: dela...
accent-height - SVG: Scalable Vector Graphics
value <number> default
value value of ascent animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'accent-height' in that specification.
amplitude - SVG: Scalable Vector Graphics
four elements are using this attribute: <fefunca>, <fefuncb>, <fefuncg>, and <fefuncr> usage notes
value <number> default
value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'amplitude' in that specification.
attributeName - SVG: Scalable Vector Graphics
elements are using this attribute: <animate>, <animatecolor>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"> <rect x="50" y="50" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="5s" repeatcount="indefinite"/> </rect> </svg> usage notes
value <name> default
value none animatable no <name> this
value indicates the name of the css property or attribute of the target element to be animated.
azimuth - SVG: Scalable Vector Graphics
ght azimuth="0" /> </fediffuselighting> </filter> <filter id="distantlight2"> <fediffuselighting> <fedistantlight azimuth="240" /> </fediffuselighting> </filter> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight1);" /> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight2); transform: translatex(240px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'azimuth' in that specification.
bbox - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <string> default
value none animatable no <string> a comma-separated list of exactly four numbers specifying, in order, the lower left x, lower left y, upper right x, and upper right y of the bounding box for the complete font.
cap-height - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'cap-height' in that specification.
clip-path - SVG: Scalable Vector Graphics
this is the same as having a custom clipping path with a clippathunits set to userspaceonuse --> <rect x="11" y="11" width="8" height="8" stroke="green" clip-path="circle() view-box" /> </svg> usage notes
value <url> | [ <basic-shape> || <geometry-box> ] | none default
value none animatable yes <geometry-box> an extra information to tell how a <basic-shape> is applied to an element: fill-box indicates to use the object bounding box; stroke-box indicates to use the object bounding box extended with the stroke; view-box indicates to use the nearest svg viewport as the ...
clip-rule - SVG: Scalable Vector Graphics
/> </g> as a presentation attribute, it also can be used as a property directly inside a css stylesheet usage context categories presentation attribute
value nonzero | evenodd | inherit animatable yes normative document svg 1.1 (2nd edition) nonzero see description of fill-rule property.
color-profile - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it only has an effect on the following element: <image> usage notes
value auto | srgb | <name> | <iri> default
value auto animatable yes auto all colors are presumed to be defined in the srgb color space unless a more precise embedded profile is specified within content data.
cursor - SVG: Scalable Vector Graphics
usage context categories presentation attribute
value [[<funciri>,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ]] | inherit animatable yes normative document svg 1.1 (2nd edition) <funciri> functional notation for a reference.
descent - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <number> default
value value of vert-origin-y animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'descent' in that specification.
elevation - SVG: Scalable Vector Graphics
elevation="0" /> </fediffuselighting> </filter> <filter id="distantlight2"> <fediffuselighting> <fedistantlight elevation="45" /> </fediffuselighting> </filter> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight1);" /> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight2); transform: translatex(240px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'elevation' in that specification.
exponent - SVG: Scalable Vector Graphics
a" exponent="5"/> <fefuncb type="gamma" exponent="5"/> </fecomponenttransfer> </filter> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer1);" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 1 animatable yes <number> if the type attribute of the component element is set to gamma, this
value specifies the exponent of the gamma function specifications specification status comment filter effects module level 1the definition of 'exponent' in that specification.
fill-opacity - SVG: Scalable Vector Graphics
--> <circle cx="50" cy="50" r="40" /> <!-- fill opacity as a number --> <circle cx="150" cy="50" r="40" fill-opacity="0.7" /> <!-- fill opacity as a percentage --> <circle cx="250" cy="50" r="40" fill-opacity="50%" /> <!-- fill opacity as a css property --> <circle cx="350" cy="50" r="40" style="fill-opacity: .25;" /> </svg> usage notes
value [0-1] | <percentage> default
value 1 animatable yes note: svg2 introduces percentage
values for fill-opacity, however, it is not widely supported yet (see browser compatibility below) as a consequence, it is best practices to set opacity with a
value in the range [0-1].
filterUnits - SVG: Scalable Vector Graphics
only one element is using this attribute: <filter> usage notes
value userspaceonuse | objectboundingbox default
value objectboundingbox animatable yes userspaceonuse x, y, width and height represent
values in the current coordinate system that results from taking the current user coordinate system in place at the time when the <filter> element is referenced (i.e., the user coordinate system for the element referencing the <filter> element via a filter attribute).
font-family - SVG: Scalable Vector Graphics
to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-family="arial, helvetica, sans-serif">sans serif</text> <text x="100" y="20" font-family="monospace">monospace</text> </svg> usage notes
value [ <family-name> | <generic-family> ]#where <family-name> = <string> | <custom-ident>+<generic-family> = serif | sans-serif | cursive | fantasy | monospace default
value depends on user agent animatable yes for a description of the
values, please refer to the css font-family property.
font-size - SVG: Scalable Vector Graphics
resentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-size="smaller">smaller</text> <text x="100" y="20" font-size="2em">2em</text> </svg> usage notes
value <absolute-size> | <relative-size> | <length-percentage> default
value medium animatable yes for a description of the
values, please refer to the css font-size property.
font-stretch - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> usage notes
value <font-stretch-absolute>where <font-stretch-absolute> = normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage> default
value normal animatable yes specifications specification status comment css fonts module level 4the definition of 'font-stret...
font-style - SVG: Scalable Vector Graphics
an be applied to any element but only has an effect on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-style="normal">normal font style</text> <text x="150" y="20" font-style="italic">italic font style</text> </svg> usage notes
value normal | italic | oblique default
value normal animatable yes for a description of the
values, please refer to the css font-style property.
font-weight - SVG: Scalable Vector Graphics
tribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-weight="normal">normal text</text> <text x="100" y="20" font-weight="bold">bold text</text> </svg> usage notes
value normal | bold | bolder | lighter | <number> default
value normal animatable yes for a description of the
values, please refer to the css font-weight property.
fr - SVG: Scalable Vector Graphics
adient2" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="25%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r="100" fill="url(#gradient2)" style="transform: translatex(240px);" /> </svg> usage notes
value <length> default
value 0 animatable none example <svg viewbox="0 0 120 120" width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <stop offset="0%" stop-color="red"/> <stop offset="100%" stop-color="blue"/> </radialgradient> </defs> ...
fx - SVG: Scalable Vector Graphics
radient2" cx="0.5" cy="0.5" r="0.5" fx="0.75" fy="0.35" fr="5%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r="100" fill="url(#gradient2)" style="transform: translatex(240px);" /> </svg> usage notes
value <length> default
value coincides with the presentational
value of cx for the element whether the
value for cx was inherited or not.
fy - SVG: Scalable Vector Graphics
radient2" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.75" fr="5%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r="100" fill="url(#gradient2)" style="transform: translatex(240px);" /> </svg> usage notes
value <length> default
value coincides with the presentational
value of cy for the element whether the
value for cy was inherited or not.
g1 - SVG: Scalable Vector Graphics
two elements are using this attribute: <hkern> and <vkern> context notes
value <name># default
value none animatable no <name># this
value indicates a comma-separated sequence of glyph names (i.e.,
values that match glyph-name attributes on <glyph> elements) which identify a set of possible first glyphs in the kerning pair.
g2 - SVG: Scalable Vector Graphics
two elements are using this attribute: <hkern> and <vkern> context notes
value <name># default
value none animatable no <name># this
value indicates a comma-separated sequence of glyph names (i.e.,
values that match glyph-name attributes on <glyph> elements) which identify a set of possible second glyphs in the kerning pair.
glyph-name - SVG: Scalable Vector Graphics
only one element is using this attribute: <glyph> context notes
value <name># default
value none animatable no <name># this
value specifies a comma-separated list of names for the glyph.
glyphRef - SVG: Scalable Vector Graphics
two elements are using this attribute: <altglyph> and <glyphref> usage notes
value <string> default
value none animatable yes <string> this
value represents the glyph identifier.
horiz-origin-x - SVG: Scalable Vector Graphics
only one element is using this attribute: <font> usage notes
value <number> default
value 0 animatable no <number> this
value indicates the x-coordinate of the origin of a glyph for horizontally oriented text.
horiz-origin-y - SVG: Scalable Vector Graphics
only one element is using this attribute: <font> usage notes
value <number> default
value 0 animatable no <number> this
value indicates the x-coordinate of the origin of a glyph for horizontally oriented text.
image-rendering - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following element: <image> usage notes
value auto | optimizespeed | optimizequality default
value auto animatable yes auto indicates that the user agent shall make appropriate tradeoffs to balance speed and quality, but quality shall be given more importance than speed.
intercept - SVG: Scalable Vector Graphics
rcept="0.1"/> <fefuncb type="linear" intercept="0.8"/> </fecomponenttransfer> </filter> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer1);" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'intercept' in that specification.
lengthAdjust - SVG: Scalable Vector Graphics
</text> </g> </svg> usage notes
value spacing | spacingandglyphs default
value spacing animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'lengthadjust' in that specification.
limitingConeAngle - SVG: Scalable Vector Graphics
diffuselighting diffuseconstant="2"> <fespotlight x="10" y="10" z="50" pointsatx="100" pointsaty="100" limitingconeangle="40" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#spotlight1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#spotlight2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'limitingconeangle' in that specification.
local - SVG: Scalable Vector Graphics
only one element is using this attribute: <color-profile> usage notes
value <string> default
value none animatable no <string> this
value specifies the unique id for a locally stored color profile as specified by international color consortium.
mask - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has noticeable effects mostly on the following nineteen elements: <a>, <circle>, <clippath>, <ellipse>, <g>, <glyph>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <symbol>, <text>, <use> usage notes
value see the css property mask default
value none animatable yes specifications specification status comment css masking module level 1the definition of 'mask' in that specification.
mode - SVG: Scalable Vector Graphics
"floodfill" mode="color-dodge"/> </filter> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#blending1);"/> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200" style="filter:url(#blending2); transform:translatex(220px);"/> </svg> usage notes
value <blend-mode> default
value normal animatable yes for a description of the
values, see <blend-mode>.
onclick - SVG: Scalable Vector Graphics
<polyline>, <radialgradient>, <rect>, <script>, <set>, <stop>, <style>, <svg>, <switch>, <symbol>, <text>, <textpath>, <title>, <tref>, <tspan>, <use>, <view> html, body, svg { height: 100%; margin: 0; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="100" onclick="alert('you have clicked the circle.')" /> </svg> usage notes
value <anything> default
value none animatable no specifications specification status comment scalable vector graphics (svg) 2the definition of 'onclick' in that specification.
origin - SVG: Scalable Vector Graphics
only one element is using this attribute: <animatemotion> context notes
value default default
value default animatable no specifications specification status comment svg animations level 2the definition of 'origin' in that specification.
paint-order - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following ten elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, and <tspan> usage notes
value normal | [ fill || stroke || markers ] default
value normal animatable yes normal this
value indicates that the fill will be painted first, then the stroke, and finally the markers.
pointer-events - SVG: Scalable Vector Graphics
get.style.fill = fill }) as a presentation attribute, it can be applied to any element but it is mostly relevant only on the following twenty-three elements: <a>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <use> usage notes
value bounding-box | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all | none default
value visiblepainted animatable yes for a detailed explanation of each possible
value, have a look at the css pointer-events documentation.
pointsAtX - SVG: Scalable Vector Graphics
idth="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="60" y="60" z="50" pointsatx="400" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default
value 0
value <number> animatable yes specifications specification status comment filter effects module level 1the definition of 'pointsatx' in that specification.
pointsAtY - SVG: Scalable Vector Graphics
idth="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="60" y="60" z="50" pointsaty="400" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default
value 0
value <number> animatable yes specifications specification status comment filter effects module level 1the definition of 'pointsaty' in that specification.
pointsAtZ - SVG: Scalable Vector Graphics
dth="100%" height="100%"> <fediffuselighting in="sourcegraphic"> <fespotlight x="100" y="100" z="50" pointsatz="80" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default
value 0
value <number> animatable yes specifications specification status comment filter effects module level 1the definition of 'pointsatz' in that specification.
seed - SVG: Scalable Vector Graphics
bulence basefrequency="0.025" seed="0" /> </filter> <filter id="noise2" x="0" y="0" width="100%" height="100%"> <feturbulence basefrequency="0.025" seed="100" /> </filter> <rect x="0" y="0" width="200" height="200" style="filter:url(#noise1);" /> <rect x="0" y="0" width="200" height="200" style="filter:url(#noise2); transform: translatex(220px);" /> </svg> usage notes
value <number> default
value 0 animatable yes example <svg width="200" height="200" viewbox="0 0 220 220" xmlns="http://www.w3.org/2000/svg"> <filter id="displacementfilter"> <feturbulence basefrequency="0.05" seed="1000" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannel...
slope - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <number> default
value 0 animatable no <number> this
value indicates the vertical stroke angle of the font.
stemh - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the horizontal stem width of the font.
stemv - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the vertical stem width of the font.
string - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face-format> usage notes
value <anything> default
value none animatable no <anything> this
value specifies a list of formats that are supported by the font referenced by the parent <font-face-uri> element.
stroke-dashoffset - SVG: Scalable Vector Graphics
ed by 1 user units which ends up in the same rendering as the previous example --> <line x1="0" y1="9" x2="30" y2="9" stroke="black" stroke-dasharray="3 1" stroke-dashoffset="1" /> <!-- the following red lines highlight the offset of the dash array for each line --> <path d="m0,5 h-3 m0,7 h3 m0,9 h-1" stroke="rgba(255,0,0,.5)" /> </svg> usage notes
value <percentage> | <length> default
value 0 animatable yes the offset is usually expressed in user units resolved against the pathlength but if a <percentage> is used, the
value is resolved as a percentage of the current viewport.
stroke-opacity - SVG: Scalable Vector Graphics
stroke opacity as a number --> <circle cx="15" cy="5" r="4" stroke="green" stroke-opacity="0.7" /> <!-- stroke opacity as a percentage --> <circle cx="25" cy="5" r="4" stroke="green" stroke-opacity="50%" /> <!-- stroke opacity as a css property --> <circle cx="35" cy="5" r="4" stroke="green" style="stroke-opacity: .3;" /> </svg> usage notes
value [0-1] | <percentage> default
value 1 animatable yes note: svg2 introduces percentage
values for stroke-opacity, however, it is not widely supported yet (see browser compatibility below) as a consequence, it is best practices to set opacity with a
value in the range [0-1].
stroke-width - SVG: Scalable Vector Graphics
wbox="0 0 30 10" xmlns="http://www.w3.org/2000/svg"> <!-- default stroke width: 1 --> <circle cx="5" cy="5" r="3" stroke="green" /> <!-- stroke width as a number --> <circle cx="15" cy="5" r="3" stroke="green" stroke-width="3" /> <!-- stroke width as a percentage --> <circle cx="25" cy="5" r="3" stroke="green" stroke-width="2%" /> </svg> usage notes
value <length> | <percentage> default
value 1px animatable yes note: a percentage
value is always computed as a percentage of the normalized viewbox diagonal length.
style - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 60" xmlns="http://www.w3.org/2000/svg"> <rect width="80" height="40" x="10" y="10" style="fill: skyblue; stroke: cadetblue; stroke-width: 2;"/> </svg> usage notes
value <style> default
value none animatable no <style> the syntax of style data depends on the style sheet language.
tabindex - SVG: Scalable Vector Graphics
html, body, svg { height: 100%; } <?xml version="1.0"?> <svg viewbox="0 0 260 260" xmlns="http://www.w3.org/2000/svg"> <circle cx="60" cy="60" r="15" tabindex="1" /> <circle cx="60" cy="160" r="30" tabindex="3" /> <circle cx="160" cy="60" r="30" tabindex="2" /> <circle cx="160" cy="160" r="60" tabindex="4" /> </svg> usage notes
value valid integer default
value none animatable no valid integer relative order of the element for the purposes of sequential focus navigation.
unicode-bidi - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following eleven elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> context notes
value normal | embed | isolate | bidi-override | isolate-override | plaintext default
value normal animatable no for a description of the
values, please refer to the css unicode-bidi property.
unicode-range - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <urange># default
value none animatable no <urange># this
value is a comma-separated list of iso 10646 characters possibly covered by the glyphs in the font.
unicode - SVG: Scalable Vector Graphics
only one element is using this attribute: <glyph> context notes
value <string> default
value none animatable no <string> this
value specifies one or more unicode characters corresponding to a glyph.
version - SVG: Scalable Vector Graphics
<svg version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="80" height="80"/> </svg> usage notes
value <number> default
value none animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'version' in that specification.
vert-origin-x - SVG: Scalable Vector Graphics
only one element is using this attribute: <font> usage notes
value <number> default
value half of horiz-adv-x
value animatable no <number> this
value indicates the x-coordinate of the origin of a glyph for vertically oriented text.
vert-origin-y - SVG: Scalable Vector Graphics
only one element is using this attribute: <font> usage notes
value <number> default
value ascent
value animatable no <number> this
value indicates the y-coordinate of the origin of a glyph for vertically oriented text.
viewTarget - SVG: Scalable Vector Graphics
only one element is using this attribute: <view> usage notes
value <xml-name> default
value none animatable no <xml-name> this
value specifies the name of the object associated with the view.
x-height - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes
value <number> default
value none animatable no <number> this
value indicates the height of lowercase glyphs.
xChannelSelector - SVG: Scalable Vector Graphics
" y="0" width="100%" height="100%" result="abc"/> <fedisplacementmap in2="abc" in="sourcegraphic" scale="30" xchannelselector="b"/> </filter> <text x="10" y="60" font-size="50" filter="url(#displacementfilter)">some displaced text</text> <text x="10" y="120" font-size="50" filter="url(#displacementfilter2)">some displaced text</text> </svg> usage notes
value r | g | b | a default
value a animatable yes r this keyword specifies that the red color channel of the input image defined in in2 will be used to displace the pixels of the input image defined in in along the x-axis.
xlink:arcrole - SVG: Scalable Vector Graphics
context of a different arc it might have the role of "daughter." twentytwo elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, <use> usage notes
value <iri> default
value none animatable no <iri> this
value specifies an iri reference that identifies some resource that describes the intended property.
xlink:title - SVG: Scalable Vector Graphics
these elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, and <use> usage context
value <anything> default
value none animatable no <anything> this
value specifies the title used to describe the meaning of the link or resource.
xlink:type - SVG: Scalable Vector Graphics
twentytwo elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, and <use> usage notes
value simple default
value simple animatable no simple this
value specifies that the referred resource is a simple link.
yChannelSelector - SVG: Scalable Vector Graphics
" y="0" width="100%" height="100%" result="abc"/> <fedisplacementmap in2="abc" in="sourcegraphic" scale="30" ychannelselector="b"/> </filter> <text x="10" y="60" font-size="50" filter="url(#displacementfilter)">some displaced text</text> <text x="10" y="120" font-size="50" filter="url(#displacementfilter2)">some displaced text</text> </svg> usage notes
value r | g | b | a default
value a animatable yes r this keyword specifies that the red color channel of the input image defined in in2 will be used to displace the pixels of the input image defined in in along the y-axis.
zoomAndPan - SVG: Scalable Vector Graphics
0 200 200" xmlns="http://www.w3.org/2000/svg" zoomandpan="disable"> <filter id="diffuselighting" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" zoomandpan="1"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting);" /> </svg> usage notes
value disable | magnify default
value magnify animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'zoomandpan' in that specification.
<animate> - SVG: Scalable Vector Graphics
html,body,svg { height:100%; margin:0; padding:0; } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <rect width="10" height="10"> <animate attributename="rx"
values="0;5;0" dur="10s" repeatcount="indefinite" /> </rect> </svg> attributes animation attributes animation timing attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill animation
value attributes calcmode,
values, keytimes, keysplines, from, to, by other animation attributes most notably: attributename, additive, accumulate animation event attributes most notably: onbegin, onend, onrepeat global attributes core attributes most notably: id styling attributes class, style event a...
<animateColor> - SVG: Scalable Vector Graphics
usage context categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:descriptive elements attributes global attributes conditional processing attributes core attributes animation event attributes xlink attributes animation attribute target attributes animation timing attributes animation
value attributes animation addition attributes externalresourcesrequired specific attributes by from to dom interface this element implements the svganimatecolorelement interface.
<animateTransform> - SVG: Scalable Vector Graphics
70" to="360 60 70" dur="10s" repeatcount="indefinite"/> </polygon> </svg> live sample attributes global attributes conditional processing attributes » core attributes » animation event attributes » xlink attributes » animation attribute target attributes » animation timing attributes » animation
value attributes » animation addition attributes » externalresourcesrequired specific attributes by from to type dom interface this element implements the svganimatetransformelement interface.
<clipPath> - SVG: Scalable Vector Graphics
value type: userspaceonuse|objectboundingbox ; default
value: userspaceonuse; animatable: yes global attributes core attributes most notably: id styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage presentation attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, sha...
<g> - SVG: Scalable Vector Graphics
bed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-
valuemax, aria-
valuemin, aria-
valuenow, aria-
valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, ...
SVG In HTML Introduction - SVG: Scalable Vector Graphics
/style> <script> function signalerror() { document.getelementbyid('body').setattribute("class", "invalid"); } </script> </head> <body id="body" style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;"> <form> <fieldset> <legend>html form</legend> <p><label>enter something:</label> <input type="text"> <span id="err">incorrect
value!</span></p> <p><input type="button"
value="activate!" onclick="signalerror();"></p> </fieldset> </form> <svg viewbox="0 0 100 100" preserveaspectratio="xmidymid slice" style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;"> <lineargradient id="gradient"> <stop class="begin" offset="0%"/> <stop class="end" offset="100%"/> </lineargradient> <rect x="...
Mixed content - Web security
active content examples this section lists some types of http requests which are considered active content: <script> (src attribute) <link> (href attribute) (this includes css stylesheets) <iframe> (src attribute) xmlhttprequest requests fetch() requests all cases in css where a <url>
value is used (@font-face, cursor, background-image, and so forth).
Securing your site - Web security
user information security how to turn off form autocompletion form fields support autocompletion in gecko; that is, their
values can be remembered and automatically brought back the next time the user visits your site.
Using shadow DOM - Web Components
this takes as its parameter an options object that contains one option — mode — with a
value of open or closed: let shadow = elementref.attachshadow({mode: 'open'}); let shadow = elementref.attachshadow({mode: 'closed'}); open means that you can access the shadow dom using javascript written in the main page context, for example using the element.shadowroot property: let myshadowdom = mycustomelem.shadowroot; if you attach a shadow root to a custom element with mode: closed set, you ...
Using templates and slots - Web Components
to define the slot's content, we include an html structure inside the <my-paragraph> element with a slot attribute whose
value is equal to the name of the slot we want it to fill.
id - XPath
syntax id(expression ) arguments expression if expression is a node-set, then the string
value of each node in the node-set is treated as an individual id.
string - XPath
returns a string notes if the object is a node-set, the string
value of the first node in the set is returned.
sum - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the sum function returns a number that is the sum of the numeric
values of each node in a given node-set.
system-property - XPath
the system-property function returns an object representing the
value of the system property identified by the name.
true - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the true function returns a boolean
value of true.