Search completed in 1.25 seconds.
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; ...
:scope - CSS: Cascading Style Sheets
/* selects a
scoped element */ :scope { background-color: lime; } currently, when used in a stylesheet, :scope is the same as :root, since there is not at this time a way to explicitly establish a
scoped element.
... for androidfirefox for androidopera for androidsafari on iossamsung internet:scopechrome full support 27edge full support 79firefox full support 32notes full support 32notes notes firefox 55 removes support for <style
scoped> but not for the :scope pseudo-class, which is still supported.
... <style
scoped> made it possible to explicitly set up element scopes, but ongoing discussions about the design of this feature as well as lack of other implementations resulted in the decision to remove it.
...And 2 more matches
var - JavaScript
the var statement declares a function-
scoped or globally-
scoped variable, optionally initializing it to a value.
... 'use strict'; function foo() { var x = 1; function bar() { var y = 2; console.log(x); // 1 (function `bar` closes over `x`) console.log(y); // 2 (`y` is in scope) } bar(); console.log(x); // 1 (`x` is in scope) console.log(y); // referenceerror in strict mode, `y` is
scoped to `bar` } foo(); variables declared using var are created before any code is executed in a process known as hoisting.
... note that in both nodejs commonjs modules and native ecmascript modules, top-level variable declarations are
scoped to the module, and are not, therefore added as properties to the global object.
...And 2 more matches
Styling Vue components with CSS - Learn web development
component-
scoped styles in single file components.
... update it as follows: <ul aria-labelledby="list-summary" class="stack-large"> adding
scoped styles the last component we want to style is our todoitem component.
...this is where the
scoped attribute can be useful — this attaches a unique html data attribute selector to all of your styles, preventing them from colliding globally.
... to use the
scoped modifier, create a <style> element inside todoitem.vue, at the bottom of the file, and give it a
scoped attribute: <style
scoped> </style> next, copy the following css into the newly created <style> element: .custom-checkbox > .checkbox-label { font-family: arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 1.25; color: #0b0c0c; display: block; margin-bottom: 5px; } .custom-checkbox > .checkbox { font-family: arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 1.25; box-sizing: border-box; width: 100%; height: 40px; height: ...
Storage access policy: Block cookies from trackers
these scripts can continue to use storage
scoped to the top-level origin.
... storage access grants in order to improve web compatibility and permit third-party integrations that require storage access, firefox will grant storage access
scoped to the first party for a particular third-party origin as described in this section.
... scope of storage access when storage access is granted, it is
scoped to the origin of the opener document or subdomains of that origin.
...this means that providers using cookies which are
scoped to their third-party domain, or local storage and other site data stored under their origin, will no longer have access to those identifiers across other websites.
CSS Containment - CSS: Cascading Style Sheets
layout containment article { contain: layout; } layout is normally
scoped to the entire document, which means that if you move one element the entire document needs to be treated as if things could have moved anywhere.
... by using contain: layout you can tell the browser it only needs to check this element — everything inside the element is
scoped to that element and does not affect the rest of the page, and the containing box establishes an independent formatting context.
... style containment article { contain: style; } despite the name, style containment does not provide
scoped styles such as you would get with the shadow dom.
... using contain: style would ensure that the counter-increment and counter-set properties created new counters
scoped to that subtree only.
Getting started with Svelte - Learn web development
global.css: this file contains un
scoped styles.
... in svelte, css inside a component's <style> block will be
scoped only to that component.
... components styles are
scoped, keeping them from clashing with each other.
XPIDL Syntax
idl_file = 1*definition definition = [type_decl / const_decl / interface] ";" interface = [prop_list] "interface" ident [[inheritance] "{" *(ifacebody) "}"] inheritance = ":" *(
scoped_name ",")
scoped_name] ifacebody = [type_decl / op_decl /attr_decl / const_decl] ";" / codefrag type_decl = [prop_list] "typedef" type_spec *(ident ",") ident type_decl /= [prop_list] "native" ident [parens] const_decl = "const" type_spec ident "=" expr op_decl = [prop_list] (type_spec / "void") parameter_decls raise_list parameter_decls = "(" [*(param_decl ",") param_decl] ")" param_dec...
...l = [prop_list] ("in" / "out" / "inout") type_spec ident attr_decl = [prop_list] ["readonly"] "attribute" type_spec *(ident ",") ident ; descending order of precedence expr /= expr ("|" / "^" / "&") expr ; unequal precedence "|" is lowest expr /= expr ("<<" / ">>") expr expr /= expr ("+" / "-") expr expr /= expr ("*" / "/" / "%") expr expr /= ["-" / "+" / "~"] (
scoped_name / literal / "(" expr ")" ) ; numeric literals: quite frankly, i'm sure you know how these kinds of ; literals work, and these are annoying to specify in abnf.
... string_literal = 1*(%x22 *(any char except %x22 or %x0a) (%x22 / %x0a)) ; same as above, but s/"/'/g char_literal = 1*(%x27 *(any char except %x27 or %x0a) (%x27 / %x0a)) type_spec = "float" / "double" / "string" / "wstring" type_spec /= ["unsigned"] ("short" / "long" / "long" "long") type_spec /= "char" / "wchar" / "boolean" / "octet" type_spec /=
scoped_name prop_list = "[" *(property ",") property "]" property = ident [parens] raise_list = "raises" "(" *(
scoped_name) ",")
scoped_name ")"
scoped_name = *(ident "::") ident / "::" ident ; in regex: [a-za-z_][a-za-z0-9_]*; identifiers beginning with _ cause warnings ident = (%x41-5a / %x61-7a / "_") *(%x41-5a / %x61-7a / %x30-39 / "_") parens = "(" 1*(any char except ")") ")" functionali...
Index - Web APIs
1240 event.composed api, event, property, read-only, reference, web components, composed,
scoped, shadow dom the read-only composed property of the event interface returns a boolean which indicates whether or not the event will propagate across the shadow dom boundary into the standard dom.
... 1904 htmlstyleelement.
scoped api, html dom, htmlstyleelement, non-standard, obsolete, property, reference,
scoped 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).
...origins can have many active but differently-
scoped service worker registrations.
block - JavaScript
variables introduced within a block are
scoped to the containing function or script, and the effects of setting them persist beyond the block itself.
... note that the block-
scoped const c = 2 does not throw a syntaxerror: identifier 'c' has already been declared because it can be declared uniquely within the block.
... in strict mode, starting with es2015, functions inside blocks are
scoped to that block.
Index
255 js_enterlocalrootscope jsapi reference, obsolete, spidermonkey
scoped local root management allows native functions, getter/setters, etc.
... 273 js_forgetlocalroot jsapi reference, obsolete, spidermonkey this function is used to interact with
scoped local root management.
HTMLStyleElement - Web APIs
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).
... recommendation the following property has been added:
scoped.
<style>: The Style Information element - HTML: Hypertext Markup Language
deprecated attributes
scoped this attribute specifies that the styles only apply to the elements of its parent(s) and children.
... <style> p { color: white; background-color: blue; padding: 5px; border: 1px solid black; } </style> <style media="all and (max-width: 500px)"> p { color: blue; background-color: yellow; } </style> </head> <body> <p>this is my paragraph.</p> </body> </html> technical summary content categories metadata content, and if the
scoped attribute is present: flow content.
Control flow and error handling - JavaScript
in older javascript, variables introduced within a block are
scoped to the containing function or script, and the effects of setting them persist beyond the block itself.
...(in c or java, the equivalent code would have outputted 1.) since ecmascript2015, the let and const variable declarations are block-
scoped.
Grammar and types - JavaScript
let declares a block-
scoped, local variable, optionally initializing it to a value.
... const declares a block-
scoped, read-only named constant.
Array.prototype[@@iterator]() - JavaScript
examples iteration using for...of loop html <ul id="letterresult"> </ul> javascript var arr = ['a', 'b', 'c']; var earr = arr[symbol.iterator](); var letterresult = document.getelementbyid('letterresult'); // your browser must support for..of loop // and let-
scoped variables in for loops // const and var could also be used for (let letter of earr) { letterresult.innerhtml += "<li>" + letter + "</li>"; } result alternative iteration var arr = ['a', 'b', 'c', 'd', 'e']; var earr = arr[symbol.iterator](); console.log(earr.next().value); // a console.log(earr.next().value); // b console.log(earr.next().value); // c console.log(earr.next().value); // d co...
... function logiterable(it) { if (!(symbol.iterator in object.getprototypeof(it) /* or "symbol.iterator in object.__proto__" or "it[symbol.iterator]" */)) { console.log(it, ' is not an iterable object...'); return; } var iterator = it[symbol.iterator](); // your browser must support for..of loop // and let-
scoped variables in for loops // const and var could also be used for (let letter of iterator) { console.log(letter); } } // array logiterable(['a', 'b', 'c']); // a // b // c // string logiterable('abc'); // a // b // c logiterable(123); // 123 " is not an iterable object..." specifications specification ecmascript (ecma-262)the definition of 'array.prototype[@@it...
typeof - JavaScript
but with the addition of block-
scoped let and statements/const using typeof on let and const variables (or using typeof on a class) in a block before they are declared will throw a referenceerror.
... block
scoped variables are in a "temporal dead zone" from the start of the block until the initialization is processed, during which, it will throw an error if accessed.
const - JavaScript
constants are block-
scoped, much like variables defined using the let keyword.
... if (my_fav === 7) { // this is fine and creates a block
scoped my_fav variable // (works equally well with let to declare a block
scoped non const variable) let my_fav = 20; // my_fav is now 20 console.log('my favorite number is ' + my_fav); // this gets hoisted into the global context and throws an error var my_fav = 20; } // my_fav is still 7 console.log('my favorite number is ' + my_fav); const needs to be initialized // throws an error ...
let - JavaScript
the let statement declares a block-
scoped local variable, optionally initializing it to a value.
... break; } however, it's important to point out that a block nested inside a case clause will create a new block
scoped lexical environment, which will not produce the redeclaration errors shown above.
Vue conditional rendering: editing existing todos - Learn web development
: string, required: true }, id: { type: string, required: true } }, data() { return { newlabel: this.label }; }, methods: { onsubmit() { if (this.newlabel && this.newlabel !== this.label) { this.$emit("item-edited", this.newlabel); } }, oncancel() { this.$emit("edit-cancelled"); } } }; </script> <style
scoped> .edit-label { font-family: arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0b0c0c; display: block; margin-bottom: 5px; } input { display: inline-block; margin-top: 0.4rem; width: 100%; min-height: 4.4rem; padding: 0.4rem 0.8rem; border: 2px solid #565656; } form { display: flex; flex-direction: row; flex-wrap: wrap...
Message manager overview
these scripts are called frame scripts, and as the name suggests, they are
scoped to a specific browser frame.
Performance
other callbacks to global services) in a frame script bad: //framescript.js services.obs.addobserver("document-element-inserted", { observe: function(doc, topic, data) { if(doc.ownerglobal.top != content) return; // bail out if this is for another tab decoratedocument(doc); } }) observer notifications get fired for events that happen anywhere in the browser, they are not
scoped to the current tab.
Message manager overview
these scripts are called frame scripts, and as the name suggests, they are
scoped to a specific browser frame.
HTML parser threading
the termination and interruption indicators are guarded by a more narrowly
scoped mterminatedmutex, so parseavailabledata() has the opportunity to receive an order to terminate or interrupt even while the parser thread is holding mterminatedmutex.
Invariants
javascript is only mostly lexically
scoped.
JS_ForgetLocalRoot
description this function is used to interact with
scoped local root management.
Mork
the first is the kind column (k), where the mid is typically column-
scoped (:c).
Debugger.Object - Firefox Developer Tools
(this function behaves like the standard object.getownpropertydescriptor function, except that the object being inspected is implicit; the property descriptor returned is allocated as if by code
scoped to the debugger’s global object (and is thus in the debugger’s compartment); and its value, get, and set properties, if present, are debuggee values.) getownpropertynames() return an array of strings naming all the referent’s own properties, as if object.getownpropertynames(referent) had been called in the debuggee, and the result copied in the scope of the debugger’s global object.
Debugger.Object - Firefox Developer Tools
(this function behaves like the standard object.getownpropertydescriptor function, except that the object being inspected is implicit; the property descriptor returned is allocated as if by code
scoped to the debugger's global object (and is thus in the debugger's compartment); and its value, get, and set properties, if present, are debuggee values.) getownpropertynames() return an array of strings naming all the referent's own properties, as if object.getownpropertynames(referent) had been called in the debuggee, and the result copied in the scope of the debugger's global object.
ChildNode.after() - Web APIs
.log(parent.outerhtml); // "<div><p></p>text</div>" inserting an element and text var parent = document.createelement("div"); var child = document.createelement("p"); parent.appendchild(child); var span = document.createelement("span"); child.after(span, "text"); console.log(parent.outerhtml); // "<div><p></p><span></span>text</div>" childnode.after() is unscopable the after() method is not
scoped into the with statement.
ChildNode.before() - Web APIs
g(parent.outerhtml); // "<div>text<p></p></div>" inserting an element and text var parent = document.createelement("div"); var child = document.createelement("p"); parent.appendchild(child); var span = document.createelement("span"); child.before(span, "text"); console.log(parent.outerhtml); // "<div><span></span>text<p></p></div>" childnode.before() is unscopable the before() method is not
scoped into the with statement.
ChildNode.remove() - Web APIs
syntax node.remove(); example using remove() <div id="div-01">here is div-01</div> <div id="div-02">here is div-02</div> <div id="div-03">here is div-03</div> var el = document.getelementbyid('div-02'); el.remove(); // removes the div with the 'div-02' id childnode.remove() is unscopable the remove() method is not
scoped into the with statement.
ChildNode.replaceWith() - Web APIs
examples using replacewith() var parent = document.createelement("div"); var child = document.createelement("p"); parent.appendchild(child); var span = document.createelement("span"); child.replacewith(span); console.log(parent.outerhtml); // "<div><span></span></div>" childnode.replacewith() is unscopable the replacewith() method is not
scoped into the with statement.
Event - Web APIs
deprecated properties event.
scoped read only a boolean indicating whether the given event will bubble across through the shadow root into the standard dom.
HTMLTableCellElement - Web APIs
header cells can be configured, using the scope property, the apply to a specified row or column, or to the not-yet-
scoped cells within the current row group (that is, the same ancestor <thead>, <tbody>, or <tfoot> element).
ParentNode.append() - Web APIs
text let parent = document.createelement("div") parent.append("some text") console.log(parent.textcontent) // "some text" appending an element and text let parent = document.createelement("div") let p = document.createelement("p") parent.append("some text", p) console.log(parent.childnodes) // nodelist [ #text "some text", <p> ] parentnode.append() is unscopable the append() method is not
scoped into the with statement.
ParentNode.prepend() - Web APIs
parent.append("some text"); parent.prepend("headline: "); console.log(parent.textcontent); // "headline: some text" appending an element and text var parent = document.createelement("div"); var p = document.createelement("p"); parent.prepend("some text", p); console.log(parent.childnodes); // nodelist [ #text "some text", <p> ] parentnode.prepend() is unscopable the prepend() method is not
scoped into the with statement.
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).
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).
WebGL2RenderingContext.getQuery() - 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).
WebGL best practices - Web APIs
(+/-2.0 max is probably not good enough for you) implicit defaults the vertex language has the following predeclared globally
scoped default precision statements: precision highp float; precision highp int; precision lowp sampler2d; precision lowp samplercube; the fragment language has the following predeclared globally
scoped default precision statements: precision mediump int; precision lowp sampler2d; precision lowp samplercube; in webgl 1, "highp float" support is optional in fragment shaders using highp precision u...
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.
env() - CSS: Cascading Style Sheets
the difference is that, as well as being user-agent defined rather than user-defined, environment variables are globally
scoped to a document, whereas custom properties are
scoped to the element(s) on which they are declared.
Content categories - Developer guides
a few other elements belong to this category, but only if a specific condition is fulfilled: <area>, if it is a descendant of a <map> element <link>, if the itemprop attribute is present <meta>, if the itemprop attribute is present <style>, if the
scoped attribute is present sectioning content elements belonging to the sectioning content model create a section in the current outline that defines the scope of <header> elements, <footer> elements, and heading content.
Closures - JavaScript
your e-mail address'}, {'id': 'name', 'help': 'your full name'}, {'id': 'age', 'help': 'your age (you must be over 16)'} ]; for (let i = 0; i < helptext.length; i++) { let item = helptext[i]; document.getelementbyid(item.id).onfocus = function() { showhelp(item.help); } } } setuphelp(); this example uses let instead of var, so every closure binds the block-
scoped variable, meaning that no additional closures are required.
arguments[@@iterator]() - JavaScript
syntax arguments[symbol.iterator]() examples iteration using for...of loop function f() { // your browser must support for..of loop // and let-
scoped variables in for loops for (let letter of arguments) { console.log(letter); } } f('w', 'y', 'k', 'o', 'p'); specifications specification ecmascript (ecma-262)the definition of 'createunmappedargumentsobject' in that specification.
Functions - JavaScript
nction expression (function bar() {}) // function expression x = function hello() {} if (x) { // function expression function world() {} } // function declaration function a() { // function declaration function b() {} if (0) { // function expression function c() {} } } block-level functions in strict mode, starting with es2015, functions inside blocks are now
scoped to that block.
Array.prototype[@@unscopables] - JavaScript
this is where now the built-in @@unscopables array.prototype[@@unscopables] symbol property comes into play and prevents that some of the array methods are being
scoped into the with statement.
Symbol.unscopables - JavaScript
a built-in unscopables setting is implemented as array.prototype[@@unscopables] to prevent that some of the array methods are being
scoped into the with statement.
TypedArray.prototype[@@iterator]() - JavaScript
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 ecmasc...
TypedArray.prototype.entries() - JavaScript
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 ...
TypedArray.prototype.keys() - JavaScript
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 e...
TypedArray.prototype.values() - JavaScript
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 ...
undefined - JavaScript
javascript is a statically
scoped language, so knowing if a variable is declared can be read by seeing whether it is declared in an enclosing context.
switch - JavaScript
block-scope variables within switch statements with ecmascript 2015 (es6) support made available in most modern browsers, there will be cases where you would want to use let and const statements to declare block-
scoped variables.
Using templates and slots - Web Components
></code> <i class="desc"><slot name="description">need description</slot></i> </span> </summary> <div class="attributes"> <h4><span>attributes</span></h4> <slot name="attributes"><p>none</p></slot> </div> </details> <hr> </template> that <template> element has several features: the <template> has a <style> element with a set of css styles that are
scoped just to the document fragment the <template> creates.