Search completed in 1.16 seconds.
Range.commonAncestorContainer - Web APIs
the range.common
ancestorcontainer read-only property returns the deepest — or furthest down the document tree — node that contains both boundary points of the range.
... this means that if range.startcontainer and range.endcontainer both refer to the same node, this node is the common
ancestor container.
...to change the
ancestor container of a node, consider using the various methods available to set the start and end positions of the range, such as range.setstart() and range.setend().
...And 4 more matches
CSP: frame-ancestors - HTTP
the http content-security-policy (csp) frame-
ancestors directive specifies valid parents that may embed a page using <frame>, <iframe>, <object>, <embed>, or <applet>.
... syntax one or more sources can be set for the frame-
ancestors policy: content-security-policy: frame-
ancestors <source>; content-security-policy: frame-
ancestors <source> <source>; sources <source> can be one of the following: the frame-
ancestors directive’s syntax is similar to a source list of other directives (e.g.
... examples content-security-policy: frame-
ancestors 'none'; content-security-policy: frame-
ancestors 'self' https://www.example.org; specifications specification status comment content security policy level 3the definition of 'frame-
ancestors' in that specification.
... content security policy level 2the definition of 'frame-
ancestors' in that specification.
Location: ancestorOrigins - Web APIs
the
ancestororigins read-only property of the location interface is a static domstringlist containing, in reverse order, the origins of all
ancestor browsing contexts of the document associated with the given location object.
... you can use location.
ancestororigins in the script for a document to determine, for example, whenever the document is being framed by a site which you don’t expect it to be framed by.
... syntax const
ancestors = location.
ancestororigins; specifications specification status comment html living standardthe definition of '
ancestororigins ' in that specification.
:-moz-full-screen-ancestor - Archive of obsolete content
the :-moz-full-screen-
ancestor css pseudo-class is a mozilla extension that represents all
ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents.
... however, those elements'
ancestors have this pseudo-class applied to them.
ancestor-or-self - XPath
the
ancestor-or-self axis indicates the context node and all of its
ancestors, including the root node.
ancestor - XPath
the
ancestor axis indicates all the
ancestors of the context node beginning with the parent node and traveling through to the root node.
position - CSS: Cascading Style Sheets
it is positioned relative to its closest positioned
ancestor, if any; otherwise, it is placed relative to the initial containing block.
...it is positioned relative to the initial containing block established by the viewport, except when one of its
ancestors has a transform, perspective, or filter property set to something other than none (see the css transforms spec), in which case that
ancestor behaves as the containing block.
... sticky the element is positioned according to the normal flow of the document, and then offset relative to its nearest scrolling
ancestor and containing block (nearest block-level
ancestor), including table-related elements, based on the values of top, right, bottom, and left.
...And 5 more matches
Intersection Observer API - Web APIs
the intersection observer api provides a way to asynchronously observe changes in the intersection of a target element with an
ancestor element or with a top-level document's viewport.
...nfigure a callback that is called: (1) whenever one element, called the target, intersects either the device viewport or a specified element; for the purpose of this api, this is called the root element or root (2) and whenever the observer is asked to watch a target for the very first time typically, you'll want to watch for intersection changes with regard to the element's closest scrollable
ancestor, or, if the element isn't a descendant of a scrollable element, the viewport.
...must be the
ancestor of the target.
...And 3 more matches
Layout and the containing block - CSS: Cascading Style Sheets
most often, the containing block is the content area of an element's nearest block-level
ancestor, but this is not always the case.
... 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 3 more matches
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...
... aria-relevant on
ancestor element container-busy "true" | "false" | "error" "false" the current changes are not yet complete.
... aria-busy on
ancestor element container-atomic "true" | "false" "false" is this change inside a region that should always be presented at once.
...And 3 more matches
Positioning - Learn web development
this is very much dependent on the position property of the
ancestors of the positioned element (see identifying the containing block).
... if no
ancestor elements have their position property explicitly defined, then by default all
ancestor elements will have a static position.
...this is done by setting positioning on one of the element's
ancestors — to one of the elements it is nested inside (you can't position it relative to an element it is not nested inside).
...And 2 more matches
Index - Web APIs
2178 intersection observer api api, clipping, intersection, intersection observer api, intersectionobserver, overview, performance, reference, web the intersection observer api provides a way to asynchronously observe changes in the intersection of a target element with an
ancestor element or with a top-level document's viewport.
... 2180 intersectionobserver api, experimental, interface, intersection observer api, intersectionobserver, reference, observers provides a way to asynchronously observe changes in the intersection of a target element with an
ancestor element or with a top-level document's viewport.
... 3559 range.common
ancestorcontainer api, dom, property, range the range.common
ancestorcontainer read-only property returns the deepest — or furthest down the document tree — node that contains both boundary points of the range.
...And 2 more matches
ARIA Test Cases - Accessibility
- - - - live roles: log + timer illinois log and timer example clc chat -- see the accompanying notes chatzilla (this is a real app but uses aria in an html area for chat) expected at behavior: (al) a screen reader should announce changes inside a log as if they are marked with aria-live="polite", unless the author overrides that with a specific aria-live property on an
ancestor of the node that changes.
... (al) a screen reader should not announce any changes within a timer unless the author overrides that with a specific aria-live property on an
ancestor of the change.
...s - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - - live role: marquee (no examples yet) expected at behavior: (al) a screen reader should not announce any changes within a marquee unless the author overrides that with a specific aria-live property on an
ancestor of the change.
... (al) a screen reader should announce changes inside a status as if they are marked with aria-live="polite", unless the author overrides that with a specific aria-live property on an
ancestor of the node that changes.
X-Frame-Options - HTTP
note: the content-security-policy http header has a frame-
ancestors directive which obsoletes this header for supporting browsers.
...the spec leaves it up to browser vendors to decide whether this option applies to the top level, the parent, or the whole chain, although it is argued that the option is not very useful unless all
ancestors are also in the same origin (see bug 725490).
...note that in the legacy firefox implementation this still suffered from the same problem as sameorigin did — it doesn't check the frame
ancestors to see if they are in the same origin.
... the content-security-policy http header has a frame-
ancestors directive which you can use instead.
<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.
... value type: <list-of-coordinates> ; default value: relative y-coordinate of
ancestor <text> or <tspan>; animatable: yes rotate this attribute defines the supplemental rotation that will be applied to the element.
nsIMsgFolder
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 propertyvalue); boolean is
ancestorof(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 notifypropertychanged(in nsiatom property, in a...
... getsortkey() [noscript] void getsortkey(out octet_ptr key, out unsigned long length); callfilterplugins() boolean callfilterplugins(in nsimsgwindow amsgwindow); getstringproperty() acstring getstringproperty(in string propertyname); setstringproperty() void setstringproperty(in string propertyname, in acstring propertyvalue); is
ancestorof() determines if this folder is an
ancestor of the supplied folder.
... boolean is
ancestorof(in nsimsgfolder folder); containschildnamed() looks in immediate children of this folder for the given name.
AbsoluteOrientationSensor - Web APIs
properties no specific properties; inherits methods from its
ancestors orientationsensor and sensor.
... event handlers no specific event handlers; inherits methods from its
ancestor, sensor.
... methods no specific methods; inherits methods from its
ancestors orientationsensor and sensor.
Element: click event - Web APIs
bubbles yes cancelable yes interface mouseevent event handler property onclick if the button is pressed on one element and the pointer is moved outside the element before the button is released, the event is fired on the most specific
ancestor element that contained both elements.
... known workarounds for this bug: set cursor: pointer; on the element or any of its
ancestors.
... add a dummy onclick="void(0)" attribute to the element or any of its
ancestors up to but not including <body>.
Element.closest() - Web APIs
will return itself or the matching
ancestor.
... ex: p:hover, .toto + q return value closestelement is the element which is the closest
ancestor of the selected element.
... example html <article> <div id="div-01">here is div-01 <div id="div-02">here is div-02 <div id="div-03">here is div-03</div> </div> </div> </article> javascript var el = document.getelementbyid('div-03'); var r1 = el.closest("#div-02"); // returns the element with the id=div-02 var r2 = el.closest("div div"); // returns the closest
ancestor which is a div in div, here it is the div-03 itself var r3 = el.closest("article > div"); // returns the closest
ancestor which is a div and has a parent article, here it is the div-01 var r4 = el.closest(":not(div)"); // returns the closest
ancestor which is not a div, here it is the outmost article polyfill for browsers that do not support element.closest(), but carry support for element.ma...
HTMLVideoElement - Web APIs
op"><rect x="131" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="211" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlvideoelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its
ancestor interfaces, htmlmediaelement, and htmlelement.
... methods inherits methods from its parent, htmlmediaelement, and from its
ancestor htmlelement.
... events inherits methods from its parent, htmlmediaelement, and from its
ancestor htmlelement.
RelativeOrientationSensor - Web APIs
properties no specific properties; inherits methods from its
ancestors orientationsensor and sensor.
... event handlers no specific event handlers; inherits methods from its
ancestor, sensor.
... methods no specific methods; inherits methods from its
ancestors orientationsensor and sensor.
HTML attribute: rel - HTML: Hypertext Markup Language
link link not allowed bookmark permalink for the nearest
ancestor section.
...with <a> and <area>, it indicates the linked document (or mailto:) provides information about the author of the nearest <article>
ancestor if there is one, otherwise the entire document.
... note: the obsolete rev="made" is treated as rel="alternate" bookmark relevant as the rel attribute value for the <a> and <area> elements, the bookmark provides a permalink for
ancestor section, which is the nearest
ancestor <article> or <section>, if there is at least one, otherwise, the nearest heading sibling or
ancestor descendant, to the next..
<button>: The Button element - HTML: Hypertext Markup Language
(if this attribute is not set, the <button> is associated with its
ancestor <form> element, if any.) this attribute lets you associate <button> elements to <form>s anywhere in the document, not just inside a <form>.
... it can also override an
ancestor <form> element.
... _top: load the response into the top-level browsing context (that is, the browsing context that is an
ancestor of the current one, and has no parent).
Axes - XPath
ancestor indicates all the
ancestors of the context node beginning with the parent node and traveling through to the root node.
...
ancestor-or-self indicates the context node and all of its
ancestors, including the root node.
... preceding indicates all the nodes that precede the context node in the document except any
ancestor, attribute and namespace nodes.
Index - XPath
3
ancestor axe, xpath no summary!
... 4
ancestor-or-self axe, xpath the
ancestor-or-self axis indicates the context node and all of its
ancestors, including the root node.
... 13 preceding axe, xpath the preceding axis indicates all the nodes that precede the context node in the document except any
ancestor, attribute and namespace nodes.
<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
the processor goes to the first node in the
ancestor-or-self axis that matches the count attribute and then counts that node plus all its preceding siblings (stopping when it reaches a match to the from attribute, if there is one) that also match the count attribute.if no match is found, the sequence will be an empty list.
...the processor looks at all
ancestors of the current node and the current node itself, stopping when it reaches a match for the from attribute, if there is one.
...the
ancestor, self, and preceding axes are all considered.
context-menu - Archive of obsolete content
selectorcontext(selector) this context occurs when the menu is invoked on a node that either matches selector, a css selector, or has an
ancestor that matches.
...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.
core/heritage - Archive of obsolete content
also you could specify which class you want to inherit from by passing special extends property: var pet = class({ extends: dog, // should inherit from dog initialize: function initialize(breed, name) { // to call
ancestor methods you will have to access them // explicitly dog.prototype.initialize.call(this, name); this.breed = breed; }, call: function call(name) { return this.name === name ?
...lor = color; } }); var pink = color('ffc0cb'); // rgb pink.red() // => 255 pink.green() // => 192 pink.blue() // => 203 // cmyk pink.magenta() // => 0.2471 pink.yellow() // => 0.2039 pink.cyan() // => 0.0000 pink instanceof color // => true be aware though that it's not multiple inheritance and
ancestors prototypes of the classes passed under implements option are ignored.
Creating annotations - Archive of obsolete content
an element is eligible if it, or one of its
ancestors in the dom tree, has an attribute named "id".
... $('*').mouseenter(function() { if (!active || $(this).hasclass('annotated')) { return; } resetmatchedelement();
ancestor = $(this).closest("[id]"); matchedelement = $(this).first(); originalbgcolor = $(matchedelement).css('background-color'); $(matchedelement).css('background-color', 'yellow'); $(matchedelement).bind('click.annotator', function(event) { event.stoppropagation(); event.preventdefault(); self.port.emit('show', [ document.location.tostring(), $(
ancestor).attr("...
Index - Archive of obsolete content
2134 :-moz-full-screen-
ancestor css, css:mozilla extensions, deprecated, non-standard, pseudo-class, reference, selector the :-moz-full-screen-
ancestor css pseudo-class is a mozilla extension that represents all
ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents.
... however, those elements'
ancestors have this pseudo-class applied to them.
Adding Event Handlers - Archive of obsolete content
in the capturing phase, the event is first sent to the window, then to the document, followed by each
ancestor of the xul element where the event occured downwards until it reaches that element.
...due to the way a single event is passed to all the
ancestors, you may attach a listener to a specific element or to an element higher in the hierarchy.
XUL Event Propagation - Archive of obsolete content
when you register an event listener on an
ancestor of the event target (i.e.
... any node above the event-raising element in the node hierarchy), you can use event capturing to handle the event in the
ancestor before it is heard in the target itself or any of the intervening nodes.
CSS - Archive of obsolete content
extension that specifies how exclusions impact inline content within block-level elements.-ms-wrap-marginthe -ms-wrap-margin css property is a microsoft extension that specifies a margin that offsets the inner wrap shape from other shapes.-ms-wrap-throughthe -ms-wrap-through css property is a microsoft extension that specifies how content should wrap around an exclusion element.:-moz-full-screen-
ancestorthe :-moz-full-screen-
ancestor css pseudo-class is a mozilla extension that represents all
ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents.
... however, those elements'
ancestors have this pseudo-class applied to them.:-moz-system-metric()this page was auto-generated because a user created a sub-page to this page.::-ms-browsethe ::-ms-browse css pseudo-element is a microsoft extension that represents the button that opens the file picker of <input type="file">.::-ms-checkthe ::-ms-check css pseudo-element is a microsoft extension that represents checkboxes and radio button groups created by <input type="checkbox"> and <input type="radio">.::-ms-clearthe ::-ms-clear css pseudo-element creates a clear button at the edge of an <input type="text"> text control that clears the current value.
Introduction to events - Learn web development
in the capturing phase: the browser checks to see if the element's outer-most
ancestor (<html>) has an onclick event handler registered on it for the capturing phase, and runs it if so.
... then it moves on to the next immediate
ancestor element and does the same thing, then the next one, and so on until it reaches the <html> element.
Gecko info for Windows accessibility vendors
once you know that you have a document, go up the
ancestor chain of windows until you see a mozillacontentwindowclass or a mozillauiwindowclass.
... unique features role_progressbar xul: <progressmeter> dhtml: role="wairole:progressbar" fires event_valuechange when progressbar moves by at least 3% fires event_show and event_hide directly on role_progressbar when it appears/disappears as well as on
ancestor container that visibility may have changed on.
Mozilla Quirks Mode Behavior
in quirks mode, the font element changes the color of text decorations specified on
ancestor elements.
... in quirks mode, when tables have a border style of inset or outset, the border color is based on the background color of the table or of the nearest
ancestor with non-transparent background.
IAccessibleTable
[propget] hresult columnindex( [in] long cellindex, [out] long columnindex ); parameters cellindex 0 based index of the cell in the parent or closest
ancestor table.
...[propget] hresult rowindex( [in] long cellindex, [out] long rowindex ); parameters cellindex 0 based index of the cell in the parent or closest
ancestor table.
nsISelectionPrivate
obsolete since gecko 12.0 long gettableselectiontype(in nsidomrange range); void removeselectionlistener(in nsiselectionlistener listenertoremove); void scrollintoview(in short aregion, in boolean aissynchronous, in short avpercent, in short ahpercent); void set
ancestorlimiter(in nsicontent acontent); native code only!
... native code only!set
ancestorlimiter void set
ancestorlimiter( in nsicontent acontent ); parameters acontent native code only!setpresshell internal utility method to set the pres shell on a newly created selection.
Working with windows in chrome code
accessing elements which are
ancestors of your chrome document, or accessing elements which are descendants of your chrome document (but nevertheless in a different context).
...to break out of your chrome window and access the
ancestors.
CompositionEvent - Web APIs
properties this interface also inherits properties of its parent, uievent, and its
ancestor — event.
... methods this interface also inherits methods of its parent, uievent, and its
ancestor — event.
Element.scrollIntoView() - Web APIs
r 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.
... if false, the bottom of the element will be aligned to the bottom of the visible area of the scrollable
ancestor.
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.
... if false, the element will be aligned to the nearest edge of the visible area of the scrollable
ancestor.
Event.eventPhase - Web APIs
event.capturing_phase 1 the event is being propagated through the target's
ancestor objects.
... event.bubbling_phase 3 the event is propagating back up through the target's
ancestors in reverse order, starting with the parent, and eventually reaching the containing window.
HTMLElement.offsetParent - Web APIs
the htmlelement.offsetparent read-only property returns a reference to the element which is the closest (nearest in the containment hierarchy) positioned
ancestor element.
... if there is no positioned
ancestor element, the nearest
ancestor td, th, table will be returned, or the body if there are no
ancestor table elements either.
HTMLMediaElement - Web APIs
"65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmediaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its
ancestors htmlelement, element, node, and eventtarget.
... methods this interface also inherits methods from its
ancestors htmlelement, element, node, and eventtarget.
HTMLSelectElement.add() - Web APIs
exceptions a domerror of the type hierarchyrequesterror if the item passed to the method is an
ancestor of the htmlselectelement.
...it throws a domerror of the type hierarchyrequesterror if the passed item is an
ancestor of the htmlselectelement and no longer throws if the before parameter is not found.
IntersectionObserver - Web APIs
the intersectionobserver interface of the intersection observer api provides a way to asynchronously observe changes in the intersection of a target element with an
ancestor element or with a top-level document's viewport.
... the
ancestor element or viewport is referred to as the root.
SVGElement - Web APIs
svgelement.ownersvgelementread only an svgsvgelement referring to the nearest
ancestor <svg> element.
...often, the nearest
ancestor <svg> element.
WheelEvent - Web APIs
properties this interface inherits properties from its
ancestors, mouseevent, uievent, and event.
... methods this interface doesn't define any specific methods, but inherits methods from its
ancestors, mouseevent, uievent, and event.
Using the aria-hidden attribute - Accessibility
additionally, since this attribute is inherited by an element's children, it should not be added onto the parent or
ancestor of a focusable element.
...</p> accessibility concerns best practices aria-hidden="true" should not be added when: the html hidden attribute is present the element or the element's
ancestor is hidden with display: none the element or the element's
ancestor is hidden with visibility: hidden in all three scenarios, the attribute is unnecessary to add because the element has already been removed from the accessibility tree.
:host-context() - CSS: Cascading Style Sheets
the :host-context() css pseudo-class function selects the shadow host of the shadow dom containing the css it is used inside (so you can select a custom element from inside its shadow dom) — but only if the selector given as the function's parameter matches the shadow host's
ancestor(s) in the place it sits inside the dom hierarchy.
... in other words, this allows a custom element, or anything within that custom element's shadow dom, to apply different styles based on its position within the outer dom or classes/attributes applied to
ancestor elements.
image() - CSS: Cascading Style Sheets
directionally-sensitive images <ul> <li dir="ltr">bullet is a right facing arrow on the left</li> <li dir="rtl">bullet is the same arrow, flipped to point left.</li> </ul> ul { list-style-image: image(ltr 'https://mdn.mozillademos.org/files/16412/rightarrow.png'); } in the left-to-right list items — those with dir="ltr" set on the element itself or inheriting the directionality from an
ancestor or default value for the page — the image will be used as-is.
... list items with dir="rtl" set on the <li> or inheriting the right-to-left directionality from an
ancestor, such as documents set to arabic or hebrew, will have the bullet display on the right, horizontally flippled, as if transform: scalex(-1) had been set.
text-decoration-skip - CSS: Cascading Style Sheets
it controls all text decoration lines drawn by the element and also any text decoration lines drawn by its
ancestors.
...this only has an effect on decorations imposed by an
ancestor; a decorating box never draws over its own box decoration.
<area> - HTML: Hypertext Markup Language
the <area> element must have an
ancestor <map>, but it need not be a direct parent.
... _top: show the resource in the topmost browsing context (the browsing context that is an
ancestor of the current one and has no parent).
<input type="image"> - HTML: Hypertext Markup Language
_top loads the response into the top-level browsing context; this is the browsing context that is the topmost
ancestor of the current context.
... _top: load the response into the top-level browsing context (that is, the browsing context that is an
ancestor of the current one, and has no parent).
<output>: The Output element - HTML: Hypertext Markup Language
(if this attribute is not set, the <output> is associated with its
ancestor <form> element, if any.) this attribute lets you associate <output> elements to <form>s anywhere in the document, not just inside a <form>.
... it can also override an
ancestor <form> element.
<select>: The HTML Select element - HTML: Hypertext Markup Language
(if this attribute is not set, the <select> is associated with its
ancestor <form> element, if any.) this attribute lets you associate <select> elements to <form>s anywhere in the document, not just inside a <form>.
... it can also override an
ancestor <form> element.
Content-Security-Policy - HTTP
frame-
ancestors specifies valid parents that may embed a page using <frame>, <iframe>, <object>, <embed>, or <applet>.
... content security policy level 2 recommendation adds base-uri, child-src, form-action, frame-
ancestors, plugin-types, referrer, and report-uri.
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.
... if the language cannot be determined (no
ancestor has an xml:lang attribute), this function will return false.
<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.
... use-when determines whether the element and all the nodes that have it as
ancestor are excluded from the stylesheet.
platform/xpcom - Archive of obsolete content
it is passed an interface identifier and searches for the identifier in the interfaces property of: this object any of this object's
ancestors any classes in the implements array property of the instance (for example, any classes added to this object via the implements option defined in heritage).
Displaying annotations - Archive of obsolete content
annotation); } }); $('.annotated').css('border', 'solid 3px yellow'); $('.annotated').bind('mouseenter', function(event) { self.port.emit('show', $(this).attr('annotation')); event.stoppropagation(); event.preventdefault(); }); $('.annotated').bind('mouseleave', function() { self.port.emit('hide'); }); }); function createanchor(annotation) { annotationanchor
ancestor = $('#' + annotation.
ancestorid); annotationanchor = $(annotationanchor
ancestor).parent().find( ':contains(' + annotation.anchortext + ')').last(); $(annotationanchor).addclass('annotated'); $(annotationanchor).attr('annotation', annotation.annotationtext); } save this in data as matcher.js.
Storing annotations - Archive of obsolete content
ment content: function handlenewannotation(annotationtext, anchor) { var newannotation = new annotation(annotationtext, anchor); simplestorage.storage.annotations.push(newannotation); } this function calls a constructor for an annotation object, which we also need to supply: function annotation(annotationtext, anchor) { this.annotationtext = annotationtext; this.url = anchor[0]; this.
ancestorid = anchor[1]; this.anchortext = anchor[2]; } now we need to link this code to the annotation editor, so that when the user presses the return key in the editor, we create and store the new annotation: var annotationeditor = panels.panel({ width: 220, height: 220, contenturl: data.url('editor/annotation-editor.html'), contentscriptfile: data.url('editor/annotation-editor.js'), onmes...
Anonymous Content - Archive of obsolete content
as far as css is concerned, anonymous content nodes are children (or descendants) of the bound element, they are
ancestors of explicit content, and they are siblings of the explicit content.
Deprecated and defunct markup - Archive of obsolete content
pper>; implements sliding box in center of scrolbar) <title> (to add a caption on a <titledbox> <titledbox> (box with a frame) <titledbutton> (attempt to combine text and images before <button>) <toolbarpaletteitem> required to embed non-buttons in customisable toolbars --neil 03 march 2011 <treebody> (old/experimental and unsupported xul tags) lives on as the internal name for the
ancestor <treechildren> element --neil 03 march 2011 <treecaption> (old/experimental and unsupported xul tags) <treecolgroup> (former name for <treecols> <treecolpicker> (internal use only; part of xbl for <tree>) <treefoot> (old/experimental and unsupported xul tags) <treeindentation> (old/experimental and unsupported xul tags) was a part of the old <tree> that predated <outliner> that was...
Table Reflow Internals - Archive of obsolete content
an
ancestor is doing a pass 1 reflow) will only do a pass 1 reflow on its children outer table caches last avail width and avoids reflowing children if resize reflow is the same as previous table caches max element, preferred widths in case they are requested and it isn't rebalanced cell caches prior avail width.
XLink - MDN Web Docs Glossary: Definitions of Web-related terms
specification xlink 1.0 xlink 1.1 (currently a working draft) see also xml in mozilla code snippets:getattributens - a wrapper for dealing with some browsers not supporting this dom method code snippets:xml:base function - a rough attempt to find a full xlink-based on an xlink:href attribute (or <xi:include href=>) and its or an
ancestor's xml:base.
Debugging CSS - Learn web development
you will see the rules directly applied to class box1 and also the css that is being inherited by the box from its
ancestors, in this case to <body>.
Combinators - Learn web development
descendant combinator the descendant combinator — typically represented by a single space ( ) character — combines two selectors such that elements matched by the second selector are selected if they have an
ancestor (parent, parent's parent, parent's parent's parent, etc) element matching the first selector.
Accessibility API cross-reference
n/a n/a sensitive don't speak for this item, it will take care of text-to-speech on its own selfvoicing n/a n/a object can be resized n/a resizable resizable this object and all of its
ancestors are visible n/a showing showing this text object can only contain 1 line of text n/a single_line single_line tells accessibility aid "don't add event listener - this object doesn't generate any".
Error codes returned by Mozilla APIs
ns_error_dom_range_invalid_node_type_err (0x805c0002) the container of an boundary point of a range is being set to either a node of an invalid type or a node with an
ancestor of an invalid type.
CustomizableUI.jsm
if adef is not provided, and if aprop exists on awidget, we'll return that, otherwise we'll return the empty string hidepanelfornode() given a node, walk up to the first panel in its
ancestor chain, and close it.
TraceMalloc
the output is a large html file that hyperlinks
ancestor and descendent libraries, classes, and functions that call into one another, attributing malloc blame up and down each graph.
SavedFrame
if the frame responsible for the call is not accessible to the caller, this points to the youngest accessible
ancestor of the real frame, if any.
Places utilities for JavaScript
getviewfornode() returns the closet
ancestor places view for the given dom node getviewfornode(anode) parameters anode a dom node return type return the closet
ancestor places view if exists, null otherwsie.
Introduction to XPCOM for the DOM
this means that, if a class implements one of the interfaces in the chain, it has to also implement all the
ancestors of that interface.
Components.classes
all of the properties and methods of the nsijscid and its
ancestor interface nsijsid are available for use on the objects contained in this object.
IAccessible2
without the availability of windowhandle, the at would have to get the window handle by using windowfromaccessibleobject on each iaccessible, which is slow because it's implemented by oleacc.dll as a loop which crawls up the
ancestor chain and looks for a role_window object, mapping that back to a window handle.
nsIAccessibleProvider
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.
nsIDOMWindowUtils
the real volume level is affected by the volume of all
ancestor windows.
nsIFile
with an nsifile you can navigate to
ancestors or descendants without having to deal with the different path separators used on different platforms, query the state of any file or directory at the position represented by the nsifile and create, move or copy items in the filesystem.
nsIFocusManager
this flag will have no effect if a child window is focused and an attempt is made to adjust the focus in an
ancestor, as the frame must be switched in this case.
nsISelectionController
scroll_first_
ancestor_only 1<<2 if set, only the first
ancestor will be scrolled into view.
xptcall FAQ
the stubs facility needs to impersonate the full vtbl full of methods for any given valid xpcom interface (including
ancestor methods).
URLs - Plugins
if the target refers to the window or frame containing the instance or one of its parents/
ancestors, the instance is destroyed and the plug-in may be unloaded.
DOMError - Web APIs
invalidnodetypeerror the node is incorrect or has an incorrect
ancestor for this operation.
DOMException - Web APIs
(legacy code value: 23 and legacy constant name: timeout_err) invalidnodetypeerror the node is incorrect or has an incorrect
ancestor for this operation.
Element: DOMMouseScroll event - Web APIs
note: if the platform's native mouse wheel events only provide scroll distance by pixels, or if the speed can be customized by the user, the value is computed using the line height of the nearest scrollable
ancestor element of the event's target.
Element: MozMousePixelScroll event - Web APIs
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.
Element - Web APIs
element.closest() returns the element which is the closest
ancestor of the current element (or the current element itself) which matches the selectors given in parameter.
File.webkitRelativePath - Web APIs
syntax relativepath = file.webkitrelativepath value a usvstring containing the path of the file relative to the
ancestor directory the user selected.
HTMLAudioElement - Web APIs
this snippet copies the audio file's duration to a variable: var audioelement = new audio('car_horn.wav'); audioelement.addeventlistener('loadeddata', () => { let duration = audioelement.duration; // the duration variable now holds the duration (in seconds) of the audio clip }) events inherits methods from its parent, htmlmediaelement, and from its
ancestor htmlelement.
HTMLButtonElement - Web APIs
it is false if any conditions bar it from constraint validation, including: its type property is reset or button; it has a <datalist>
ancestor; or the disabled property is set to true.
HTMLElement.offsetTop - Web APIs
i ios full support 1samsung internet android full support 1.0legend full support full support in compliance with the specification, this property will return null on webkit if the element is hidden (the style.display of this element or any
ancestor is "none") or if the style.position of the element itself is set to "fixed".
HTMLInputElement - Web APIs
it is false if any conditions bar it from constraint validation, including: its type is hidden, reset, or button; it has a <datalist>
ancestor; its disabled property is true.
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).
The HTML DOM API - Web APIs
the overall inheritance for html element classes looks like this: as such, an element inherits the properties and methods of all of its
ancestors.
Location - Web APIs
node.addeventlistener("click", function(e) { e.preventdefault(); e.stoppropagation(); window.location.hash = '#' + $(this).attr('id'); }); }); [].foreach.call(document.queryselectorall('[title]'), function (node) { node.addeventlistener("click", function(e) { e.preventdefault(); e.stoppropagation(); window.location.hash = ''; }); }); result properties location.
ancestororigins is a static domstringlist containing, in reverse order, the origins of all
ancestor browsing contexts of the document associated with the given location object.
Range.extractContents() - Web APIs
.2em; padding: .5em; pointer-events: auto; } javascript const list1 = document.getelementbyid('list1'); const list2 = document.getelementbyid('list2'); const button = document.getelementbyid('swap'); button.addeventlistener('click', e => { selection = window.getselection(); for (let i = 0; i < selection.rangecount; i++) { const range = selection.getrangeat(i); if (range.common
ancestorcontainer === list1 || range.common
ancestorcontainer.parentnode === list1) { const documentfragment = range.extractcontents(); list2.appendchild(documentfragment); } else if (range.common
ancestorcontainer === list2 || range.common
ancestorcontainer.parentnode === list2) { const documentfragment = range.extractcontents(); list1.appendchild(documentfragment...
Range - Web APIs
range.common
ancestorcontainer read only returns the deepest node that contains the startcontainer and endcontainer nodes.
SVGSVGElement - Web APIs
ng attributes for the given <view> element the values for transform and viewtarget within currentview will be null if the initial view was a link into another element (i.e., other than a <view>), then: the values for viewbox, preserveaspectratio and zoomandpan within currentview will match the values for the corresponding dom attributes that are on svgsvgelement directly for the closest
ancestor <svg> element the values for transform within currentview will be null the viewtarget within currentview will represent the target of the link if the initial view was a link into the svg document fragment using an svg view specification fragment identifier (i.e., #svgview(…)), then: the values for viewbox, preserveaspectratio, zoomandpan, transform and viewtarget within currentview ...
TreeWalker.parentNode() - Web APIs
the treewalker.parentnode() method moves the current node to the first visible
ancestor node in the document order, and returns the found node.
TreeWalker - Web APIs
(whether or not the node is visible on the screen is irrelevant.) treewalker.parentnode() moves the current node to the first visible
ancestor node in the document order, and returns the found node.
Child combinator - CSS: Cascading Style Sheets
this is stricter than the descendant combinator, which matches all elements matched by the second selector for which there exists an
ancestor element matched by the first selector, regardless of the number of "hops" up the dom.
Descendant combinator - CSS: Cascading Style Sheets
the descendant combinator — typically represented by a single space ( ) character — combines two selectors such that elements matched by the second selector are selected if they have an
ancestor (parent, parent's parent, parent's parent's parent, etc) element matching the first selector.
Layout mode - CSS: Cascading Style Sheets
a css layout mode, sometimes simply called layout, is an algorithm that determines the position and size of boxes based on the way they interact with their sibling and
ancestor boxes.
Mozilla CSS extensions - CSS: Cascading Style Sheets
pseudo-elements and pseudo-classes a – d ::-moz-anonymous-block eg@:- bug 331432 ::-moz-anonymous-positioned-block :-moz-any :-moz-any-link [matches :link and :visited] :-moz-broken ::-moz-canvas ::-moz-color-swatch ::-moz-cell-content :-moz-drag-over f – i :-moz-first-node ::-moz-focus-inner ::-moz-focus-outer :-moz-focusring :-moz-full-screen :-moz-full-screen-
ancestor :-moz-handler-blocked :-moz-handler-crashed :-moz-handler-disabled ::-moz-inline-table l :-moz-last-node :-moz-list-bullet :-moz-list-number :-moz-loading :-moz-locale-dir(ltr) :-moz-locale-dir(rtl) :-moz-lwtheme :-moz-lwtheme-brighttext :-moz-lwtheme-darktext n – r :-moz-native-anonymous :-moz-only-whitespace ::-moz-page ::-moz-page-sequence ::-moz-pagebreak ::-m...
WebKit CSS extensions - CSS: Cascading Style Sheets
pseudo-classes :-webkit-animating-full-screen-transition :-webkit-any() :-webkit-any-link* :-webkit-autofill :-webkit-autofill-strong-password :-webkit-drag :-webkit-full-page-media :-webkit-full-screen* :-webkit-full-screen-
ancestor :-webkit-full-screen-document :-webkit-full-screen-controls-hidden * now standard.
left - CSS: Cascading Style Sheets
(the containing block is the
ancestor to which the element is relatively positioned.) when position is set to relative, the left property specifies the distance the element's left edge is moved to the right from its normal position.
scroll-snap-coordinate - CSS: Cascading Style Sheets
the scroll-snap-coordinate css property defines the x and y coordinate positions within an element that will align with its nearest
ancestor scroll container's scroll-snap-destination for each respective axis.
touch-action - CSS: Cascading Style Sheets
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).
Creating and triggering events - Developer guides
elem.dispatchevent(event); event bubbling it is often desirable to trigger an event from a child element, 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 for...
disabled - HTML: Hypertext Markup Language
here are examples of a disabled checkbox, radio button, <option> and <optgroup>, as well as some form controls that are disabled via the disabled attribute set on the
ancestor <fieldset> element.
<noscript> - HTML: Hypertext Markup Language
permitted parents any element that accepts phrasing content, if there are no
ancestor <noscript> element, or in a <head> element (but only for an html document), here again if there are no
ancestor <noscript> element.
spellcheck - HTML: Hypertext Markup Language
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.
Index - HTTP
36 csp: frame-
ancestors csp, directive, http, security the http content-security-policy (csp) frame-
ancestors directive specifies valid parents that may embed a page using <frame>, <iframe>, <object>, <embed>, or <applet>.
HTTP Index - HTTP
84 csp: frame-
ancestors
ancestors, csp, content-security-policy, directive, frame, http, security, frame-
ancestors the http content-security-policy (csp) frame-
ancestors directive specifies valid parents that may embed a page using <frame>, <iframe>, <object>, <embed>, or <applet>.
Details of the object model - JavaScript
similarly, although the terms parent, child,
ancestor, and descendant do not have formal meanings in javascript; you can use them informally to refer to objects higher or lower in the prototype chain.
Critical rendering path - Web Performance
for example, .foo {} is faster than .bar .foo {} because when the browser finds .foo, in the second scenario, it has to walk up the dom to check if .foo has an
ancestor .bar.
enable-background - SVG: Scalable Vector Graphics
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.
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
in favor of href implemented (bug 1245751) xlink:title attribute deprecated in favor of child <title> implementation status unknown spaces in svg view fragments implementation status unknown pixel: and percent: spatial media fragments implementation status unknown linking to <view> elements does not cause implicit box transformation to show nearest
ancestor <svg> element implementation status unknown unspecified svg view fragment parameters don't cause corresponding attributes to be reset to initial values implementation status unknown viewtarget attribute of <view> and corresponding svg view fragment parameter removed implementation status unknown fragment-only urls are always same-document implementation stat...
Secure contexts - Web security
for example, even for a document delivered over tls within an <iframe>, its context is not considered secure if it has an
ancestor that was not also delivered over tls.
Web security
csp: frame-
ancestors the http content-security-policy (csp) frame-
ancestors directive specifies valid parents that may embed a page using <frame>, <iframe>, <object>, <embed>, or <applet>.
Web Components
:host-context(): selects the shadow host of the shadow dom containing the css it is used inside (so you can select a custom element from inside its shadow dom) — but only if the selector given as the function's parameter matches the shadow host's
ancestor(s) in the place it sits inside the dom hierarchy.
preceding - XPath
the preceding axis indicates all the nodes that precede the context node in the document except any
ancestor, attribute and namespace nodes.
Comparison of CSS Selectors and XPath - XPath
xpath feature css equivalent
ancestor, parent or preceding-sibling axis :has() selector attribute axis attribute selectors child axis child combinator descendant axis descendant combinator following-sibling axis general sibling combinator or adjacent sibling combinator self axis :scope or :host selector ...
The Netscape XSLT/XPath Reference - XSLT: Extensible Stylesheet Language Transformations
supported) xsl:param (supported) xsl:preserve-space (supported) xsl:processing-instruction xsl:sort (supported) xsl:strip-space (supported) xsl:stylesheet (partially supported) xsl:template (supported) xsl:text (partially supported) xsl:transform (supported) xsl:value-of (partially supported) xsl:variable (supported) xsl:when (supported) xsl:with-param (supported) axes
ancestor ancestor-or-self attribute child descendant descendant-or-self following following-sibling namespace (not supported) parent preceding preceding-sibling self functions boolean() (supported) ceiling() (supported) concat() (supported) contains() (supported) count() (supported) current() (supported) document() (supported) element-available() (supported) false() (sup...
Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
partially supported) xsl:param (supported) xsl:preserve-space (supported) xsl:processing-instruction xsl:sort (supported) xsl:strip-space (supported) xsl:stylesheet (partially supported) xsl:template (supported) xsl:text (partially supported) xsl:transform (supported) xsl:value-of (partially supported) xsl:variable (supported) xsl:when (supported) xsl:with-param (supported) axes
ancestor ancestor-or-self attribute child descendant descendant-or-self following following-sibling namespace (not supported) parent preceding preceding-sibling self functions boolean() (supported) ceiling() (supported) concat() (supported) contains() (supported) count() (supported) current() (supported) document() (supported) element-available() (supported) false() (supported) f...