requiredFeatures
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see thecompatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
TherequiredFeatures attribute takes a list of feature strings, with the individual strings separated by white space. It determines whether or not all of the named features are supported by the browser; if all of them are supported, the attribute evaluates totrue end the element is rendered; otherwise, the attribute evaluates tofalse and the current element and its children are skipped and thus will not be rendered. This provides a way to design SVG that gracefully falls back when features aren't available.
If the attribute is not present, then its implicit evaluated value istrue. If a null string or empty string value is given to attributerequiredFeatures, the attribute is evaluate tofalse.
requiredFeatures is often used in conjunction with the<switch> element. IfrequiredFeatures is used in other situations, it represents a simple switch on the given element whether to render the element or not.
You can use this attribute with the following SVG elements:
Example
html,body,svg { height: 100%;}text { fill: white;}<svg viewBox="0 0 250 45" xmlns="http://www.w3.org/2000/svg"> <g> <rect fill="forestgreen" x="10" y="10" height="25" width="230" /> <text x="20" y="27">requiredFeatures supported</text> </g> <g requiredFeatures=""> <rect fill="crimson" x="10" y="10" height="25" width="230" /> <text x="20" y="27">requiredFeatures not supported</text> </g></svg>Usage notes
| Value | <list-of-features> |
|---|---|
| Default value | true if not defined,false if null or empty string as value |
| Animatable | No |
<list-of-features>This is a list of feature strings, separated using white space. Determines whether all of the namedfeatures are supported by the browser. SeeFeature strings below for a list of allowed values.
Feature strings
The following are the feature strings for therequiredFeatures attribute. These same feature strings apply to thehasFeature method call that is part of the SVG DOM's support for theDOMImplementation interface. In some cases the feature strings map directly to a set of attributes, properties or elements, in others they represent some functionality of the browser. Note that the format and naming for feature strings changed from SVG 1.0 to SVG 1.1. The SVG 1.0 feature strings are not listed here; some browser support SVG 1.0 feature strings for compatibility reasons. However, the SVG 1.0 feature strings are considered deprecated.
http://www.w3.org/TR/SVG11/feature#SVGAt least one of the following feature is supported:
http://www.w3.org/TR/SVG11/feature#SVG-statichttp://www.w3.org/TR/SVG11/feature#SVG-animationhttp://www.w3.org/TR/SVG11/feature#SVG-dynamichttp://www.w3.org/TR/SVG11/feature#SVGDOM
http://www.w3.org/TR/SVG11/feature#SVGDOMAt least one of the following feature is supported:
http://www.w3.org/TR/SVG11/feature#SVGDOM-statichttp://www.w3.org/TR/SVG11/feature#SVGDOM-animationhttp://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic
http://www.w3.org/TR/SVG11/feature#SVG-staticThe browser supports all the following features:
http://www.w3.org/TR/SVG11/feature#CoreAttributehttp://www.w3.org/TR/SVG11/feature#Structurehttp://www.w3.org/TR/SVG11/feature#ContainerAttributehttp://www.w3.org/TR/SVG11/feature#ConditionalProcessinghttp://www.w3.org/TR/SVG11/feature#Imagehttp://www.w3.org/TR/SVG11/feature#Stylehttp://www.w3.org/TR/SVG11/feature#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#Shapehttp://www.w3.org/TR/SVG11/feature#Texthttp://www.w3.org/TR/SVG11/feature#PaintAttributehttp://www.w3.org/TR/SVG11/feature#OpacityAttributehttp://www.w3.org/TR/SVG11/feature#GraphicsAttributehttp://www.w3.org/TR/SVG11/feature#Markerhttp://www.w3.org/TR/SVG11/feature#ColorProfilehttp://www.w3.org/TR/SVG11/feature#Gradienthttp://www.w3.org/TR/SVG11/feature#Patternhttp://www.w3.org/TR/SVG11/feature#Cliphttp://www.w3.org/TR/SVG11/feature#Maskhttp://www.w3.org/TR/SVG11/feature#Filterhttp://www.w3.org/TR/SVG11/feature#XlinkAttributehttp://www.w3.org/TR/SVG11/feature#Fonthttp://www.w3.org/TR/SVG11/feature#Extensibility
http://www.w3.org/TR/SVG11/feature#SVGDOM-staticThe browser supports all DOM interfaces and methods to the language features for
http://www.w3.org/TR/SVG11/feature#SVG-static.http://www.w3.org/TR/SVG11/feature#SVG-animationThe browser supports all of the language features from
http://www.w3.org/TR/SVG11/feature#SVG-staticplus the featurehttp://www.w3.org/TR/SVG11/feature#Animation.http://www.w3.org/TR/SVG11/feature#SVGDOM-animationThe browser supports all DOM interfaces and methods corresponding to the language features for
http://www.w3.org/TR/SVG11/feature#SVG-animation.http://www.w3.org/TR/SVG11/feature#SVG-dynamicThe browser supports all of the language features from
http://www.w3.org/TR/SVG11/feature#SVG-animationplus the following features:http://www.w3.org/TR/SVG11/feature#Hyperlinkinghttp://www.w3.org/TR/SVG11/feature#Scriptinghttp://www.w3.org/TR/SVG11/feature#Viewhttp://www.w3.org/TR/SVG11/feature#Cursorhttp://www.w3.org/TR/SVG11/feature#GraphicalEventsAttributehttp://www.w3.org/TR/SVG11/feature#DocumentEventsAttributehttp://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute
http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamicThe browser supports all DOM interfaces and methods to the language features for
http://www.w3.org/TR/SVG11/feature#SVG-dynamic.http://www.w3.org/TR/SVG11/feature#CoreAttributehttp://www.w3.org/TR/SVG11/feature#StructureThe browser supports
<svg>,<g>,<defs>,<desc>,<title>,<metadata>,<symbol>and<use>elements.http://www.w3.org/TR/SVG11/feature#BasicStructureThe browser supports
<svg>,<g>,<defs>,<desc>,<title>,<metadata>and<use>elements.http://www.w3.org/TR/SVG11/feature#ContainerAttributeThe browser supports the
enable-backgroundattributehttp://www.w3.org/TR/SVG11/feature#ConditionalProcessingThe browser supports the
<switch>element, and therequiredFeatures,requiredExtensions,systemLanguageattributeshttp://www.w3.org/TR/SVG11/feature#ImageThe browser supports the
<image>element.http://www.w3.org/TR/SVG11/feature#StyleThe browser supports the
<style>element.http://www.w3.org/TR/SVG11/feature#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#ShapeThe browser supports the
<rect>,<circle>,<line>,<polyline>,<polygon>,<ellipse>and<path>elements.http://www.w3.org/TR/SVG11/feature#TextThe browser supports the
<text>,<tspan>,<tref>,<textPath>, and<glyphRef>elements.http://www.w3.org/TR/SVG11/feature#BasicTextThe browser supports the
<text>elementhttp://www.w3.org/TR/SVG11/feature#PaintAttributeThe browser supports the
color,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-width,color-interpolationandcolor-renderingattributeshttp://www.w3.org/TR/SVG11/feature#BasicPaintAttributeThe browser supports the
color,fill,fill-rule,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-widthandcolor-renderingattributeshttp://www.w3.org/TR/SVG11/feature#OpacityAttributeThe browser supports the
opacity,stroke-opacityandfill-opacityattributeshttp://www.w3.org/TR/SVG11/feature#GraphicsAttributeThe browser supports the
display,image-rendering,pointer-events,shape-rendering,text-renderingandvisibilityattributeshttp://www.w3.org/TR/SVG11/feature#BasicGraphicsAttributeThe browser supports the
displayandvisibilityattributeshttp://www.w3.org/TR/SVG11/feature#MarkerThe browser supports the
<marker>elementhttp://www.w3.org/TR/SVG11/feature#GradientThe browser supports the
<linearGradient>,<radialGradient>and<stop>elementshttp://www.w3.org/TR/SVG11/feature#PatternThe browser supports the
<pattern>elementhttp://www.w3.org/TR/SVG11/feature#ClipThe browser supports the
<clipPath>element and theclip-path,clip-ruleattributeshttp://www.w3.org/TR/SVG11/feature#BasicClipThe browser supports the
<clipPath>element and theclip-pathattributehttp://www.w3.org/TR/SVG11/feature#MaskThe browser supports the
<mask>elementhttp://www.w3.org/TR/SVG11/feature#FilterThe browser supports the
<filter>,<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feConvolveMatrix>,<feDiffuseLighting>,<feDisplacementMap>,<feFlood>,<feGaussianBlur>,<feImage>,<feMerge>,<feMergeNode>,<feMorphology>,<feOffset>,<feSpecularLighting>,<feTile>,<feDistantLight>,<fePointLight>,<feSpotLight>,<feFuncR>,<feFuncG>,<feFuncB>and<feFuncA>elementshttp://www.w3.org/TR/SVG11/feature#BasicFilterThe browser supports the
<filter>,<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feFlood>,<feGaussianBlur>,<feImage>,<feMerge>,<feMergeNode>,<feOffset>,<feTile>,<feFuncR>,<feFuncG>,<feFuncB>and<feFuncA>elementshttp://www.w3.org/TR/SVG11/feature#DocumentEventsAttributeThe browser supports the
onunload,onabort,onerror,onresize,onscrollandonzoomevent attributeshttp://www.w3.org/TR/SVG11/feature#GraphicalEventsAttributeThe browser supports the
onfocusin,onfocusout,onactivate,onclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseoutandonloadevent attributeshttp://www.w3.org/TR/SVG11/feature#AnimationEventsAttributeThe browser supports the
onbegin,onend,onrepeatandonloadevent attributeshttp://www.w3.org/TR/SVG11/feature#CursorThe browser supports the
<cursor>elementhttp://www.w3.org/TR/SVG11/feature#HyperlinkingThe browser supports the
<a>elementhttp://www.w3.org/TR/SVG11/feature#XlinkAttributeThe browser supports the
xlink:type,xlink:href,xlink:role,xlink:arcrole,xlink:title,xlink:showandxlink:actuateattributeshttp://www.w3.org/TR/SVG11/feature#ViewThe browser supports the
<view>elementhttp://www.w3.org/TR/SVG11/feature#ScriptThe browser supports the
<script>elementhttp://www.w3.org/TR/SVG11/feature#AnimationThe browser supports the
<animate>,<set>,<animateMotion>,<animateTransform>, and<mpath>elementshttp://www.w3.org/TR/SVG11/feature#FontThe browser supports the
<font>,<font-face>,<glyph>,<missing-glyph>,<hkern>,<vkern>,<font-face-src>,<font-face-uri>,<font-face-format>and<font-face-name>elementshttp://www.w3.org/TR/SVG11/feature#BasicFontThe browser supports the
<font>,<font-face>,<glyph>,<missing-glyph>,<hkern>,<font-face-src>and<font-face-name>elementshttp://www.w3.org/TR/SVG11/feature#ExtensibilityThe browser supports the
<foreignObject>element
Testing feature support
SVG
<svg width="450" height="1170" xmlns="http://www.w3.org/2000/svg"> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG --> <rect x="10" y="10" height="25" width="430" /> <rect x="10" y="10" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG" /> <text x="20" y="27">http://www.w3.org/TR/SVG11/feature#SVG</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM --> <rect x="10" y="35" height="25" width="430" /> <rect x="10" y="35" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM" /> <text x="20" y="52">http://www.w3.org/TR/SVG11/feature#SVGDOM</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-static --> <rect x="10" y="60" height="25" width="430" /> <rect x="10" y="60" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-static" /> <text x="20" y="77">http://www.w3.org/TR/SVG11/feature#SVG-static</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-static --> <rect x="10" y="85" height="25" width="430" /> <rect x="10" y="85" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-static" /> <text x="20" y="102">http://www.w3.org/TR/SVG11/feature#SVGDOM-static</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-animation --> <rect x="10" y="110" height="25" width="430" /> <rect x="10" y="110" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-animation" /> <text x="20" y="127">http://www.w3.org/TR/SVG11/feature#SVG-animation</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-animation --> <rect x="10" y="135" height="25" width="430" /> <rect x="10" y="135" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-animation" /> <text x="20" y="152"> http://www.w3.org/TR/SVG11/feature#SVGDOM-animation </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-dynamic --> <rect x="10" y="160" height="25" width="430" /> <rect x="10" y="160" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-dynamic" /> <text x="20" y="177">http://www.w3.org/TR/SVG11/feature#SVG-dynamic</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic --> <rect x="10" y="185" height="25" width="430" /> <rect x="10" y="185" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic" /> <text x="20" y="202">http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#CoreAttribute --> <rect x="10" y="210" height="25" width="430" /> <rect x="10" y="210" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#CoreAttribute" /> <text x="20" y="227">http://www.w3.org/TR/SVG11/feature#CoreAttribute</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Structure --> <rect x="10" y="235" height="25" width="430" /> <rect x="10" y="235" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Structure" /> <text x="20" y="252">http://www.w3.org/TR/SVG11/feature#Structure</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicStructure --> <rect x="10" y="260" height="25" width="430" /> <rect x="10" y="260" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicStructure" /> <text x="20" y="277">http://www.w3.org/TR/SVG11/feature#BasicStructure</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#ContainerAttribute --> <rect x="10" y="285" height="25" width="430" /> <rect x="10" y="285" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#ContainerAttribute" /> <text x="20" y="302"> http://www.w3.org/TR/SVG11/feature#ContainerAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#ConditionalProcessing --> <rect x="10" y="310" height="25" width="430" /> <rect x="10" y="310" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#ConditionalProcessing" /> <text x="20" y="327"> http://www.w3.org/TR/SVG11/feature#ConditionalProcessing </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Image --> <rect x="10" y="335" height="25" width="430" /> <rect x="10" y="335" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Image" /> <text x="20" y="352">http://www.w3.org/TR/SVG11/feature#Image</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Style --> <rect x="10" y="360" height="25" width="430" /> <rect x="10" y="360" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Style" /> <text x="20" y="377">http://www.w3.org/TR/SVG11/feature#Style</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#ViewportAttribute --> <rect x="10" y="385" height="25" width="430" /> <rect x="10" y="385" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#ViewportAttribute" /> <text x="20" y="402"> http://www.w3.org/TR/SVG11/feature#ViewportAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Shape --> <rect x="10" y="410" height="25" width="430" /> <rect x="10" y="410" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Shape" /> <text x="20" y="427">http://www.w3.org/TR/SVG11/feature#Shape</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Text --> <rect x="10" y="435" height="25" width="430" /> <rect x="10" y="435" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Text" /> <text x="20" y="452">http://www.w3.org/TR/SVG11/feature#Text</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicText --> <rect x="10" y="460" height="25" width="430" /> <rect x="10" y="460" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicText" /> <text x="20" y="477">http://www.w3.org/TR/SVG11/feature#BasicText</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#PaintAttribute --> <rect x="10" y="485" height="25" width="430" /> <rect x="10" y="485" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#PaintAttribute" /> <text x="20" y="502">http://www.w3.org/TR/SVG11/feature#PaintAttribute</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute --> <rect x="10" y="510" height="25" width="430" /> <rect x="10" y="510" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute" /> <text x="20" y="527"> http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#OpacityAttribute --> <rect x="10" y="535" height="25" width="430" /> <rect x="10" y="535" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#OpacityAttribute" /> <text x="20" y="552"> http://www.w3.org/TR/SVG11/feature#OpacityAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#GraphicsAttribute --> <rect x="10" y="560" height="25" width="430" /> <rect x="10" y="560" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#GraphicsAttribute" /> <text x="20" y="577"> http://www.w3.org/TR/SVG11/feature#GraphicsAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute --> <rect x="10" y="585" height="25" width="430" /> <rect x="10" y="585" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute" /> <text x="20" y="602"> http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Marker --> <rect x="10" y="610" height="25" width="430" /> <rect x="10" y="610" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Marker" /> <text x="20" y="627">http://www.w3.org/TR/SVG11/feature#Marker</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#ColorProfile --> <rect x="10" y="635" height="25" width="430" /> <rect x="10" y="635" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#ColorProfile" /> <text x="20" y="652">http://www.w3.org/TR/SVG11/feature#ColorProfile</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Gradient --> <rect x="10" y="660" height="25" width="430" /> <rect x="10" y="660" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Gradient" /> <text x="20" y="677">http://www.w3.org/TR/SVG11/feature#Gradient</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Pattern --> <rect x="10" y="685" height="25" width="430" /> <rect x="10" y="685" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Pattern" /> <text x="20" y="702">http://www.w3.org/TR/SVG11/feature#Pattern</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Clip --> <rect x="10" y="710" height="25" width="430" /> <rect x="10" y="710" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Clip" /> <text x="20" y="727">http://www.w3.org/TR/SVG11/feature#Clip</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicClip --> <rect x="10" y="735" height="25" width="430" /> <rect x="10" y="735" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicClip" /> <text x="20" y="752">http://www.w3.org/TR/SVG11/feature#BasicClip</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Mask --> <rect x="10" y="760" height="25" width="430" /> <rect x="10" y="760" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Mask" /> <text x="20" y="777">http://www.w3.org/TR/SVG11/feature#Mask</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Filter --> <rect x="10" y="785" height="25" width="430" /> <rect x="10" y="785" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Filter" /> <text x="20" y="802">http://www.w3.org/TR/SVG11/feature#Filter</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicFilter --> <rect x="10" y="810" height="25" width="430" /> <rect x="10" y="810" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicFilter" /> <text x="20" y="827">http://www.w3.org/TR/SVG11/feature#BasicFilter</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute --> <rect x="10" y="835" height="25" width="430" /> <rect x="10" y="835" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute" /> <text x="20" y="852"> http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute --> <rect x="10" y="860" height="25" width="430" /> <rect x="10" y="860" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute" /> <text x="20" y="877"> http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute --> <rect x="10" y="885" height="25" width="430" /> <rect x="10" y="885" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute" /> <text x="20" y="902"> http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute </text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Cursor --> <rect x="10" y="910" height="25" width="430" /> <rect x="10" y="910" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Cursor" /> <text x="20" y="927">http://www.w3.org/TR/SVG11/feature#Cursor</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Hyperlinking --> <rect x="10" y="935" height="25" width="430" /> <rect x="10" y="935" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Hyperlinking" /> <text x="20" y="952">http://www.w3.org/TR/SVG11/feature#Hyperlinking</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#XlinkAttribute --> <rect x="10" y="960" height="25" width="430" /> <rect x="10" y="960" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#XlinkAttribute" /> <text x="20" y="977">http://www.w3.org/TR/SVG11/feature#XlinkAttribute</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#View --> <rect x="10" y="1010" height="25" width="430" /> <rect x="10" y="1010" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#View" /> <text x="20" y="1027">http://www.w3.org/TR/SVG11/feature#View</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Script --> <rect x="10" y="1035" height="25" width="430" /> <rect x="10" y="1035" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Script" /> <text x="20" y="1052">http://www.w3.org/TR/SVG11/feature#Script</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Animation --> <rect x="10" y="1060" height="25" width="430" /> <rect x="10" y="1060" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Animation" /> <text x="20" y="1077">http://www.w3.org/TR/SVG11/feature#Animation</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Font --> <rect x="10" y="1085" height="25" width="430" /> <rect x="10" y="1085" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Font" /> <text x="20" y="1102">http://www.w3.org/TR/SVG11/feature#Font</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicFont --> <rect x="10" y="1110" height="25" width="430" /> <rect x="10" y="1110" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicFont" /> <text x="20" y="1127">http://www.w3.org/TR/SVG11/feature#BasicFont</text> <!-- Testing : http://www.w3.org/TR/SVG11/feature#Extensibility --> <rect x="10" y="1135" height="25" width="430" /> <rect x="10" y="1135" height="25" width="430" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" /> <text x="20" y="1152">http://www.w3.org/TR/SVG11/feature#Extensibility</text></svg>CSS
.ko { fill: #990000;}.ok { fill: #006600;}rect { stroke: black; stroke-width: 2px;}text { fill: white; font: 12px sans-serif;}