Search completed in 1.60 seconds.
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.
... selectors that utilize a
descendant combinator are called
descendant selectors.
... /* list items that are
descendants of the "my-things" list */ ul.my-things li { margin: 2em; } the
descendant combinator is technically one or more css white space characters — the space character and/or one of four control characters: carriage return, form feed, new line, and tab characters — between two selectors in the absence of another combinator.
...And 3 more matches
Descendants and Filters - Archive of obsolete content
« previousnext » accessing
descendants in many cases, the node that you're interested in is not the direct child of the top xml element.
...operator, or by using the
descendants property.
...that is, if there are multiple
descendants of the requested type, an xml list is returned, instead of the normal element.
... the * selector returns all
descendants in an xml list.
Using the aria-activedescendant attribute - Accessibility
this article describes the aria-active
descendant property.
... description the aria-active
descendant attribute contains the id of the currently active child object that is part of a composite widget within the document object model.
... possible effects on user agents and assistive technology the user agent, which is any software that retrieves, renders and facilitates end user interaction with web content, uses the aria-active
descendant property to inform the assistive technology about the active child which has focus.
... this active child using the aria-active
descendant property must always be visible on screen and must be a
descendant of the container in the document object model.
descendant - XPath
the
descendant axis indicates all of the children of the context node, and all of their children, and so forth.
Index - Web APIs
917 document.getanimations() api, animation, css, css animations, css transitions, document, experimental, method, reference, transitions, web animations, getanimations, waapi, web animations api the getanimations() method of the document interface returns an array of all animation objects currently in effect whose target elements are
descendants of the document.
... 1000 document: pointerenter event api, document, event, pointerevent, reference, onpointerenter, pointerenter the pointerenter event fires when a pointing device is moved into the hit test boundaries of an element or one of its
descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).
...it can optionally return animation objects for
descendant elements too.
...And 19 more matches
ARIA: listbox role - Accessibility
it is highly recommended to use the html select element, or a group of radio buttons if only one item can be selected, or a group of checkboxes if multiple items can be selected, because there is a lot of keyboard interactivity to manage focus for all the
descendants, and native html elements provide this functionality for you for free.
... list a section containing listitem elements states and properties aria-active
descendant holds the id string of the currently active element within the listbox.
... if the id does not refer to a dom
descendant of the listbox, then that id must be included among the ids in the aria-owns attrubute.
...And 6 more matches
Index - Archive of obsolete content
e4x also adds new javascript operators for filtering xml lists, and for enumerating xml children and
descendants.
...the broadcasterset and its
descendants are not displayed.
...the keyset and its
descendants are not displayed.
...And 4 more matches
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.
... delete_on_close 0x80000000 optional parameter used by opennsprfiledesc methods append() this function is used for constructing a
descendant of the current nsifile.
... appendnative this method is used for constructing a
descendant of the current nsifile.
...And 3 more matches
Element.querySelector() - Web APIs
the queryselector() method of the element interface returns the first element that is a
descendant of the element on which it is invoked that matches the specified group of selectors.
... syntax element = baseelement.queryselector(selectors); parameters selectors a group of selectors to match the
descendant elements of the element baseelement against; this must be valid css syntax, or a syntaxerror exception will occur.
... return value the first
descendant element of baseelement which matches the specified group of selectors.
...And 2 more matches
ARIA Test Cases - Accessibility
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 - - - - orca - - - - listbox and option dojo nightly build single select listbox using aria-active
descendant listbox in an iframe -- this is an important case as it's an example of how a mashup widget can be built (the widget source simply comes from another url, and is tied in using an iframe) yui "carousel" listbox -- a more advanced test case expected at behavior: (mz) screen reader should announce the label and role of the listbox when it gains focus.
... markup used: role="listbox", "option" (listitem should only be used with list, which is for static document structures, could someone please make sure our examples follow this rule) aria-active
descendant 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 - - - - orca - - -...
...n/a - fail window-eyes fail fail - - nvda fail n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - - document application with inner document expected at behavior: if a document/browser/virtual reading mode exists, switch to that mode when the document or
descendant of the document receives focus document is also treated as a landmark markup used: 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...
...And 2 more matches
ARIA: application role - Accessibility
<div role="application">...</div> this defines this div element and all of its
descendants to be treated like they are part of a desktop application.
... associated wai-aria roles, states, and properties document, article used to indicate parts of the application that should be treated as normal web content aria-active
descendant used to manage focus inside the application.
...focus is being managed via aria-active
descendant.
...And 2 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).
... size indicates that the element can be sized without the need to examine its
descendants' sizes.
... style indicates that, for properties that can have effects on more than just an element and its
descendants, those effects don't escape the containing element.
...And 2 more matches
disabled - HTML: Hypertext Markup Language
the user can neither edit nor focus on the control, nor it's form control
descendants.
... if the disabled attribute is specified on a form control, the element and its form control
descendants do not participate in constraint validation.
... this boolean disabled attribute indicates that the user cannot interact with the control or it's
descendant controls.
...And 2 more matches
Index - Archive of obsolete content
the broadcasterset and its
descendants are not displayed.
...the keyset and its
descendants are not displayed.
...the radio buttons may either direct children of the radiogroup or
descendants.
...the treeitem contains a single row and all of what appear to the user as that row's
descendants.
Manipulating documents - Learn web development
descendant node: a node anywhere inside another node.
... for example, img is a child of section in the above example, and it is also a
descendant.
... img is not a child of body, as it is two levels below it in the tree, but it is a
descendant of body.
...
descendant selector, child selector).
nsIDOMElement
getelementsbytagname() get all
descendants of a tag name.
... nsidomnodelist getelementsbytagname( in domstring name ); parameters name tag name return value a nsidomnodelist containg all the
descendants of this tag name.
... getelementsbytagnamens() get all
descendants of a tag name in a given namespace.
... nsidomnodelist getelementsbytagnamens( in domstring namespaceuri, in domstring localname ); parameters namespaceuri namespace uri localname tag name return value a nsidomnodelist containg all the
descendants of this tag name.
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
when called, it returns an array with all of the element's
descendants matching the tag name.
... 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 variable to the dom object for the second p element inside the body: first, we get a list of all the body elements via mybody = document.getelementsbytagname("body")[0] ...
... next, we get all the p elements that are
descendants of the body: mybodyelements = mybody.getelementsbytagname("p"); finally, we get the second item from the list of p elements via myp = mybodyelements[1]; once you have gotten the dom object for an html element, you can set its properties.
... the differences are that (a) getelementsbytagname() only returns elements of the specified tag name; and (b) getelementsbytagname() returns
descendants at any level, not just immediate children.
Element.getAnimations() - Web APIs
it can optionally return animation objects for
descendant elements too.
... 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.
... examples the following code snippet will wait for all animations on elem and its
descendants to finish before removing the element from the document.
Element.outerHTML - Web APIs
the outerhtml attribute of the element dom interface gets the serialized html fragment describing the element including its
descendants.
... 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.
... notes if the element has no parent element, setting its outerhtml property will not change it or its
descendants.
Element.querySelectorAll() - Web APIs
the element method queryselectorall() returns a static (not live) nodelist representing a list of elements matching the specified group of selectors which are
descendants of the element on which the method was called.
... return value a non-live nodelist containing one element object for each
descendant node that matches at least one of the specified selectors.
... in this example, when selecting ".outer .inner" in the context the <div> with the class "select", the element with the class ".inner" is still found, even though .outer is not a
descendant of the base element on which the search is performed (".select").
... the :scope pseudo-class restores the expected behavior, only matching selectors on
descendants of the base element: var select = document.queryselector('.select'); var inner = select.queryselectorall(':scope .outer .inner'); inner.length; // 0 specifications specification status comment domthe definition of 'parentnode.queryselectorall()' in that specification.
Node - Web APIs
node.textcontent returns / sets the textual content of an element and all its
descendants.
... node.contains() returns a boolean value indicating whether or not a node is a
descendant of the calling node.
... nodes.push(node) }) return nodes } if (false === callback(rootnode)) { return false } if (rootnode.haschildnodes()) { const nodes = rootnode.childnodes for (let i = 0, l = nodes.length; i < l; ++i) { if (false === eachnode(nodes[i], callback)) { return } } } } syntax eachnode(rootnode, callback) description recursively calls a function for each
descendant node of rootnode (including the root itself).
... parameters rootnode the node object whose
descendants will be recursed through.
ParentNode.querySelectorAll() - Web APIs
the parentnode mixin defines the queryselectorall() method as returning a nodelist representing a list of elements matching the specified group of selectors which are
descendants of the object on which the method was called.
... return value a non-live nodelist containing one element object for each
descendant node that matches at least one of the specified selectors.
... in this example, when selecting .outer .inner in the context the <div> with the class select, the element with the class .inner is still found, even though .outer is not a
descendant of the base element on which the search is performed (.select).
... the :scope pseudo-class restores the expected behavior, only matching selectors on
descendants of the base element: var select = document.queryselector('.select'); var inner = select.queryselectorall(':scope .outer .inner'); inner.length; // 0 specifications specification status comment domthe definition of 'parentnode.queryselectorall()' in that specification.
Keyboard-navigable JavaScript widgets - Accessibility
there are two techniques for accomplishing this: roving tabindex: programmatically moving focus aria-active
descendant: managing a 'virtual' focus technique 1: roving tabindex setting the tabindex of the focused element to "0" ensures that if the user tabs away from the widget and then returns, the selected item within the group retains focus.
... technique 2: aria-active
descendant this technique involves binding a single event handler to the container widget and using the aria-active
descendant to track a "virtual" focus.
... (for more information about aria, see this overview of accessible web applications and widgets.) the aria-active
descendant property identifies the id of the descendent element that currently has the virtual focus.
... the event handler on the container must respond to key and mouse events by updating the value of aria-active
descendant and ensuring that the current item is styled appropriately (for example, with a border or background color).
display - CSS: Cascading Style Sheets
internal <display-internal> some layout models such as table and ruby have a complex internal structure, with several different roles that their children and
descendants can fill.
...all
descendant elements also have their display turned off.
...this will cause the element and all its
descendant elements to no longer be announced by screen reading technology.
... display: contents current implementations in most browsers will remove from the accessibility tree any element with a display value of contents (but
descendants will remain).
eval() - JavaScript
instead, use the property accessors, which are much faster and safer: var obj = { a: 20, b: 30 }; var propname = getpropname(); // returns "a" or "b" var result = obj[ propname ]; // obj[ "a" ] is the same as obj.a you can even use this method to access
descendant properties.
..."a.b.c" eval( 'var result = obj.' + proppath ); avoiding eval() here could be done by splitting the property path and looping through the different properties: function get
descendantprop(obj, desc) { var arr = desc.split('.'); while (arr.length) { obj = obj[arr.shift()]; } return obj; } var obj = {a: {b: {c: 0}}}; var proppath = getproppath(); // returns e.g.
... "a.b.c" var result = get
descendantprop(obj, proppath); setting a property that way works similarly: function set
descendantprop(obj, desc, value) { var arr = desc.split('.'); while (arr.length > 1) { obj = obj[arr.shift()]; } return obj[arr[0]] = value; } var obj = {a: {b: {c: 0}}}; var proppath = getproppath(); // returns e.g.
... "a.b.c" var result = set
descendantprop(obj, proppath, 1); // obj.a.b.c will now be 1 use functions instead of evaluating snippets of code javascript has first-class functions, which means you can pass functions as arguments to other apis, store them in variables and objects' properties, and so on.
Menu - Archive of obsolete content
if the menu property is present, command will instead be called when any of the item's
descendants is clicked.
... in that case, the commands of
descendants will be invoked first.
... due to a platform bug in firefox, on os x only, for menus in the menu bar only, command functions defined on menuitems with submenus are not called when
descendant menuitems are clicked.
Anonymous Content - Archive of obsolete content
child,
descendant, and sibling selectors will match on any path of anonymous and explicit elements.
... 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.
... style rules using the child,
descendant, or sibling selectors transparently cross bind scopes and operate on the altered and original content models.
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.
... selectors that utilize a
descendant combinator are called
descendant selectors.
... if you remove the > that designates this as a child combinator, you end up with a
descendant selector and all <li> elements will get a red border.
Type, class, and ID selectors - Learn web development
the universal selector the universal selector is indicated by an asterisk (*) and selects everything in the document (or inside the parent element if it is being chained together with another element and a
descendant combinator).
...for example, if i wanted to select the first child of any
descendant element of <article> , no matter what element it was, and make it bold, i could use the :first-child selector, which we will learn more about in the lesson on pseudo-classes and pseudo-elements, as a
descendant selector along with the <article> element selector: article :first-child { } this could be confused however with article:first-child, which will select any <article> element that is th...
...it is selecting any element which is the first-child of any
descendant element of <article>: article *:first-child { } although both do the same thing, the readability is significantly improved.
nsIFocusManager
if the current focusedwindow is a
descendant of awindow, sets the current focusedwindow to awindow.
... adeep if true, then child frames are traversed and the return value may be the element within a child
descendant window that is focused.
... afocusedwindow will be set to the currently focused
descendant window of awindow, or to awindow if adeep is false.
Element.getElementsByClassName() - Web APIs
the element method getelementsbyclassname() returns a live htmlcollection which contains every
descendant element which has the specified class name or names.
... examples matching a single class to look for elements that include among their classes a single specified class, we just provide that class name when calling getelementsbyclassname(): element.getelementsbyclassname('test'); this example finds all elements that have a class of test, which are also a
descendant of the element that has the id of main: document.getelementbyid('main').getelementsbyclassname('test'); matching multiple classes to find elements whose class lists include both the red and test classes: element.getelementsbyclassname('red test'); examining the results you can use either the item() method on the returned htmlcollection or standard array syntax to examine individual elements...
...telementsbyclassname('colorbox'); for (var i=0; i<matches.length; i++) { matches[i].classlist.remove('colorbox'); matches.item(i).classlist.add('hueframe'); } instead, use another method, such as: var matches = element.getelementsbyclassname('colorbox'); while (matches.length > 0) { matches.item(0).classlist.add('hueframe'); matches[0].classlist.remove('colorbox'); } this code finds
descendant elements with the "colorbox" class, adds the class "hueframe", by calling item(0), then removes "colorbox" (using array notation).
Element.getElementsByTagName() - Web APIs
all
descendants of the specified element are searched, but not the element itself.
... element.getelementsbytagname is similar to document.getelementsbytagname(), except that it only searches for elements that are
descendants of the specified element.
...only the element's
descendants are included, not the element itself.
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.
... reading the html contents of an element reading innerhtml causes the user agent to serialize the html or xml fragment comprised of the element's
descendants.
Element - Web APIs
element.getelementsbyclassname() returns a live htmlcollection that contains all
descendants of the current element that possess the list of classes given in the parameter.
... element.getelementsbytagname() returns a live htmlcollection containing all
descendant elements, of a particular tag name, from the current element.
... element.getelementsbytagnamens() returns a live htmlcollection containing all
descendant elements, of a particular tag name and namespace, from the current element.
ARIA: banner role - Accessibility
<div role="banner"> <img src="companylogo.svg" alt="my company name" /> <h1>title</h1> <h2>subtitle</h2> </div> by default, the html5 <header> element has an identical meaning to the banner landmark, unless it is a
descendant of <aside>, <article>, <main>, <nav>, or <section>.
... assistive technologies can identify the main header element of a page as the banner if is a
descendant of the body element, and not nested within an article, aside, main, nav or section subsection.
...on</p> </div> we could also have written the above with the html header element: <header> <a href="#nav" id="skiptomenu" class="skiptocontent">skip to keyboard navigation</a> <img src="images/w3c.png" alt="w3c logo"> <h1>aria landmarks</h1> <p>identifying page subsections for easy navigation</p> </header> best practices while it is best to use the header element and ensure it is not a
descendant of any subsection of the page, sometimes you don't have access to the underlying html.
<colgroup> - HTML: Hypertext Markup Language
the
descendant <col> elements may override this value using their own align attribute.
...because <td> elements are not
descendant of the <colgroup> element, they won't inherit it.
...because <td> elements are not
descendant of the <colgroup> element, they won't inherit it.
<footer> - HTML: Hypertext Markup Language
permitted content flow content, but with no <footer> or <header>
descendants.
...note that a <footer> element must not be a
descendant of an <address>, <header> or another <footer> element.
... implicit aria role contentinfo, or no corresponding role if a
descendant of an article, aside, main, nav or section element, or an element with role=article, complementary, main, navigation or region permitted aria roles group, presentation or none dom interface htmlelement attributes this element only includes the global attributes.
<header> - HTML: Hypertext Markup Language
permitted content flow content, but with no <header> or <footer>
descendant.
...note that a <header> element must not be a
descendant of an <address>, <footer> or another <header> element.
... implicit aria role banner, or no corresponding role if a
descendant of an article, aside, main, nav or section element, or an element with role=article, complementary, main, navigation or region permitted aria roles group, presentation or none dom interface htmlelement usage notes the <header> element is not sectioning content and therefore does not introduce a new section in the outline.
<textarea> - HTML: Hypertext Markup Language
the form owner is either the <form> element that this <textarea> element is a
descendant of or the form element whose id is specified by the form attribute of the input element.
...if this attribute is not specified, the <textarea> element must be a
descendant of a form element.
... this attribute enables you to place <textarea> elements anywhere within a document, not just as
descendants of form elements.
HTML documentation index - HTML: Hypertext Markup Language
23 itemref attribute, global attribute, html, html microdata, microdata, reference properties that are not
descendants of an element with the itemscope attribute can be associated with an item using the global attribute itemref.
...the user can neither edit nor focus on the control, nor it's form control
descendants.
...all other elements must be
descendants of this element.
vector-effect - SVG: Scalable Vector Graphics
non-scaling-size this value specifies a special user coordinate system used by the element and its
descendants.
... non-rotation this value specifies a special user coordinate system used by the element and its
descendants.
... fixed-position this value specifies a special user coordinate system used by the element and its
descendants.
Namespaces crash course - SVG: Scalable Vector Graphics
the declaration defines the default namespace, so the user agent knows that all the <svg> element's
descendants also belong to the same namespace.
...(in fact uris are used so frequently that the term "namespace uri" is commonly used instead of "namespace name".) redeclaring the default namespace so if all the
descendants of the root element are also defined to be in the default namespace, how do you mix in content from another namespace?
...the <svg> element has its own xmlns parameter, and by redeclaring the default namespace, this tells the user agent that the <svg> element and its
descendants (unless they also redeclare the default namespace) belong to svg.
Axes - XPath
descendant indicates all of the children of the context node, and all of their children, and so forth.
...
descendant-or-self indicates the context node and all of its
descendants.
... following indicates all the nodes that appear after the context node, except any
descendant, attribute, and namespace nodes.
Index - XPath
7
descendant axe, xpath the
descendant axis indicates all of the children of the context node, and all of their children, and so forth.
... 8
descendant-or-self axe, xpath the
descendant-or-self axis indicates the context node and all of its
descendants.
... 9 following axe, xpath the following axis indicates all the nodes that appear after the context node, except any
descendant, attribute, and namespace nodes.
nsIAccessibleEvent
event_active_decendent_changed 0x0007 0x0004 the active
descendant of a component has changed.
... the active
descendant is used in objects with transient children.
nsIDOMWindowUtils
native code only!renderdocument void renderdocument( in nsconstrect arect, in pruint32 aflags, in nscolor abackgroundcolor, in gfxcontext athebescontext ); parameters arect aflags abackgroundcolor athebescontext resumetimeouts() resumes timeouts on this window and its
descendant windows.
... void suppresseventhandling( in boolean asuppress ); parameters asuppress suspendtimeouts() suspend/resume timeouts on this window and its
descendant windows.
Break on DOM mutation - Firefox Developer Tools
there are three choices: subtree modification execution pauses if any of the elementʼs
descendant nodes are modified.
... that means, the script execution is stopped whenever a child node or
descendant node deeper in the dom structure is added to or removed from the element the option is set on.
CustomElementRegistry.upgrade() - Web APIs
syntax customelements.upgrade(root); parameters root a node instance with shadow-containing
descendant elements that are to be upgraded.
... if there are no
descendant elements that can be upgraded, no error is thrown.
Document.getAnimations() - Web APIs
the getanimations() method of the document interface returns an array of all animation objects currently in effect whose target elements are
descendants of the document.
... return value an array of animation objects, each representing one animation currently associated with elements which are
descendants of the document on which it's called.
Document.getElementsByTagName() - Web APIs
example in the following example, getelementsbytagname() starts from a particular parent element and searches top-down recursively through the dom from that parent element, building a collection of all
descendant elements which match the tag name parameter.
... clicking the buttons uses getelementsbytagname() to count the
descendant paragraph elements of a particular parent (either the document itself or one of two nested <div> elements).
Document.querySelectorAll() - Web APIs
in this example, when selecting .outer .inner in the context the <div> with the class select, the element with the class .inner is still found, even though .outer is not a
descendant of the base element on which the search is performed (.select).
... the :scope pseudo-class restores the expected behavior, only matching selectors on
descendants of the base element: var select = document.queryselector('.select'); var inner = select.queryselectorall(':scope .outer .inner'); inner.length; // 0 specifications specification status comment domthe definition of 'parentnode.queryselectorall()' in that specification.
Document - Web APIs
document.getanimations() returns an array of all animation objects currently in effect, whose target elements are
descendants of the document.
... pointerenter fired when a pointer is moved into the hit test boundaries of an element or one of its
descendants.
Element.getElementsByTagNameNS() - Web APIs
it is similar to document.getelementsbytagnamens, except that its search is restricted to
descendants of the specified element.
...note that only the
descendants of this element are included in the search, not the node itself.
Fullscreen API - Web APIs
the fullscreen api adds methods to present a specific element (and its
descendants) in full-screen mode, and to exit full-screen mode once it is no longer needed.
... methods on the element interface element.requestfullscreen() asks the user agent to place the specified element (and, by extension, its
descendants) into full-screen mode, removing all of the browser's ui elements as well as all other applications from the screen.
HTMLButtonElement - Web APIs
if the button is a
descendant of a form element, then this attribute is the id of that form element.
... 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.
HTMLElement - Web APIs
htmlelement.innertext represents the "rendered" text content of a node and its
descendants.
... pointerenter fired when a pointer is moved into the hit test boundaries of an element or one of its
descendants.
HTMLSlotElement - Web APIs
methods htmlslotelement.assignednodes() returns a sequence of the nodes assigned to this slot, and if the flatten option is set to true, the assigned nodes of any other slots that are
descendants of this slot.
...if the flatten option is set to true, it also returns the assigned elements of any other slots that are
descendants of this slot.
Intersection Observer API - Web APIs
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.
... also, note that if you specified the root option, the target must be a
descendant of the root element.
MutationObserverInit - Web APIs
childlist optional set to true to monitor the target node (and, if subtree is true, its
descendants) for the addition of new child nodes or removal of existing child nodes.
... characterdata optional set to true to monitor the specified target node (and, if subtree is true, its
descendants) for changes to the character data contained within the node or nodes.
Node.textContent - Web APIs
the textcontent property of the node interface represents the text content of the node and its
descendants.
...(reflows can be computationally expensive, and thus should be avoided when possible.) unlike textcontent, altering innertext in internet explorer (version 11 and below) removes child nodes from the element and permanently destroys all
descendant text nodes.
XMLSerializer.serializeToString() - Web APIs
usage notes compatible node types the specified root node—and all of its
descendants—must be compatible with the xml serialization algorithm.
... the following types are also permitted as
descendants of the root node, in addition to node and attr: documenttype document documentfragment element comment text processinginstruction attr if any other type is encountered, a typeerror exception is thrown.
ARIA: timer 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-active
descendant is used to manage the focus inside the application container.
... recommendation precedence order applying the timer role will cause this and all of the
descendant elements of this element to be treated like xxx ...
ARIA: contentinfo role - Accessibility
one contentinfo landmark per page the <body> element there should be only one contentinfo landmark per document, used as the immediate
descendant of the <body> element.
... best practices prefer html when it is an immediate
descendant of the <body> element, using the <footer> element will automatically communicate a section has a role of contentinfo (save for a known issue in voiceover).
ARIA: feed role - Accessibility
an article should be scrolled into view when it, or a
descendant element, receives focus.
... in the context of a feed, assistive technologies with a reading mode are responsible for: indicating which article contains the reading cursor by ensuring the article element or one of its
descendants has dom focus.
ARIA: row role - Accessibility
associated wai-aria roles, states, and properties context roles role="rowgroup" an optional contextual row parent, it establishes a relationship between
descendant rows.
...
descendant roles role="cell" a cell in a row within a tabular container.
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-active
descendant 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.
:focus-within - CSS: Cascading Style Sheets
in other words, it represents an element that is itself matched by the :focus pseudo-class or has a
descendant that is matched by :focus.
... (this includes
descendants in shadow trees.) /* selects a <div> when one of its
descendants is focused */ div:focus-within { background: cyan; } this selector is useful, to take a common example, for highlighting an entire <form> container when the user focuses on one of its <input> fields.
:host-context() - CSS: Cascading Style Sheets
one typical use of this is with a
descendant selector expression — for example h1 — to select only instances of the custom element that are inside an <h1>.
... /* selects a shadow root host, only if it is a
descendant of the selector argument given */ :host-context(h1) { font-weight: bold; } :host-context(main article) { font-weight: bold; } /* changes paragraph text color from black to white when a .dark-theme class is applied to the document body */ p { color: #000; } :host-context(body.dark-theme) p { color: #fff; } syntax :host-context( <compound-selector-list> )where <compound-selector-list> = <compound-selector>#where <compound-selector> = [ <type-selector>?
Mastering margin collapsing - CSS: Cascading Style Sheets
no content separating parent and
descendants if there is no border, padding, inline part, block formatting context created, or clearance to separate the margin-top of a block from the margin-top of one or more of its
descendant blocks; or no border, padding, inline content, height, min-height, or max-height to separate the margin-bottom of a block from the margin-bottom of one or more of its
descendant blocks, then those margins collapse.
... these rules apply even to margins that are zero, so the margin of a
descendant ends up outside its parent (according to the rules above) whether or not the parent's margin is zero.
Stacking with floated blocks - CSS: Cascading Style Sheets
floating blocks are placed between non-positioned blocks and positioned blocks: the background and borders of the root element
descendant non-positioned blocks, in order of appearance in the html floating blocks
descendant positioned elements, in order of appearance in the html actually, as you can see in the example below, the background and border of the non-positioned block (div #4) is completely unaffected by floating blocks, but the content is affected.
...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.
Visual formatting model - CSS: Cascading Style Sheets
the principal box when an element generates one or more boxes, one of them is the principal box, which contains its
descendant boxes and generated content in the box tree, and is also the box involved in any positioning scheme.
...and some values (such as none or contents) cause the element and/or its
descendants to not generate any boxes at all.
<display-box> - CSS: Cascading Style Sheets
all
descendant elements also have their display turned off.
...this will cause the element — and in some browser versions, its
descendant elements — to no longer be announced by screen reading technology.
justify-items - CSS: Cascading Style Sheets
legacy makes the value inherited by the box
descendants.
... note that if a
descendant has a justify-self: auto value, the legacy keyword is not considered by the descend, only the left, right, or center value associated to it.
pointer-events - CSS: Cascading Style Sheets
none the element is never the target of pointer events; however, pointer events may target its
descendant elements if those
descendants have pointer-events set to some other value.
... in these circumstances, pointer events will trigger event listeners on this parent element as appropriate on their way to/from the
descendant during the event capture/bubble phases.
touch-action - CSS: Cascading Style Sheets
this means that in practice, touch-action is typically applied only to top-level elements which have some custom behavior, without needing to specify touch-action explicitly on any of that element's
descendants.
...pt: non-replaced inline elements, table rows, row groups, table columns, and column groupsinheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | none | [ [ pan-x | pan-left | pan-right ] | [ pan-y | pan-up | pan-down ] | pinch-zoom ] | manipulation examples disabling all gestures the most common usage is to disable all gestures on an element (and its non-scrollable
descendants) that provides its own dragging and zooming behavior – such as a map or game surface.
vertical-align - CSS: Cascading Style Sheets
line-relative values the following values vertically align the element relative to the entire line: top aligns the top of the element and its
descendants with the top of the entire line.
... bottom aligns the bottom of the element and its
descendants with the bottom of the entire line.
visibility - CSS: Cascading Style Sheets
descendants of the element will be visible if they have visibility set to visible.
...this will cause the element and all its
descendant elements to no longer be announced by screen reading technology.
z-index - CSS: Cascading Style Sheets
the z-index css property sets the z-order of a positioned element and its
descendants or flex items.
...this means that the z-indexes of
descendants are not compared to the z-indexes of elements outside this element.
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.
... a few other elements belong to this category, but only if a specific condition is fulfilled: <a>, if it contains only phrasing content <area>, if it is a
descendant of a <map> element <del>, if it contains only phrasing content <ins>, if it contains only phrasing content <link>, if the itemprop attribute is present <map>, if it contains only phrasing content <meta>, if the itemprop attribute is present embedded content embedded content imports another resource or inserts content from another mark-up language or namespace into the document.
Parsing and serializing XML - Developer guides
to serialize the dom tree doc into xml text, call xmlserializer.serializetostring(): var oserializer = new xmlserializer(); var sxml = oserializer.serializetostring(doc); serializing html documents if the dom you have is an html document, you can serialize using serializetostring(), but there is a simpler option: just use the element.innerhtml property (if you want just the
descendants of the specified node) or the element.outerhtml property if you want the node and all its
descendants.
... you can get html corresponding to the <body> and its
descendants with this code: var dochtml = document.documentelement.outerhtml; ...
The HTML autocomplete attribute - HTML: Hypertext Markup Language
if an <input>, <select> or <textarea> element has no autocomplete attribute, then browsers use the autocomplete attribute of the element's form owner, which is either the <form> element that the element is a
descendant of, or the <form> whose id is specified by the form attribute of the element.
... in order to provide autocompletion, user-agents might require <input>/<select>/<textarea> elements to: have a name and/or id attribute be
descendants of a <form> element the form to have a submit button values "off" the browser is not permitted to automatically enter or select a value for this field.
<col> - HTML: Hypertext Markup Language
because <td> elements are not
descendant of the <col> element, they won't inherit it.
...because <td> elements are not
descendant of the <col> element, they won't inherit it.
<keygen> - HTML: Hypertext Markup Language
if this attribute is not specified, this element must be a
descendant of a <form> element.
... this attribute enables you to place <keygen> elements anywhere within a document, not just as
descendants of their form elements.
<noscript> - HTML: Hypertext Markup Language
permitted content when scripting is disabled and when it is a
descendant of the <head> element: in any order, zero or more <link> elements, zero or more <style> elements, and zero or more <meta> elements.
... when scripting is disabled and when it isn't a
descendant of the <head> element: any transparent content, but no <noscript> element must be among its
descendants.
Microdata - HTML: Hypertext Markup Language
to add a property to an item, the itemprop attribute is used on one of the item's
descendants.
... itemref – properties that are not
descendants of an element with the itemscope attribute can be associated with the item using an itemref.
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.
... if you want to change the value of an object property at run time and have the new value be inherited by all
descendants of the object, you cannot define the property in the object's constructor function.
Critical rendering path - Web Performance
as the parser converts tokens to nodes, with
descendants of nodes inheriting styles.
...if there's a display: none; set on an element, neither it, nor any of its
descendants, are in the render tree.
<circle> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<ellipse> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<foreignObject> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<g> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<line> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<marker> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<path> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<polygon> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<polyline> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<rect> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<svg> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<symbol> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<text> - SVG: Scalable Vector Graphics
ly: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<textPath> - SVG: Scalable Vector Graphics
sentation 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-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...
<tspan> - SVG: Scalable Vector Graphics
ly: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-active
descendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, ar...